From bf026e2c06576854685a665ecbb77f3779f2cda6 Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Mon, 16 Jun 2025 14:11:07 +0000
Subject: [PATCH] GS-1843
---
vue/src/App.vue | 33 +++++++++++++++++++++++++++++----
1 files changed, 29 insertions(+), 4 deletions(-)
diff --git a/vue/src/App.vue b/vue/src/App.vue
index f121a20..a79fcbb 100644
--- a/vue/src/App.vue
+++ b/vue/src/App.vue
@@ -1,8 +1,23 @@
<script setup>
import Header from "./components/Header.vue"
-
+import {apiTokenValid, setApiToken} from './lib/api.js'
import "./assets/styles.styl"
+import {ref, watch} from "vue"
+import {useDebounceFn} from '@vueuse/core'
+
+console.log("import.meta.env.VITE_API_BASE",import.meta.env.VITE_API_BASE)
+console.log("import.meta.env.VITE_ILIAS_BASE",import.meta.env.VITE_ILIAS_BASE)
+console.log("import.meta.env.VITE_ROUTER_BASE",import.meta.env.VITE_ROUTER_BASE)
+
+const apiToken = ref("")
+
+function updateApiToken (evt) {
+ console.log("update apiToken ", apiToken.value)
+ console.log(evt)
+ setApiToken(apiToken.value)
+}
+
</script>
@@ -13,10 +28,16 @@
</header>
<main>
- <RouterView />
+ <RouterView v-if="apiTokenValid" />
+ <div v-if="!apiTokenValid">
+ <form @submit.prevent="updateApiToken" style="display:flex; gap: .33em">
+ Enter API Token: <input v-model="apiToken" name="apiToken" size="32" />
+ <input type="submit" value="Save" autofocus />
+ </form>
+ </div>
</main>
- <footer> </footer>
+ <footer></footer>
</template>
@@ -42,16 +63,20 @@
footer
padding 1.5em 0
- //border 1px solid orange
+
+//border 1px solid orange
table
border 1px solid
border-collapse collapse
+
thead
background-color #ccc;
+
tbody
tr:nth-child(even)
background-color #eee;
+
td, th
margin 0
padding .33em .66em
--
Gitblit v1.8.0