OEKZident.de/ovdashboard
2
0
Fork 0
Code Releases 1 Packages Activity

use Template strings

Browse source
This commit is contained in:
Jörn-Michael Miehe 2022-09-19 09:17:53 +00:00
parent 1b1e19b4ea
commit a565125245
5 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/src/App.vue
View file

@ -108,7 +108,7 @@ export default class App extends Vue {
// Update Images // Update Images
this.$ovdashboard.api_get_list("image/list", (names) => { this.$ovdashboard.api_get_list("image/list", (names) => {
this.image_urls = names.map((name: string) => this.image_urls = names.map((name: string) =>
this.$ovdashboard.api_url("image/get/" + name) this.$ovdashboard.api_url(`image/get/${name}`)
); );
}); });
@ -134,7 +134,7 @@ export default class App extends Vue {
// Update Calendar Aggregates // Update Calendar Aggregates
this.$ovdashboard.api_get_list("aggregate/list", (names) => { this.$ovdashboard.api_get_list("aggregate/list", (names) => {
this.$ovdashboard.api_get_object_multi<EventData[]>( this.$ovdashboard.api_get_object_multi<EventData[]>(
names.map((name) => "aggregate/get/" + name), names.map((name) => `aggregate/get/${name}`),
(calendars) => { (calendars) => {
this.calendar_data = []; this.calendar_data = [];

2
ui/src/components/TickerBar.vue
View file

@ -50,7 +50,7 @@ export default class TickerBar extends Vue {
// 10 seconds + another second per 40px // 10 seconds + another second per 40px
const duration = 10 + Math.round(width / 40); const duration = 10 + Math.round(width / 40);
this._marquee.style.setProperty("animation-duration", duration + "s"); this._marquee.style.setProperty("animation-duration", `${duration}s`);
}); });
} }
} }

2
ui/src/components/calendar/Calendar.vue
View file

@ -8,7 +8,7 @@
<v-divider <v-divider
v-if="index < events.length - 1" v-if="index < events.length - 1"
class="mx-5" class="mx-5"
:key="event.hash + '-div'" :key="`${event.hash}-div`"
/> />
</template> </template>
</v-list> </v-list>

2
ui/src/components/calendar/CalendarCarousel.vue
View file

@ -52,7 +52,7 @@ export default class CalendarCarousel extends Vue {
.getPropertyValue("height"); .getPropertyValue("height");
const maxHeight = parseFloat(divHeightPX) - diff; const maxHeight = parseFloat(divHeightPX) - diff;
divElement.style.setProperty("max-height", maxHeight + "px"); divElement.style.setProperty("max-height", `${maxHeight}px`);
} }
public mounted(): void { public mounted(): void {

2
ui/src/components/calendar/EventItem.vue
View file

@ -67,7 +67,7 @@ export default class EventItem extends Vue {
.mapUnits((x) => Math.round(x)) .mapUnits((x) => Math.round(x))
.toHuman(); .toHuman();
return locale_string + " (" + duration_string + ")"; return `${locale_string} (${duration_string})`;
} }
} }
</script> </script>