From 92f3140812ca470654135eafc2c9ce825bd7304b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?=
 <40151420+ldericher@users.noreply.github.com>
Date: Thu, 15 Sep 2022 16:25:58 +0000
Subject: [PATCH] move more data to App.vue

---
 ui/src/App.vue                                | 138 +++++++++++++++++-
 ui/src/components/Dashboard.vue               |   4 +-
 ui/src/components/DashboardInfo.vue           |   2 +-
 .../components/calendar/CalendarCarousel.vue  | 129 +---------------
 4 files changed, 140 insertions(+), 133 deletions(-)

diff --git a/ui/src/App.vue b/ui/src/App.vue
index d0059d5..f1c69ae 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -7,11 +7,12 @@
         :title="title_html"
       />
       <Dashboard :message="message_html">
-        <CalendarCarousel />
+        <CalendarCarousel :data="calendar_data" />
         <DashboardInfo
-          server_host="https://cloud.oekzident.de"
-          server_name="OV-Cloud"
-          version="0"
+          :server_host="server_host"
+          :server_name="server_name"
+          :version="dashboard_version"
+          :lan_ip="dashboard_ip"
         />
       </Dashboard>
       <TickerBar
@@ -46,5 +47,134 @@ export default class App extends Vue {
   private title_html = "<h1>changeme</h1>";
   private ticker_html = "<p>changeme</p>";
   private message_html = "<p>changeme</p>";
+  private server_host = "https://oekzident.de";
+  private server_name = "OEKZident";
+  private dashboard_version = "0.0.1";
+  private dashboard_ip = "0.0.0.0";
+  private calendar_data = [
+    {
+      title: "Lorem Ipsum",
+      events: [
+        {
+          summary: "Lorem Ipsum",
+          description:
+            "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.",
+          dtstart: "2022-09-08T07:00:00+00:00",
+          dtend: "2022-09-08T16:00:00+00:00",
+        },
+        {
+          summary: "Sed ut perspiciatis unde omnis",
+          description: "Lorem ipsum dolor sit amet, consectetur",
+          dtstart: "2022-09-09T07:00:00+00:00",
+          dtend: "2022-09-09T09:00:00+00:00",
+        },
+        {
+          summary: "At vero eos et accusamus",
+          description: "",
+          dtstart: "2022-09-10T07:00:00+00:00",
+          dtend: "2022-09-10T16:00:00+00:00",
+        },
+      ],
+    },
+    {
+      title: "Li Europan lingues",
+      events: [
+        {
+          summary: "Occidental in fact, it va esser Occidental",
+          description:
+            "Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues.",
+          dtstart: "2022-09-08T07:00:00+00:00",
+          dtend: "2022-09-08T16:00:00+00:00",
+        },
+        {
+          summary: "Membres del sam familie",
+          description: "Lor separat existentie es un myth.",
+          dtstart: "2022-09-09T07:00:00+00:00",
+          dtend: "2022-09-09T09:30:30+00:00",
+        },
+        {
+          summary: "On refusa continuar payar custosi traductores",
+          description: "",
+          dtstart: "2022-09-10T07:00:00+00:00",
+          dtend: "2022-09-20T16:00:00+00:00",
+        },
+      ],
+    },
+    {
+      title: "Vivamus elementum semper nisi",
+      events: [
+        {
+          summary: "Phasellus viverra nulla 1",
+          description:
+            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
+          dtstart: "2022-09-08T07:00:00+00:00",
+          dtend: "2022-09-08T16:00:00+00:00",
+        },
+        {
+          summary: "Phasellus viverra nulla 2",
+          description:
+            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
+          dtstart: "2022-09-08T07:00:00+00:00",
+          dtend: "2022-09-08T16:00:00+00:00",
+        },
+        {
+          summary: "Phasellus viverra nulla 3",
+          description:
+            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
+          dtstart: "2022-09-08T07:00:00+00:00",
+          dtend: "2022-09-08T16:00:00+00:00",
+        },
+        {
+          summary: "Phasellus viverra nulla 4",
+          description:
+            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
+          dtstart: "2022-09-08T07:00:00+00:00",
+          dtend: "2022-09-08T16:00:00+00:00",
+        },
+        {
+          summary: "Phasellus viverra nulla 5",
+          description:
+            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
+          dtstart: "2022-09-08T07:00:00+00:00",
+          dtend: "2022-09-08T16:00:00+00:00",
+        },
+        {
+          summary: "Phasellus viverra nulla 6",
+          description:
+            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
+          dtstart: "2022-09-08T07:00:00+00:00",
+          dtend: "2022-09-08T16:00:00+00:00",
+        },
+        {
+          summary: "Phasellus viverra nulla 7",
+          description:
+            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
+          dtstart: "2022-09-08T07:00:00+00:00",
+          dtend: "2022-09-08T16:00:00+00:00",
+        },
+        {
+          summary: "Phasellus viverra nulla 8",
+          description:
+            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
+          dtstart: "2022-09-08T07:00:00+00:00",
+          dtend: "2022-09-08T16:00:00+00:00",
+        },
+        {
+          summary: "Phasellus viverra nulla 9",
+          description:
+            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
+          dtstart: "2022-09-08T07:00:00+00:00",
+          dtend: "2022-09-08T16:00:00+00:00",
+        },
+        {
+          summary: "Phasellus viverra nulla 10",
+          description:
+            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
+          dtstart: "2022-09-08T07:00:00+00:00",
+          dtend: "2022-09-08T16:00:00+00:00",
+        },
+      ],
+    },
+  ];
 }
 </script>
