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,237 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import Quickshell
+import Quickshell.Bluetooth
+import Quickshell.Wayland
+import qs.Commons
+import qs.Services
+import qs.Widgets
+import qs.Modules.MainScreen
+
+SmartPanel {
+  id: root
+
+  preferredWidth: 420 * Style.uiScaleRatio
+  preferredHeight: 500 * Style.uiScaleRatio
+
+  panelContent: Rectangle {
+    color: Color.transparent
+
+    ColumnLayout {
+      anchors.fill: parent
+      anchors.margins: Style.marginL
+      spacing: Style.marginM
+
+      // Header
+      NBox {
+        Layout.fillWidth: true
+        implicitHeight: headerRow.implicitHeight + (Style.marginM * 2)
+
+        RowLayout {
+          id: headerRow
+          anchors.fill: parent
+          anchors.leftMargin: Style.marginM
+          anchors.rightMargin: Style.marginM
+          spacing: Style.marginM
+
+          NIcon {
+            icon: "bluetooth"
+            pointSize: Style.fontSizeXXL
+            color: Color.mPrimary
+          }
+
+          NText {
+            text: I18n.tr("bluetooth.panel.title")
+            pointSize: Style.fontSizeL
+            font.weight: Style.fontWeightBold
+            color: Color.mOnSurface
+            Layout.fillWidth: true
+          }
+
+          NToggle {
+            id: bluetoothSwitch
+            checked: BluetoothService.enabled
+            onToggled: checked => BluetoothService.setBluetoothEnabled(checked)
+            baseSize: Style.baseWidgetSize * 0.65
+          }
+
+          NIconButton {
+            enabled: BluetoothService.enabled
+            icon: BluetoothService.adapter && BluetoothService.adapter.discovering ? "stop" : "refresh"
+            tooltipText: I18n.tr("tooltips.refresh-devices")
+            baseSize: Style.baseWidgetSize * 0.8
+            onClicked: {
+              if (BluetoothService.adapter) {
+                BluetoothService.adapter.discovering = !BluetoothService.adapter.discovering
+              }
+            }
+          }
+
+          NIconButton {
+            icon: "close"
+            tooltipText: I18n.tr("tooltips.close")
+            baseSize: Style.baseWidgetSize * 0.8
+            onClicked: {
+              root.close()
+            }
+          }
+        }
+      }
+
+      // Adapter not available of disabled
+      NBox {
+        visible: !(BluetoothService.adapter && BluetoothService.adapter.enabled)
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+
+        // Center the content within this rectangle
+        ColumnLayout {
+          anchors.centerIn: parent
+          spacing: Style.marginM
+
+          NIcon {
+            icon: "bluetooth-off"
+            pointSize: 64
+            color: Color.mOnSurfaceVariant
+            Layout.alignment: Qt.AlignHCenter
+          }
+
+          NText {
+            text: I18n.tr("bluetooth.panel.disabled")
+            pointSize: Style.fontSizeL
+            color: Color.mOnSurfaceVariant
+            Layout.alignment: Qt.AlignHCenter
+          }
+
+          NText {
+            text: I18n.tr("bluetooth.panel.enable-message")
+            pointSize: Style.fontSizeS
+            color: Color.mOnSurfaceVariant
+            Layout.alignment: Qt.AlignHCenter
+          }
+        }
+      }
+
+      NScrollView {
+        visible: BluetoothService.adapter && BluetoothService.adapter.enabled
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+        horizontalPolicy: ScrollBar.AlwaysOff
+        verticalPolicy: ScrollBar.AsNeeded
+        clip: true
+        contentWidth: availableWidth
+
+        ColumnLayout {
+          width: parent.width
+          spacing: Style.marginM
+
+          // Connected devices
+          BluetoothDevicesList {
+            label: I18n.tr("bluetooth.panel.connected-devices")
+            property var items: {
+              if (!BluetoothService.adapter || !Bluetooth.devices)
+                return []
+              var filtered = Bluetooth.devices.values.filter(dev => dev && !dev.blocked && dev.connected)
+              return BluetoothService.sortDevices(filtered)
+            }
+            model: items
+            visible: items.length > 0
+            Layout.fillWidth: true
+          }
+
+          // Known devices
+          BluetoothDevicesList {
+            label: I18n.tr("bluetooth.panel.known-devices")
+            tooltipText: I18n.tr("tooltips.connect-disconnect-devices")
+            property var items: {
+              if (!BluetoothService.adapter || !Bluetooth.devices)
+                return []
+              var filtered = Bluetooth.devices.values.filter(dev => dev && !dev.blocked && !dev.connected && (dev.paired || dev.trusted))
+              return BluetoothService.sortDevices(filtered)
+            }
+            model: items
+            visible: items.length > 0
+            Layout.fillWidth: true
+          }
+
+          // Available devices
+          BluetoothDevicesList {
+            label: I18n.tr("bluetooth.panel.available-devices")
+            property var items: {
+              if (!BluetoothService.adapter || !Bluetooth.devices)
+                return []
+              var filtered = Bluetooth.devices.values.filter(dev => dev && !dev.blocked && !dev.paired && !dev.trusted)
+              return BluetoothService.sortDevices(filtered)
+            }
+            model: items
+            visible: items.length > 0
+            Layout.fillWidth: true
+          }
+
+          // Fallback - No devices, scanning
+          NBox {
+            Layout.fillWidth: true
+            Layout.preferredHeight: columnScanning.implicitHeight + Style.marginM * 2
+            visible: {
+              if (!BluetoothService.adapter || !BluetoothService.adapter.discovering || !Bluetooth.devices) {
+                return false
+              }
+
+              var availableCount = Bluetooth.devices.values.filter(dev => {
+                                                                     return dev && !dev.paired && !dev.pairing && !dev.blocked && (dev.signalStrength === undefined || dev.signalStrength > 0)
+                                                                   }).length
+              return (availableCount === 0)
+            }
+
+            ColumnLayout {
+              id: columnScanning
+              anchors.fill: parent
+              anchors.margins: Style.marginM
+
+              spacing: Style.marginM
+
+              RowLayout {
+                Layout.alignment: Qt.AlignHCenter
+                spacing: Style.marginXS
+
+                NIcon {
+                  icon: "refresh"
+                  pointSize: Style.fontSizeXXL * 1.5
+                  color: Color.mPrimary
+
+                  RotationAnimation on rotation {
+                    running: true
+                    loops: Animation.Infinite
+                    from: 0
+                    to: 360
+                    duration: Style.animationSlow * 4
+                  }
+                }
+
+                NText {
+                  text: I18n.tr("bluetooth.panel.scanning")
+                  pointSize: Style.fontSizeL
+                  color: Color.mOnSurface
+                }
+              }
+
+              NText {
+                text: I18n.tr("bluetooth.panel.pairing-mode")
+                pointSize: Style.fontSizeM
+                color: Color.mOnSurfaceVariant
+                horizontalAlignment: Text.AlignHCenter
+                Layout.fillWidth: true
+                wrapMode: Text.WordWrap
+              }
+            }
+          }
+
+          Item {
+            Layout.fillHeight: true
+          }
+        }
+      }
+    }
+  }
+}