53
53
label =" Posodobi podatke"
54
54
@click.native =" updateData" />
55
55
56
+ <v-divider class =" my-6" />
57
+
58
+ <settings-action v-model =" aboutDialog"
59
+ :icon =" mdiInformationOutline"
60
+ :message =" `Trenutna različica: ${appVersion}`"
61
+ label =" O aplikaciji" />
62
+
56
63
<v-dialog v-model =" entitySelectionDialog"
57
64
v-bind:persistent =" entitySelectionPersistent"
58
65
content-class =" settings-dialog"
83
90
<v-dialog v-model =" moodleTokenDialog" content-class =" settings-dialog" width =" 35rem" >
84
91
<moodle-token v-if =" moodleTokenDialog" @closeDialog =closeMoodleTokenDialog />
85
92
</v-dialog >
93
+
94
+ <v-dialog v-model =" aboutDialog" content-class =" settings-dialog" width =" 35rem" >
95
+ <about v-if =" aboutDialog" @closeDialog =closeAboutDialog />
96
+ </v-dialog >
86
97
</div >
87
98
</template >
88
99
100
111
</style >
101
112
102
113
<script lang="ts">
103
- import { mdiDatabaseImportOutline , mdiKey , mdiTuneVariant , mdiUpdate , mdiWeatherNight } from ' @mdi/js'
114
+ import { mdiDatabaseImportOutline , mdiInformationOutline , mdiKey , mdiTuneVariant , mdiUpdate , mdiWeatherNight } from ' @mdi/js'
104
115
import { Component , Vue } from ' vue-property-decorator'
105
116
117
+ import About from ' @/components/settings/About.vue'
106
118
import DataCollectionSelection from ' @/components/settings/DataCollectionSelection.vue'
107
119
import EntitySelection from ' @/components/settings/EntitySelection.vue'
108
120
import LunchSelection from ' @/components/settings/LunchSelection.vue'
@@ -116,6 +128,7 @@ import { StorageModule, updateAllData } from '@/store/modules/storage'
116
128
117
129
@Component ({
118
130
components: {
131
+ About ,
119
132
MoodleToken ,
120
133
DataCollectionSelection ,
121
134
ThemeSelection ,
@@ -132,6 +145,7 @@ export default class Settings extends Vue {
132
145
mdiWeatherNight = mdiWeatherNight
133
146
mdiUpdate = mdiUpdate
134
147
mdiKey = mdiKey
148
+ mdiInformationOutline = mdiInformationOutline
135
149
136
150
// Get app version
137
151
get appVersion (): string {
@@ -225,6 +239,7 @@ export default class Settings extends Vue {
225
239
dataCollectionDialog = false
226
240
themeSelectionDialog = false
227
241
moodleTokenDialog = false
242
+ aboutDialog = false
228
243
229
244
entitySelectionPersistent = false
230
245
@@ -331,6 +346,10 @@ export default class Settings extends Vue {
331
346
this .moodleTokenDialog = false
332
347
}
333
348
349
+ closeAboutDialog (): void {
350
+ this .aboutDialog = false
351
+ }
352
+
334
353
persistEntityDialog (persistent : boolean ): void {
335
354
this .entitySelectionPersistent = persistent
336
355
}
0 commit comments