From 39bb717c40c538bc16f1cef7d9737ac619a0ead4 Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Fri, 01 Aug 2025 14:47:26 +0000
Subject: [PATCH] use other vite port

---
 vue/src/App.vue |   37 +++++++++++++++++++++++++++++++++++--
 1 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/vue/src/App.vue b/vue/src/App.vue
index 3c2ec7e..2f0d7ec 100644
--- a/vue/src/App.vue
+++ b/vue/src/App.vue
@@ -1,8 +1,24 @@
 <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_POPCORN_BASE",import.meta.env.VITE_POPCORN_BASE2)
+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,8 +29,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>
 
 </template>
 
@@ -34,17 +58,26 @@
 
 main
    margin 0 auto
+   padding 0 1em
    margin-top 3rlh
    max-width 1280px;
+
+footer
+   padding 1.5em 0
+
+//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