➕ Add timezone information to step 1

thunderbird · Sep 12, 2024 · 4587f43 · 4587f43
1 parent fc0b672
commit 4587f43
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/frontend/src/components/ScheduleCreation.vue b/frontend/src/components/ScheduleCreation.vue
@@ -21,6 +21,7 @@ import ToolTip from '@/elements/ToolTip.vue';
 import SnackishBar from '@/elements/SnackishBar.vue';
 import BubbleSelect from '@/tbpro/elements/BubbleSelect.vue';
 import TextInput from '@/tbpro/elements/TextInput.vue';
+import LinkButton from '@/tbpro/elements/LinkButton.vue';
 import RefreshIcon from '@/tbpro/icons/RefreshIcon.vue';
 
 // icons
@@ -30,6 +31,7 @@ import { IconChevronDown, IconInfoCircle } from '@tabler/icons-vue';
 import { useCalendarStore } from '@/stores/calendar-store';
 import { useExternalConnectionsStore } from '@/stores/external-connections-store';
 import { useScheduleStore } from '@/stores/schedule-store';
+import router from '@/router';
 
 // component constants
 const user = useUserStore();
@@ -490,6 +492,17 @@ watch(
             </div>
             <bubble-select class="bubble-select" :options="scheduleDayOptions" v-model="scheduleInput.weekdays" />
           </div>
+          <div>
+            <div class="mb-1 text-sm font-medium text-gray-500 dark:text-gray-300">
+              {{ t("label.timeZone") }}
+            </div>
+            <div class="flex justify-between">
+              <div class="text-gray-600 dark:text-gray-200">{{ user.data.timezone ?? dj.tz.guess() }}</div>
+              <link-button class="edit-link-btn" @click="router.push({ name: 'settings' })" :tooltip="t('label.editInSettings')">
+                {{ t('label.edit') }}
+              </link-button>
+            </div>
+          </div>
         </div>
       </div>
 
@@ -859,4 +872,8 @@ input[type=checkbox]:disabled {
 .bubble-select {
   gap: .25rem;
 }
+
+.edit-link-btn {
+  min-width: auto;
+}
 </style>
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
@@ -207,6 +207,7 @@
     "earliestBooking": "Früheste Buchung",
     "edit": "Bearbeiten",
     "editCalendar": "Kalender bearbeiten",
+    "editInSettings": "Unter Einstellungen bearbeiten",
     "editProfile": "Profil bearbeiten",
     "email": "E-Mail",
     "end": "Ende",

diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
@@ -207,6 +207,7 @@
     "earliestBooking": "Earliest Booking",
     "edit": "Edit",
     "editCalendar": "Edit calendar",
+    "editInSettings": "Edit in settings",
     "editProfile": "Edit profile",
     "email": "Email",
     "end": "End",