First pass

2026-08-15 18:43:59 +00:00 · 2025-09-22 19:11:10 -04:00
parent 9a7fb4a219
commit b8f4401878
50 changed files with 35 additions and 34 deletions
@@ -0,0 +1,122 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Quickshell
+import qs.Commons
+import qs.Services
+import qs.Widgets
+
+ColumnLayout {
+  id: root
+  spacing: Style.marginL * scaling
+
+  // Helper functions to update arrays immutably
+  function addMonitor(list, name) {
+    const arr = (list || []).slice()
+    if (!arr.includes(name))
+      arr.push(name)
+    return arr
+  }
+  function removeMonitor(list, name) {
+    return (list || []).filter(function (n) {
+      return n !== name
+    })
+  }
+
+  NHeader {
+    label: "Appearance"
+    description: "Customize the dock's behavior and appearance."
+  }
+
+  NToggle {
+    label: "Auto-hide"
+    description: "Automatically hide when not in use."
+    checked: Settings.data.dock.autoHide
+    onToggled: checked => Settings.data.dock.autoHide = checked
+  }
+
+  NToggle {
+    label: "Exclusive zone"
+    description: "Prevent window overlap."
+    checked: Settings.data.dock.exclusive
+    onToggled: checked => Settings.data.dock.exclusive = checked
+  }
+
+  ColumnLayout {
+    spacing: Style.marginXXS * scaling
+    Layout.fillWidth: true
+    NLabel {
+      label: "Background opacity"
+      description: "Adjust the dock's background opacity."
+    }
+    NValueSlider {
+      Layout.fillWidth: true
+      from: 0
+      to: 1
+      stepSize: 0.01
+      value: Settings.data.dock.backgroundOpacity
+      onMoved: value => Settings.data.dock.backgroundOpacity = value
+      text: Math.floor(Settings.data.dock.backgroundOpacity * 100) + "%"
+    }
+  }
+
+  ColumnLayout {
+    spacing: Style.marginXXS * scaling
+    Layout.fillWidth: true
+
+    NLabel {
+      label: "Dock floating distance"
+      description: "Adjust the floating distance from the screen edge."
+    }
+
+    NValueSlider {
+      Layout.fillWidth: true
+      from: 0
+      to: 4
+      stepSize: 0.01
+      value: Settings.data.dock.floatingRatio
+      onMoved: value => Settings.data.dock.floatingRatio = value
+      text: Math.floor(Settings.data.dock.floatingRatio * 100) + "%"
+    }
+  }
+
+  NDivider {
+    Layout.fillWidth: true
+    Layout.topMargin: Style.marginXL * scaling
+    Layout.bottomMargin: Style.marginXL * scaling
+  }
+
+  // Monitor Configuration
+  ColumnLayout {
+    spacing: Style.marginM * scaling
+    Layout.fillWidth: true
+
+    NHeader {
+      label: "Monitor display"
+      description: "Choose which monitor to display the dock on."
+    }
+
+    Repeater {
+      model: Quickshell.screens || []
+      delegate: NCheckbox {
+        Layout.fillWidth: true
+        label: modelData.name || "Unknown"
+        description: `${modelData.model} (${modelData.width}x${modelData.height})`
+        checked: (Settings.data.dock.monitors || []).indexOf(modelData.name) !== -1
+        onToggled: checked => {
+                     if (checked) {
+                       Settings.data.dock.monitors = addMonitor(Settings.data.dock.monitors, modelData.name)
+                     } else {
+                       Settings.data.dock.monitors = removeMonitor(Settings.data.dock.monitors, modelData.name)
+                     }
+                   }
+      }
+    }
+  }
+
+  NDivider {
+    Layout.fillWidth: true
+    Layout.topMargin: Style.marginXL * scaling
+    Layout.bottomMargin: Style.marginXL * scaling
+  }
+}