diff --git a/ui/src/components/Dashboard.vue b/ui/src/components/Dashboard.vue
index a8c4e11..6443381 100644
--- a/ui/src/components/Dashboard.vue
+++ b/ui/src/components/Dashboard.vue
@@ -2,8 +2,8 @@
   <v-container fill-height>
     <v-layout>
       <v-row>
-        <v-col cols="5" v-html="message" />
-        <v-col cols="7">
+        <v-col cols="4" v-html="message" />
+        <v-col cols="8">
           <slot>CALENDARS</slot>
         </v-col>
       </v-row>
diff --git a/ui/src/components/DashboardInfo.vue b/ui/src/components/DashboardInfo.vue
index 0407e05..73eac9d 100644
--- a/ui/src/components/DashboardInfo.vue
+++ b/ui/src/components/DashboardInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <v-divider class="mb-1" />
+    <v-divider class="mb-2" />
     <div class="d-flex flex-column align-end blue-grey--text text-body-2">
       <span class="d-flex">
         ovdashboard powered by&nbsp;<a :href="server_host">{{ server_name }}</a>
diff --git a/ui/src/components/calendar/CalendarCarousel.vue b/ui/src/components/calendar/CalendarCarousel.vue
index 1a63fab..c16d4c6 100644
--- a/ui/src/components/calendar/CalendarCarousel.vue
+++ b/ui/src/components/calendar/CalendarCarousel.vue
@@ -30,6 +30,9 @@ export default class CalendarCarousel extends Vue {
   @Prop({ default: 10000 })
   private readonly speed!: number;
 
+  @Prop({ required: true })
+  private readonly data!: Array<CalendarData>;
+
   @Ref("main")
   private readonly _main?: Vue;
 
@@ -61,132 +64,6 @@ export default class CalendarCarousel extends Vue {
     clearInterval(this.interval);
   }
 
-  private readonly data: Array<CalendarData> = [
-    {
-      title: "Lorem Ipsum",
-      events: [
-        {
-          summary: "Lorem Ipsum",
-          description:
-            "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.",
-          dtstart: "2022-09-08T07:00:00+00:00",
-          dtend: "2022-09-08T16:00:00+00:00",
-        },
-        {
-          summary: "Sed ut perspiciatis unde omnis",
-          description: "Lorem ipsum dolor sit amet, consectetur",
-          dtstart: "2022-09-09T07:00:00+00:00",
-          dtend: "2022-09-09T09:00:00+00:00",
-        },
-        {
-          summary: "At vero eos et accusamus",
-          description: "",
-          dtstart: "2022-09-10T07:00:00+00:00",
-          dtend: "2022-09-10T16:00:00+00:00",
-        },
-      ],
-    },
-    {
-      title: "Li Europan lingues",
-      events: [
-        {
-          summary: "Occidental in fact, it va esser Occidental",
-          description:
-            "Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues.",
-          dtstart: "2022-09-08T07:00:00+00:00",
-          dtend: "2022-09-08T16:00:00+00:00",
-        },
-        {
-          summary: "Membres del sam familie",
-          description: "Lor separat existentie es un myth.",
-          dtstart: "2022-09-09T07:00:00+00:00",
-          dtend: "2022-09-09T09:30:30+00:00",
-        },
-        {
-          summary: "On refusa continuar payar custosi traductores",
-          description: "",
-          dtstart: "2022-09-10T07:00:00+00:00",
-          dtend: "2022-09-20T16:00:00+00:00",
-        },
-      ],
-    },
-    {
-      title: "Vivamus elementum semper nisi",
-      events: [
-        {
-          summary: "Phasellus viverra nulla 1",
-          description:
-            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
-          dtstart: "2022-09-08T07:00:00+00:00",
-          dtend: "2022-09-08T16:00:00+00:00",
-        },
-        {
-          summary: "Phasellus viverra nulla 2",
-          description:
-            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
-          dtstart: "2022-09-08T07:00:00+00:00",
-          dtend: "2022-09-08T16:00:00+00:00",
-        },
-        {
-          summary: "Phasellus viverra nulla 3",
-          description:
-            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
-          dtstart: "2022-09-08T07:00:00+00:00",
-          dtend: "2022-09-08T16:00:00+00:00",
-        },
-        {
-          summary: "Phasellus viverra nulla 4",
-          description:
-            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
-          dtstart: "2022-09-08T07:00:00+00:00",
-          dtend: "2022-09-08T16:00:00+00:00",
-        },
-        {
-          summary: "Phasellus viverra nulla 5",
-          description:
-            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
-          dtstart: "2022-09-08T07:00:00+00:00",
-          dtend: "2022-09-08T16:00:00+00:00",
-        },
-        {
-          summary: "Phasellus viverra nulla 6",
-          description:
-            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
-          dtstart: "2022-09-08T07:00:00+00:00",
-          dtend: "2022-09-08T16:00:00+00:00",
-        },
-        {
-          summary: "Phasellus viverra nulla 7",
-          description:
-            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
-          dtstart: "2022-09-08T07:00:00+00:00",
-          dtend: "2022-09-08T16:00:00+00:00",
-        },
-        {
-          summary: "Phasellus viverra nulla 8",
-          description:
-            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
-          dtstart: "2022-09-08T07:00:00+00:00",
-          dtend: "2022-09-08T16:00:00+00:00",
-        },
-        {
-          summary: "Phasellus viverra nulla 9",
-          description:
-            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
-          dtstart: "2022-09-08T07:00:00+00:00",
-          dtend: "2022-09-08T16:00:00+00:00",
-        },
-        {
-          summary: "Phasellus viverra nulla 10",
-          description:
-            "Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.",
-          dtstart: "2022-09-08T07:00:00+00:00",
-          dtend: "2022-09-08T16:00:00+00:00",
-        },
-      ],
-    },
-  ];
-
   private get calendars(): Array<CalendarModel> {
     let arr = [];