Calendar: add timer

LocationTab: rework calendar settings
SoundService: add simple service to play & loop sounds

Modules/Panels/Settings/Tabs/LocationTab.qml

@@ -9,6 +9,89 @@ ColumnLayout {
   id: root
   spacing: Style.marginL
 
+  property list<var> cardsModel: []
+  property list<var> cardsDefault: [
+    {
+      "id": "banner-card",
+      "text": I18n.tr("settings.location.calendar.banner.label"),
+      "enabled": true,
+      "required": false
+    },
+    {
+      "id": "calendar-card",
+      "text": I18n.tr("settings.location.calendar.calendar.label"),
+      "enabled": true,
+      "required": true
+    },
+    {
+      "id": "timer-card",
+      "text": I18n.tr("calendar.timer.title"),
+      "enabled": true,
+      "required": false
+    },
+    {
+      "id": "weather-card",
+      "text": I18n.tr("settings.location.weather.section.label"),
+      "enabled": true,
+      "required": false
+    }
+  ]
+
+  function saveCards() {
+    var toSave = [];
+    for (var i = 0; i < cardsModel.length; i++) {
+      toSave.push({
+                    "id": cardsModel[i].id,
+                    "enabled": cardsModel[i].enabled
+                  });
+    }
+    Settings.data.calendar.cards = toSave;
+  }
+
+  Component.onCompleted: {
+    // Starts empty
+    cardsModel = [];
+
+    // Add the cards available in settings
+    for (var i = 0; i < Settings.data.calendar.cards.length; i++) {
+      const settingCard = Settings.data.calendar.cards[i];
+
+      for (var j = 0; j < cardsDefault.length; j++) {
+        if (settingCard.id === cardsDefault[j].id) {
+          var card = cardsDefault[j];
+          card.enabled = settingCard.enabled;
+          // Auto-disable weather card if weather is disabled
+          if (card.id === "weather-card" && !Settings.data.location.weatherEnabled) {
+            card.enabled = false;
+          }
+          cardsModel.push(card);
+        }
+      }
+    }
+
+    // Add any missing cards from default
+    for (var i = 0; i < cardsDefault.length; i++) {
+      var found = false;
+      for (var j = 0; j < cardsModel.length; j++) {
+        if (cardsModel[j].id === cardsDefault[i].id) {
+          found = true;
+          break;
+        }
+      }
+
+      if (!found) {
+        var card = cardsDefault[i];
+        // Auto-disable weather card if weather is disabled
+        if (card.id === "weather-card" && !Settings.data.location.weatherEnabled) {
+          card.enabled = false;
+        }
+        cardsModel.push(card);
+      }
+    }
+
+    saveCards();
+  }
+
   NHeader {
     label: I18n.tr("settings.location.location.section.label")
     description: I18n.tr("settings.location.location.section.description")
@@ -85,14 +168,6 @@ ColumnLayout {
       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
-    }
-
     NToggle {
       label: I18n.tr("settings.location.weather.show-effects.label")
       description: I18n.tr("settings.location.weather.show-effects.description")
@@ -108,6 +183,62 @@ ColumnLayout {
     Layout.bottomMargin: Style.marginL
   }
 
+  // Calendar Cards Management Section
+  ColumnLayout {
+    spacing: Style.marginXXS
+    Layout.fillWidth: true
+
+    NHeader {
+      label: I18n.tr("settings.location.calendar.cards.section.label")
+      description: I18n.tr("settings.location.calendar.cards.section.description")
+    }
+
+    Connections {
+      target: Settings.data.location
+      function onWeatherEnabledChanged() {
+        // Auto-disable weather card when weather is disabled
+        var newModel = cardsModel.slice();
+        for (var i = 0; i < newModel.length; i++) {
+          if (newModel[i].id === "weather-card") {
+            newModel[i] = Object.assign({}, newModel[i], {
+                                          "enabled": Settings.data.location.weatherEnabled
+                                        });
+            cardsModel = newModel;
+            saveCards();
+            break;
+          }
+        }
+      }
+    }
+
+    NReorderCheckboxes {
+      Layout.fillWidth: true
+      model: cardsModel
+      disabledIds: Settings.data.location.weatherEnabled ? [] : ["weather-card"]
+      onItemToggled: function (index, enabled) {
+        var newModel = cardsModel.slice();
+        newModel[index] = Object.assign({}, newModel[index], {
+                                          "enabled": enabled
+                                        });
+        cardsModel = newModel;
+        saveCards();
+      }
+      onItemsReordered: function (fromIndex, toIndex) {
+        var newModel = cardsModel.slice();
+        var item = newModel.splice(fromIndex, 1)[0];
+        newModel.splice(toIndex, 0, item);
+        cardsModel = newModel;
+        saveCards();
+      }
+    }
+  }
+
+  NDivider {
+    Layout.fillWidth: true
+    Layout.topMargin: Style.marginL
+    Layout.bottomMargin: Style.marginL
+  }
+
   // Date & time section
   ColumnLayout {
     spacing: Style.marginM