josh/dashy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ Adds a London Underground status widget

Browse Source
This commit is contained in:
Alicia Sykes
2021-12-10 13:17:48 +00:00
parent c38a094a63
commit cf7e021a82
5 changed files with 231 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/Widgets/WidgetBase.vue
View File

@@ -1,19 +1,20 @@
<template>
<div>
<Collapsable
:title="widget.name"
:icon="widget.icon"
:uniqueKey="groupId"
:collapsed="displayData.collapsed"
:cols="displayData.cols"
:rows="displayData.rows"
:color="displayData.color"
:customStyles="displayData.customStyles"
>
<Clock v-if="widgetType === 'clock'" :options="widgetOptions" />
<Weather v-else-if="widgetType === 'weather'" :options="widgetOptions" />
<WeatherForecast v-else-if="widgetType === 'weather-forecast'" :options="widgetOptions" />
</Collapsable>
<Collapsable
:title="widget.name"
:icon="widget.icon"
:uniqueKey="groupId"
:collapsed="displayData.collapsed"
:cols="displayData.cols"
:rows="displayData.rows"
:color="displayData.color"
:customStyles="displayData.customStyles"
>
<Clock v-if="widgetType === 'clock'" :options="widgetOptions" />
<Weather v-else-if="widgetType === 'weather'" :options="widgetOptions" />
<WeatherForecast v-else-if="widgetType === 'weather-forecast'" :options="widgetOptions" />
<TflStatus v-else-if="widgetType === 'tfl-status'" :options="widgetOptions" />
</Collapsable>
</div>
</template>
@@ -21,6 +22,7 @@
import Clock from '@/components/Widgets/Clock.vue';
import Weather from '@/components/Widgets/Weather.vue';
import WeatherForecast from '@/components/Widgets/WeatherForecast.vue';
import TflStatus from '@/components/Widgets/TflStatus.vue';
import Collapsable from '@/components/LinkItems/Collapsable.vue';
export default {
@@ -30,6 +32,7 @@ export default {
Clock,
Weather,
WeatherForecast,
TflStatus,
},
props: {
widget: Object,