Cards & Settings refactoring

- All cards now live in Modules/Cards - CalendarPanel is now called ClockPanel - Added a way to ease settings migration in separate QML files
2026-08-15 18:43:59 +00:00 · 2025-11-30 14:26:09 -05:00
parent 087c9b4ced
commit e972e1f7aa
20 changed files with 738 additions and 686 deletions
@@ -0,0 +1,87 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Quickshell
+import Quickshell.Wayland
+import qs.Commons
+import qs.Modules.Cards
+import qs.Modules.MainScreen
+import qs.Services.Location
+import qs.Services.UI
+import qs.Widgets
+
+SmartPanel {
+  id: root
+
+  // Calculate width based on settings
+  preferredWidth: Math.round((Settings.data.location.showWeekNumberInCalendar ? 460 : 440) * Style.uiScaleRatio)
+
+  panelContent: Item {
+    anchors.fill: parent
+
+    // SmartPanel uses this to calculate panel height dynamically
+    readonly property real contentPreferredHeight: content.implicitHeight + (Style.marginL * 2)
+
+    ColumnLayout {
+      id: content
+      x: Style.marginL
+      y: Style.marginL
+      width: parent.width - (Style.marginL * 2)
+      spacing: Style.marginL
+
+      // All clock panel cards
+      Repeater {
+        model: Settings.data.calendar.cards
+        Loader {
+          active: modelData.enabled && (modelData.id !== "weather-card" || Settings.data.location.weatherEnabled)
+          visible: active
+          Layout.fillWidth: true
+          sourceComponent: {
+            switch (modelData.id) {
+            case "calendar-header-card":
+              return calendarHeaderCard;
+            case "calendar-month-card":
+              return calendarMonthCard;
+            case "timer-card":
+              return timerCard;
+            case "weather-card":
+              return weatherCard;
+            default:
+              return null;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  Component {
+    id: calendarHeaderCard
+    CalendarHeaderCard {
+      Layout.fillWidth: true
+    }
+  }
+
+  Component {
+    id: calendarMonthCard
+    CalendarMonthCard {
+      Layout.fillWidth: true
+    }
+  }
+
+  Component {
+    id: timerCard
+    TimerCard {
+      Layout.fillWidth: true
+    }
+  }
+
+  Component {
+    id: weatherCard
+    WeatherCard {
+      Layout.fillWidth: true
+      forecastDays: 5
+      showLocation: false
+    }
+  }
+}