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,142 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import QtQuick.Window
+import qs.Commons
+import qs.Widgets
+import qs.Services
+
+ColumnLayout {
+  id: root
+  spacing: Style.marginM
+
+  property var widgetData: null
+  property var widgetMetadata: null
+
+  property string valueIcon: widgetData.icon !== undefined ? widgetData.icon : widgetMetadata.icon
+  property bool valueTextStream: widgetData.textStream !== undefined ? widgetData.textStream : widgetMetadata.textStream
+  property bool valueParseJson: widgetData.parseJson !== undefined ? widgetData.parseJson : widgetMetadata.parseJson
+
+  function saveSettings() {
+    var settings = Object.assign({}, widgetData || {})
+    settings.icon = valueIcon
+    settings.leftClickExec = leftClickExecInput.text
+    settings.rightClickExec = rightClickExecInput.text
+    settings.middleClickExec = middleClickExecInput.text
+    settings.textCommand = textCommandInput.text
+    settings.textCollapse = textCollapseInput.text
+    settings.textStream = valueTextStream
+    settings.parseJson = valueParseJson
+    settings.textIntervalMs = parseInt(textIntervalInput.text || textIntervalInput.placeholderText, 10)
+    return settings
+  }
+
+  RowLayout {
+    spacing: Style.marginM
+
+    NLabel {
+      label: I18n.tr("bar.widget-settings.custom-button.icon.label")
+      description: I18n.tr("bar.widget-settings.custom-button.icon.description")
+    }
+
+    NIcon {
+      Layout.alignment: Qt.AlignVCenter
+      icon: valueIcon
+      pointSize: Style.fontSizeXL
+      visible: valueIcon !== ""
+    }
+
+    NButton {
+      text: I18n.tr("bar.widget-settings.custom-button.browse")
+      onClicked: iconPicker.open()
+    }
+  }
+
+  NIconPicker {
+    id: iconPicker
+    initialIcon: valueIcon
+    onIconSelected: function (iconName) {
+      valueIcon = iconName
+    }
+  }
+
+  NTextInput {
+    id: leftClickExecInput
+    Layout.fillWidth: true
+    label: I18n.tr("bar.widget-settings.custom-button.left-click.label")
+    description: I18n.tr("bar.widget-settings.custom-button.left-click.description")
+    placeholderText: I18n.tr("placeholders.enter-command")
+    text: widgetData?.leftClickExec || widgetMetadata.leftClickExec
+  }
+
+  NTextInput {
+    id: rightClickExecInput
+    Layout.fillWidth: true
+    label: I18n.tr("bar.widget-settings.custom-button.right-click.label")
+    description: I18n.tr("bar.widget-settings.custom-button.right-click.description")
+    placeholderText: I18n.tr("placeholders.enter-command")
+    text: widgetData?.rightClickExec || widgetMetadata.rightClickExec
+  }
+
+  NTextInput {
+    id: middleClickExecInput
+    Layout.fillWidth: true
+    label: I18n.tr("bar.widget-settings.custom-button.middle-click.label")
+    description: I18n.tr("bar.widget-settings.custom-button.middle-click.description")
+    placeholderText: I18n.tr("placeholders.enter-command")
+    text: widgetData.middleClickExec || widgetMetadata.middleClickExec
+  }
+
+  NDivider {
+    Layout.fillWidth: true
+  }
+
+  NHeader {
+    label: I18n.tr("bar.widget-settings.custom-button.dynamic-text")
+  }
+
+  NToggle {
+    id: textStreamInput
+    label: I18n.tr("bar.widget-settings.custom-button.text-stream.label")
+    description: I18n.tr("bar.widget-settings.custom-button.text-stream.description")
+    checked: valueTextStream
+    onToggled: checked => valueTextStream = checked
+  }
+
+  NToggle {
+    id: parseJsonInput
+    label: I18n.tr("bar.widget-settings.custom-button.parse-json.label", "Parse output as JSON")
+    description: I18n.tr("bar.widget-settings.custom-button.parse-json.description", "Parse the command output as a JSON object to dynamically set text and icon.")
+    checked: valueParseJson
+    onToggled: checked => valueParseJson = checked
+  }
+
+  NTextInput {
+    id: textCommandInput
+    Layout.fillWidth: true
+    label: I18n.tr("bar.widget-settings.custom-button.display-command-output.label")
+    description: valueTextStream ? I18n.tr("bar.widget-settings.custom-button.display-command-output.stream-description") : I18n.tr("bar.widget-settings.custom-button.display-command-output.description")
+    placeholderText: I18n.tr("placeholders.command-example")
+    text: widgetData?.textCommand || widgetMetadata.textCommand
+  }
+
+  NTextInput {
+    id: textCollapseInput
+    Layout.fillWidth: true
+    visible: valueTextStream
+    label: I18n.tr("bar.widget-settings.custom-button.collapse-condition.label")
+    description: I18n.tr("bar.widget-settings.custom-button.collapse-condition.description")
+    placeholderText: I18n.tr("placeholders.enter-text-to-collapse")
+    text: widgetData?.textCollapse || widgetMetadata.textCollapse
+  }
+
+  NTextInput {
+    id: textIntervalInput
+    Layout.fillWidth: true
+    visible: !valueTextStream
+    label: I18n.tr("bar.widget-settings.custom-button.refresh-interval.label")
+    description: I18n.tr("bar.widget-settings.custom-button.refresh-interval.description")
+    placeholderText: String(widgetMetadata.textIntervalMs || 3000)
+    text: widgetData && widgetData.textIntervalMs !== undefined ? String(widgetData.textIntervalMs) : ""
+  }
+}