From 6f455869a5edff19e76fd368283273cef6d2f170 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?=
 <40151420+ldericher@users.noreply.github.com>
Date: Sat, 24 Sep 2022 16:31:36 +0000
Subject: [PATCH] Message self update

---
 ui/src/App.vue                | 10 +---------
 ui/src/components/Message.vue | 21 ++++++++++++++++++---
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/ui/src/App.vue b/ui/src/App.vue
index dce5edd..93f1d43 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -5,7 +5,7 @@
       <Dashboard>
         <template slot="message">
           <div class="d-flex flex-column fill-height">
-            <Message :html="message_html" />
+            <Message />
             <ImageCarousel class="mt-auto" />
           </div>
         </template>
@@ -50,8 +50,6 @@ import TickerBar from "./components/TickerBar.vue";
 })
 export default class App extends Vue {
   // API data
-  private message_html = require("@/assets/message_testdata.json");
-
   private calendar_data: CalendarData[] = require("@/assets/calendar_testdata.json");
   private calendar_speed = 10000;
   private server_host = "https://oekzident.de";
@@ -68,12 +66,6 @@ export default class App extends Vue {
   }
 
   protected update(): void {
-    // Update Message
-    this.$ovdashboard.api_get_string(
-      "text/get/html/message",
-      (data) => (this.message_html = data)
-    );
-
     // Update Calendar Aggregates
     this.$ovdashboard.api_get_list("aggregate/list", (names) => {
       this.$ovdashboard.api_get_object_multi<EventData[]>(
diff --git a/ui/src/components/Message.vue b/ui/src/components/Message.vue
index eeb1053..0a0c745 100644
--- a/ui/src/components/Message.vue
+++ b/ui/src/components/Message.vue
@@ -3,12 +3,27 @@
 </template>
 
 <script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
+import { Component, Vue } from "@/ovd-vue";
 
 @Component
 export default class Message extends Vue {
-  @Prop({ required: true })
-  private readonly html!: string;
+  private html = require("@/assets/message_testdata.json");
+
+  public created(): void {
+    super.created();
+  }
+
+  public beforeDestroy(): void {
+    super.beforeDestroy();
+  }
+
+  protected update(): void {
+    // Update Message
+    this.$ovdashboard.api_get_string(
+      "text/get/html/message",
+      (data) => (this.html = data)
+    );
+  }
 }
 </script>