From d0bdc62433b6a0ec687950c87c861f4f6ce0cf5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Wed, 1 Nov 2023 01:54:46 +0100
Subject: [PATCH] use API route user/title in UI

---
 ui/src/App.vue                         | 14 ++++++++++----
 ui/src/components/admin/ConfigView.vue |  8 +++++---
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/ui/src/App.vue b/ui/src/App.vue
index 7144495..2129dc7 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="hero is-small is-primary" style="overflow-x: auto">
     <div class="hero-body">
-      <h1 class="title is-uppercase">Adventskalender</h1>
+      <h1 class="title is-uppercase">{{ title }}</h1>
       <h2 class="subtitle">Der Gelöt</h2>
     </div>
   </section>
@@ -46,12 +46,18 @@ import UserView from "./components/UserView.vue";
 })
 export default class extends Vue {
   public is_admin = false;
+  public title = "Adventskalender";
   public footer = "";
 
   public mounted(): void {
-    this.$advent22
-      .api_get<string>("user/footer")
-      .then((footer) => (this.footer = footer))
+    Promise.all([
+      this.$advent22.api_get<string>("user/title"),
+      this.$advent22.api_get<string>("user/footer"),
+    ])
+      .then(([title, footer]) => {
+        this.title = title;
+        this.footer = footer;
+      })
       .catch((error) => alert(this.$advent22.format_user_error(error)));
   }
 }
diff --git a/ui/src/components/admin/ConfigView.vue b/ui/src/components/admin/ConfigView.vue
index d6a00d6..86be5bc 100644
--- a/ui/src/components/admin/ConfigView.vue
+++ b/ui/src/components/admin/ConfigView.vue
@@ -38,8 +38,7 @@
             <h3>Rätsel</h3>
             <dl>
               <dt>Titel</dt>
-              <!-- TODO -->
-              <dd>Advent22</dd>
+              <dd>{{ title }}</dd>
 
               <dt>Offene Türchen</dt>
               <dd>{{ num_user_doors }}</dd>
@@ -215,6 +214,7 @@ export default class extends Vue {
     },
   };
   public doors: DoorsSaved = [];
+  public title = "";
   public footer = "";
   public num_user_doors = 0;
   public next_door: number | null = null;
@@ -233,13 +233,15 @@ export default class extends Vue {
       this.$advent22.api_get<ConfigModel>("admin/config_model"),
       this.$advent22.api_get<DoorsSaved>("admin/doors"),
       this.$advent22.api_get<DoorsSaved>("user/doors"),
+      this.$advent22.api_get<string>("user/title"),
       this.$advent22.api_get<string>("user/footer"),
       this.$advent22.api_get<number | null>("user/next_door"),
     ])
-      .then(([config_model, doors, user_doors, footer, next_door]) => {
+      .then(([config_model, doors, user_doors, title, footer, next_door]) => {
         this.config_model = config_model;
         this.doors = doors;
         this.num_user_doors = user_doors.length;
+        this.title = title;
         this.footer = footer;
         this.next_door = next_door;