From e0ba5c05661d506e75daac6df69543bb92182320 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?=
 <40151420+ldericher@users.noreply.github.com>
Date: Fri, 16 Sep 2022 14:50:45 +0000
Subject: [PATCH] get images from API

---
 ui/src/App.vue | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/ui/src/App.vue b/ui/src/App.vue
index dbcecc1..96eade5 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -42,6 +42,7 @@
 
 <script lang="ts">
 import { Component, Vue } from "vue-property-decorator";
+import { CalendarData } from "./components/calendar/CalendarModel";
 
 import TitleBar from "./components/title/TitleBar.vue";
 import Dashboard from "./components/Dashboard.vue";
@@ -70,13 +71,13 @@ export default class App extends Vue {
   private logo_below = "OV Musterstadt";
   private title_html = "<h1>changeme</h1>";
 
-  private image_urls = require("@/assets/image_testdata.json");
+  private image_urls: string[] = require("@/assets/image_testdata.json");
   private image_height = 300;
   private image_contain = false;
   private image_speed = 10000;
   private message_html = require("@/assets/lipsum.json");
 
-  private calendar_data = require("@/assets/calendar_testdata.json");
+  private calendar_data: CalendarData[] = require("@/assets/calendar_testdata.json");
   private calendar_speed = 10000;
   private server_host = "https://oekzident.de";
   private server_name = "OEKZident";
@@ -124,6 +125,18 @@ export default class App extends Vue {
     });
   }
 
+  private api_query_simple_list(
+    endpoint: string,
+    on_success: (data: string[]) => void
+  ): void {
+    this.api_query_simple(endpoint, (data) => {
+      if (!Array.isArray(data)) return;
+      if (!data.every((value) => typeof value === "string")) return;
+
+      on_success(data);
+    });
+  }
+
   private update(): void {
     // Update Logo Config
     this.api_query_simple_object("misc/config/logo", (data) => {
@@ -137,6 +150,11 @@ export default class App extends Vue {
     });
 
     // Update Images
+    this.api_query_simple_list("image/list", (data) => {
+      this.image_urls = data.map((name: string) =>
+        this.$ovdashboard.api_url("image/get/" + name)
+      );
+    });
 
     // Update Image Config
     this.api_query_simple_object("image/config", (data) => {
@@ -150,7 +168,7 @@ export default class App extends Vue {
       this.message_html = data;
     });
 
-    // Update Calendars
+    // Update Calendar Aggregates
 
     // Update Calendar Config
     this.api_query_simple_object("calendar/config", (data) => {