From 1d760f91db62cbe64617d856cf4d9deccc7bf662 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Tue, 26 Sep 2023 22:23:23 +0000
Subject: [PATCH 1/2] customizable footer

---
 api/advent22_api/core/config.py        |  7 ++++++-
 api/advent22_api/routers/user.py       | 12 ++++++++++++
 ui/src/App.vue                         | 13 +++++++++----
 ui/src/components/admin/ConfigView.vue |  3 +++
 4 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/api/advent22_api/core/config.py b/api/advent22_api/core/config.py
index c51e208..fa0aba1 100644
--- a/api/advent22_api/core/config.py
+++ b/api/advent22_api/core/config.py
@@ -13,7 +13,7 @@ class User(BaseModel):
 
 class Puzzle(BaseModel):
     # Titel
-    # TODO neue Route GET /user/title
+    # TODO penner neue Route GET /user/title
     title: str
 
     # Lösungswort
@@ -65,6 +65,11 @@ class Config(BaseModel):
     # Serverseitiger zusätzlicher "random" seed
     random_seed: str = ""
 
+    # Fußzeile der Seite
+    footer: str = (
+        '<strong>Advent22</strong> by <a href="//www.lenaisten.de">Lenaisten e.V.</a>'
+    )
+
 
 async def get_config() -> Config:
     """
diff --git a/api/advent22_api/routers/user.py b/api/advent22_api/routers/user.py
index b51aed7..175e221 100644
--- a/api/advent22_api/routers/user.py
+++ b/api/advent22_api/routers/user.py
@@ -5,6 +5,7 @@ from fastapi.responses import StreamingResponse
 from PIL import Image
 
 from ..core.calendar_config import CalendarConfig, DoorsSaved, get_calendar_config
+from ..core.config import Config, get_config
 from ..core.depends import get_all_event_dates, get_day_image
 from ..core.helpers import EventDates, api_return_image, load_image
 from ._security import user_can_view_day, user_is_admin, user_visible_days
@@ -38,6 +39,17 @@ async def get_doors(
     return [door for door in cal_cfg.doors if door.day in visible_days]
 
 
+@router.get("/footer")
+async def get_footer(
+    cfg: Config = Depends(get_config),
+) -> str:
+    """
+    Seiten-Fußzeile lesen
+    """
+
+    return cfg.footer
+
+
 @router.get(
     "/image_{day}",
     response_class=StreamingResponse,
diff --git a/ui/src/App.vue b/ui/src/App.vue
index c2cda96..09a637d 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -16,10 +16,7 @@
   <footer class="footer">
     <nav class="level is-mobile">
       <div class="level-item">
-        <p>
-          <strong>Advent22</strong> by
-          <a href="https://www.lenaisten.de/">Lenaisten.de</a>.
-        </p>
+        <p v-html="footer" />
       </div>
       <div class="level-right">
         <div class="level-item">
@@ -46,6 +43,14 @@ import UserView from "./components/UserView.vue";
 })
 export default class extends Vue {
   public is_admin = false;
+  public footer = "";
+
+  public mounted(): void {
+    this.$advent22
+      .api_get<string>("user/footer")
+      .then((footer) => (this.footer = footer))
+      .catch((error) => alert(this.$advent22.format_user_error(error)));
+  }
 }
 </script>
 
diff --git a/ui/src/components/admin/ConfigView.vue b/ui/src/components/admin/ConfigView.vue
index a0bbbe9..0f979eb 100644
--- a/ui/src/components/admin/ConfigView.vue
+++ b/ui/src/components/admin/ConfigView.vue
@@ -20,6 +20,9 @@
               <dd v-if="next_door === null">Kein nächstes Türchen</dd>
               <dd v-else><CountDown :millis="next_door" /></dd>
 
+              <dt>Fußzeile</dt>
+              <dd class="is-family-monospace">{{ footer }}</dd>
+
               <dt>Erstes Türchen</dt>
               <dd>{{ fmt_puzzle_date("first") }}</dd>
 

From 3a3dfcd94d496074c88e623c4e02d32199286bcb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Tue, 26 Sep 2023 22:23:43 +0000
Subject: [PATCH 2/2] show door number in ConfigView

---
 ui/src/components/admin/ConfigView.vue | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/ui/src/components/admin/ConfigView.vue b/ui/src/components/admin/ConfigView.vue
index 0f979eb..41909b0 100644
--- a/ui/src/components/admin/ConfigView.vue
+++ b/ui/src/components/admin/ConfigView.vue
@@ -52,13 +52,12 @@
               <dt>Hintergrundbild</dt>
               <dd>{{ config_model.calendar.background }}</dd>
 
-              <dt>Türchen</dt>
+              <dt>Türchen ({{ doors.length }} Stück)</dt>
               <dd>
-                <template v-for="(part, day) in day_parts" :key="`door-${day}`">
+                <template v-for="(door, index) in doors" :key="`door-${index}`">
                   <span>
-                    <template v-if="Number(day) > 1">, </template>
-                    <span v-if="part == ''" class="tag is-warning">_</span>
-                    <template v-else>{{ part }}</template>
+                    <template v-if="door.day > 1">, </template>
+                    {{ door.day }}
                   </span>
                 </template>
               </dd>
@@ -125,7 +124,7 @@
 </template>
 
 <script lang="ts">
-import { ConfigModel, Credentials, DoorsSaved, NumStrDict } from "@/lib/api";
+import { ConfigModel, Credentials, DoorsSaved } from "@/lib/api";
 import { DateTime } from "luxon";
 import { Options, Vue } from "vue-class-component";
 
@@ -165,7 +164,8 @@ export default class extends Vue {
       config_file: "sed diam nonumy",
     },
   };
-  public day_parts: NumStrDict = {};
+  public doors: DoorsSaved = [];
+  public footer = "";
   public num_user_doors = 0;
   public next_door: number | null = null;
   public dav_credentials: Credentials = ["", ""];
@@ -181,14 +181,16 @@ export default class extends Vue {
   public on_open(ready: () => void, fail: () => void): void {
     Promise.all([
       this.$advent22.api_get<ConfigModel>("admin/config_model"),
-      this.$advent22.api_get<NumStrDict>("admin/day_parts"),
+      this.$advent22.api_get<DoorsSaved>("admin/doors"),
       this.$advent22.api_get<DoorsSaved>("user/doors"),
+      this.$advent22.api_get<string>("user/footer"),
       this.$advent22.api_get<number | null>("user/next_door"),
     ])
-      .then(([config_model, day_parts, user_doors, next_door]) => {
+      .then(([config_model, doors, user_doors, footer, next_door]) => {
         this.config_model = config_model;
-        this.day_parts = day_parts;
+        this.doors = doors;
         this.num_user_doors = user_doors.length;
+        this.footer = footer;
         this.next_door = next_door;
 
         ready();