refactor: App data fields
This commit is contained in:
parent
a1d8fe7c3d
commit
17af91e1a8
3 changed files with 129 additions and 134 deletions
144
ui/src/App.vue
144
ui/src/App.vue
|
|
@ -8,11 +8,11 @@
|
||||||
/>
|
/>
|
||||||
<Dashboard>
|
<Dashboard>
|
||||||
<template slot="message">
|
<template slot="message">
|
||||||
<ImageCarousel :image_urls="image_urls" />
|
<ImageCarousel :speed="image_speed" :image_urls="image_urls" />
|
||||||
<div v-html="message_html" />
|
<div v-html="message_html" />
|
||||||
</template>
|
</template>
|
||||||
<template slot="calendars">
|
<template slot="calendars">
|
||||||
<CalendarCarousel :data="calendar_data" />
|
<CalendarCarousel :speed="calendar_speed" :data="calendar_data" />
|
||||||
<DashboardInfo
|
<DashboardInfo
|
||||||
:server_host="server_host"
|
:server_host="server_host"
|
||||||
:server_name="server_name"
|
:server_name="server_name"
|
||||||
|
|
@ -53,142 +53,18 @@ export default class App extends Vue {
|
||||||
private logo_above = "Technisches Hilfswerk";
|
private logo_above = "Technisches Hilfswerk";
|
||||||
private logo_below = "OV Musterstadt";
|
private logo_below = "OV Musterstadt";
|
||||||
private title_html = "<h1>changeme</h1>";
|
private title_html = "<h1>changeme</h1>";
|
||||||
private ticker_html = "<p>changeme</p>";
|
|
||||||
|
private image_urls = require("@/assets/image_testdata.json");
|
||||||
|
private image_speed = 10000;
|
||||||
private message_html = "<p>changeme</p>";
|
private message_html = "<p>changeme</p>";
|
||||||
|
|
||||||
|
private calendar_data = require("@/assets/calendar_testdata.json");
|
||||||
|
private calendar_speed = 10000;
|
||||||
private server_host = "https://oekzident.de";
|
private server_host = "https://oekzident.de";
|
||||||
private server_name = "OEKZident";
|
private server_name = "OEKZident";
|
||||||
private dashboard_version = "0.0.1";
|
private dashboard_version = "0.0.1";
|
||||||
private dashboard_ip = "0.0.0.0";
|
private dashboard_ip = "0.0.0.0";
|
||||||
private image_urls = [
|
|
||||||
"https://cdn.vuetifyjs.com/images/carousel/squirrel.jpg",
|
private ticker_html = "<p>changeme</p>";
|
||||||
"https://cdn.vuetifyjs.com/images/carousel/sky.jpg",
|
|
||||||
"https://cdn.vuetifyjs.com/images/carousel/bird.jpg",
|
|
||||||
"https://cdn.vuetifyjs.com/images/carousel/planet.jpg",
|
|
||||||
];
|
|
||||||
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>
|
</script>
|
||||||
|
|
|
||||||
113
ui/src/assets/calendar_testdata.json
Normal file
113
ui/src/assets/calendar_testdata.json
Normal file
|
|
@ -0,0 +1,113 @@
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"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"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
6
ui/src/assets/image_testdata.json
Normal file
6
ui/src/assets/image_testdata.json
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
[
|
||||||
|
"https://cdn.vuetifyjs.com/images/carousel/squirrel.jpg",
|
||||||
|
"https://cdn.vuetifyjs.com/images/carousel/sky.jpg",
|
||||||
|
"https://cdn.vuetifyjs.com/images/carousel/bird.jpg",
|
||||||
|
"https://cdn.vuetifyjs.com/images/carousel/planet.jpg"
|
||||||
|
]
|
||||||
Loading…
Reference in a new issue