From cd3f1cbc4e7d83af721fbabe069e3668adcbf416 Mon Sep 17 00:00:00 2001
From: PetJer <peterjereb3@gmail.com>
Date: Sun, 17 Nov 2024 18:11:47 +0100
Subject: [PATCH] Reorganize settings switches

---
 website/src/components/SettingsBaseSwitch.vue |  4 ++--
 website/src/stores/settings.ts                |  5 ++--
 website/src/views/ViewSettings.vue            | 23 ++++++++++++++++---
 3 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/website/src/components/SettingsBaseSwitch.vue b/website/src/components/SettingsBaseSwitch.vue
index 6494393..cb8bdd2 100644
--- a/website/src/components/SettingsBaseSwitch.vue
+++ b/website/src/components/SettingsBaseSwitch.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 const checked = defineModel<boolean>()
-defineProps<{ label: string }>()
+defineProps<{ label: string; icon?: string }>()
 </script>
 
 <template>
   <v-row>
     <v-col>
-      <v-switch v-model="checked" class="settings-base-switch">
+      <v-switch v-model="checked" :true-icon="icon" :false-icon="icon" class="settings-base-switch">
         <template #label>{{ label }}</template>
       </v-switch>
     </v-col>
diff --git a/website/src/stores/settings.ts b/website/src/stores/settings.ts
index 7b42e23..d66ca7a 100644
--- a/website/src/stores/settings.ts
+++ b/website/src/stores/settings.ts
@@ -51,10 +51,11 @@ export const useSettingsStore = defineStore('settings', {
 
     showSubstitutions: true,
     showLinksInTimetable: true,
-    showDatesInTimetable: true,
-    showHoursInTimetable: true,
     highlightCurrentTime: true,
     enableLessonDetails: true,
+
+    showDatesInTimetable: true,
+    showHoursInTimetable: true,
     enablePullToRefresh: true,
 
     dataCollectionPerformance: navigator.doNotTrack !== '1' && !navigator.globalPrivacyControl,
diff --git a/website/src/views/ViewSettings.vue b/website/src/views/ViewSettings.vue
index 0ea23d2..7bd17e5 100644
--- a/website/src/views/ViewSettings.vue
+++ b/website/src/views/ViewSettings.vue
@@ -4,7 +4,9 @@ import {
   mdiInformationOutline,
   mdiKeyOutline,
   mdiMessageAlertOutline,
+  mdiMonitor,
   mdiPaletteOutline,
+  mdiTabletCellphone,
   mdiTuneVariant,
   mdiUpdate,
   mdiWeatherNight,
@@ -100,11 +102,26 @@ async function updateApp() {
 
     <SettingsBaseSwitch v-model="showSubstitutions" label="Prikaži nadomeščanja" />
     <SettingsBaseSwitch v-model="showLinksInTimetable" label="Prikaži povezave v urniku" />
-    <SettingsBaseSwitch v-model="showDatesInTimetable" label="Prikaži datume v urniku" />
-    <SettingsBaseSwitch v-model="showHoursInTimetable" label="Prikaži ure v urniku" />
     <SettingsBaseSwitch v-model="highlightCurrentTime" label="Označi trenutno uro" />
     <SettingsBaseSwitch v-model="enableLessonDetails" label="Klikni za podrobnosti" />
-    <SettingsBaseSwitch v-model="enablePullToRefresh" label="Potegni za posodobitev" />
+
+    <v-divider-settings />
+
+    <SettingsBaseSwitch
+      v-model="showDatesInTimetable"
+      label="Prikaži datume v urniku"
+      :icon="mdiMonitor"
+    />
+    <SettingsBaseSwitch
+      v-model="showHoursInTimetable"
+      label="Prikaži ure v urniku"
+      :icon="mdiMonitor"
+    />
+    <SettingsBaseSwitch
+      v-model="enablePullToRefresh"
+      label="Potegni za posodobitev"
+      :icon="mdiTabletCellphone"
+    />
 
     <v-divider-settings />