Refactor: Panels and Bar background are now drawn separately with Shapes.

2026-08-15 18:43:59 +00:00 · 2025-11-06 10:41:48 -05:00
parent 76a182a90c
commit e29c6ee1a6
109 changed files with 2381 additions and 2192 deletions
@@ -0,0 +1,172 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import qs.Commons
+import qs.Services
+import qs.Widgets
+
+ColumnLayout {
+  id: root
+  spacing: Style.marginL
+
+  NHeader {
+    label: I18n.tr("settings.location.location.section.label")
+    description: I18n.tr("settings.location.location.section.description")
+  }
+
+  // Location section
+  RowLayout {
+    Layout.fillWidth: true
+    spacing: Style.marginL
+
+    NTextInput {
+      label: I18n.tr("settings.location.location.search.label")
+      description: I18n.tr("settings.location.location.search.description")
+      text: Settings.data.location.name || Settings.defaultLocation
+      placeholderText: I18n.tr("settings.location.location.search.placeholder")
+      onEditingFinished: {
+        // Verify the location has really changed to avoid extra resets
+        var newLocation = text.trim()
+        // If empty, set to default location
+        if (newLocation === "") {
+          newLocation = Settings.defaultLocation
+          text = Settings.defaultLocation // Update the input field to show the default
+        }
+        if (newLocation != Settings.data.location.name) {
+          Settings.data.location.name = newLocation
+          LocationService.resetWeather()
+        }
+      }
+      Layout.maximumWidth: 420
+    }
+
+    NText {
+      visible: LocationService.coordinatesReady
+      text: I18n.tr("system.location-display", {
+                      "name": LocationService.stableName,
+                      "coordinates": LocationService.displayCoordinates
+                    })
+      pointSize: Style.fontSizeS
+      color: Color.mOnSurfaceVariant
+      verticalAlignment: Text.AlignVCenter
+      horizontalAlignment: Text.AlignRight
+      Layout.alignment: Qt.AlignBottom
+      Layout.bottomMargin: Style.marginM
+    }
+  }
+
+  NDivider {
+    Layout.fillWidth: true
+    Layout.topMargin: Style.marginXL
+    Layout.bottomMargin: Style.marginXL
+  }
+
+  // Weather section
+  ColumnLayout {
+    spacing: Style.marginM
+    Layout.fillWidth: true
+
+    NHeader {
+      label: I18n.tr("settings.location.weather.section.label")
+      description: I18n.tr("settings.location.weather.section.description")
+    }
+
+    NToggle {
+      label: I18n.tr("settings.location.weather.enabled.label")
+      description: I18n.tr("settings.location.weather.enabled.description")
+      checked: Settings.data.location.weatherEnabled
+      onToggled: checked => Settings.data.location.weatherEnabled = checked
+    }
+
+    NToggle {
+      label: I18n.tr("settings.location.weather.fahrenheit.label")
+      description: I18n.tr("settings.location.weather.fahrenheit.description")
+      checked: Settings.data.location.useFahrenheit
+      onToggled: checked => Settings.data.location.useFahrenheit = checked
+      enabled: Settings.data.location.weatherEnabled
+    }
+
+    NToggle {
+      label: I18n.tr("settings.location.weather.show-in-calendar.label")
+      description: I18n.tr("settings.location.weather.show-in-calendar.description")
+      checked: Settings.data.location.showCalendarWeather
+      onToggled: checked => Settings.data.location.showCalendarWeather = checked
+      enabled: Settings.data.location.weatherEnabled
+    }
+  }
+
+  NDivider {
+    Layout.fillWidth: true
+    Layout.topMargin: Style.marginXL
+    Layout.bottomMargin: Style.marginXL
+  }
+
+  // Date & time section
+  ColumnLayout {
+    spacing: Style.marginM
+    Layout.fillWidth: true
+
+    NHeader {
+      label: I18n.tr("settings.location.date-time.section.label")
+      description: I18n.tr("settings.location.date-time.section.description")
+    }
+
+    NToggle {
+      label: I18n.tr("settings.location.date-time.12hour-format.label")
+      description: I18n.tr("settings.location.date-time.12hour-format.description")
+      checked: Settings.data.location.use12hourFormat
+      onToggled: checked => Settings.data.location.use12hourFormat = checked
+    }
+
+    NToggle {
+      label: I18n.tr("settings.location.date-time.week-numbers.label")
+      description: I18n.tr("settings.location.date-time.week-numbers.description")
+      checked: Settings.data.location.showWeekNumberInCalendar
+      onToggled: checked => Settings.data.location.showWeekNumberInCalendar = checked
+    }
+
+    NComboBox {
+      label: I18n.tr("settings.location.date-time.first-day-of-week.label")
+      description: I18n.tr("settings.location.date-time.first-day-of-week.description")
+      currentKey: Settings.data.location.firstDayOfWeek.toString()
+      minimumWidth: 260 * Style.uiScaleRatio
+      model: [{
+          "key": "-1",
+          "name": I18n.tr("settings.location.date-time.first-day-of-week.automatic")
+        }, {
+          "key": "6",
+          "name": I18n.locale.dayName(6, Locale.LongFormat)
+        }, // Saturday
+        {
+          "key": "0",
+          "name": I18n.locale.dayName(0, Locale.LongFormat)
+        }, // Sunday
+        {
+          "key": "1",
+          "name": I18n.locale.dayName(1, Locale.LongFormat)
+        } // Monday
+      ]
+      onSelected: key => Settings.data.location.firstDayOfWeek = parseInt(key)
+    }
+
+    NToggle {
+      label: I18n.tr("settings.location.date-time.show-events.label")
+      description: I18n.tr("settings.location.date-time.show-events.description")
+      checked: Settings.data.location.showCalendarEvents
+      onToggled: checked => Settings.data.location.showCalendarEvents = checked
+    }
+
+    NToggle {
+      label: I18n.tr("settings.location.date-time.use-analog.label")
+      description: I18n.tr("settings.location.date-time.use-analog.description")
+      checked: Settings.data.location.analogClockInCalendar
+      onToggled: checked => Settings.data.location.analogClockInCalendar = checked
+    }
+  }
+
+  NDivider {
+    Layout.fillWidth: true
+    Layout.topMargin: Style.marginXL
+    Layout.bottomMargin: Style.marginXL
+  }
+}