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,103 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Quickshell
+import qs.Commons
+import qs.Widgets
+import qs.Services
+
+ColumnLayout {
+  id: root
+  spacing: Style.marginM
+
+  // Properties to receive data from parent
+  property var widgetData: null
+  property var widgetMetadata: null
+
+  // Local state
+  property string valueIcon: widgetData.icon !== undefined ? widgetData.icon : widgetMetadata.icon
+  property bool valueUseDistroLogo: widgetData.useDistroLogo !== undefined ? widgetData.useDistroLogo : widgetMetadata.useDistroLogo
+  property string valueCustomIconPath: widgetData.customIconPath !== undefined ? widgetData.customIconPath : ""
+
+  function saveSettings() {
+    var settings = Object.assign({}, widgetData || {})
+    settings.icon = valueIcon
+    settings.useDistroLogo = valueUseDistroLogo
+    settings.customIconPath = valueCustomIconPath
+    return settings
+  }
+
+  NToggle {
+    label: I18n.tr("bar.widget-settings.control-center.use-distro-logo.label")
+    description: I18n.tr("bar.widget-settings.control-center.use-distro-logo.description")
+    checked: valueUseDistroLogo
+    onToggled: function (checked) {
+      valueUseDistroLogo = checked
+      if (checked) {
+        valueCustomIconPath = ""
+        valueIcon = ""
+      }
+    }
+  }
+
+  RowLayout {
+    spacing: Style.marginM
+
+    NLabel {
+      label: I18n.tr("bar.widget-settings.control-center.icon.label")
+      description: I18n.tr("bar.widget-settings.control-center.icon.description")
+    }
+
+    NImageCircled {
+      Layout.preferredWidth: Style.fontSizeXL * 2
+      Layout.preferredHeight: Style.fontSizeXL * 2
+      Layout.alignment: Qt.AlignVCenter
+      imagePath: valueCustomIconPath
+      visible: valueCustomIconPath !== ""
+    }
+
+    NIcon {
+      Layout.alignment: Qt.AlignVCenter
+      icon: valueIcon
+      pointSize: Style.fontSizeXXL * 1.5
+      visible: valueIcon !== "" && valueCustomIconPath === ""
+    }
+  }
+
+  RowLayout {
+    spacing: Style.marginM
+    NButton {
+      enabled: !valueUseDistroLogo
+      text: I18n.tr("bar.widget-settings.control-center.browse-library")
+      onClicked: iconPicker.open()
+    }
+
+    NButton {
+      enabled: !valueUseDistroLogo
+      text: I18n.tr("bar.widget-settings.control-center.browse-file")
+      onClicked: imagePicker.openFilePicker()
+    }
+  }
+
+  NIconPicker {
+    id: iconPicker
+    initialIcon: valueIcon
+    onIconSelected: iconName => {
+                      valueIcon = iconName
+                      valueCustomIconPath = ""
+                    }
+  }
+
+  NFilePicker {
+    id: imagePicker
+    title: I18n.tr("bar.widget-settings.control-center.select-custom-icon")
+    selectionMode: "files"
+    nameFilters: ["*.jpg", "*.jpeg", "*.png", "*.gif", "*.pnm", "*.bmp"]
+    initialPath: Quickshell.env("HOME")
+    onAccepted: paths => {
+                  if (paths.length > 0) {
+                    valueCustomIconPath = paths[0] // Use first selected file
+                  }
+                }
+  }
+}