BatteryPanel: implement basic battery panel with 3 radio buttons

2026-08-15 18:43:59 +00:00 · 2025-10-09 17:52:35 +02:00
parent 90ed62ccf2
commit 2f515ca3c5
4 changed files with 115 additions and 5 deletions
@@ -0,0 +1,101 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import Quickshell
+import Quickshell.Wayland
+import qs.Commons
+import qs.Services
+import qs.Widgets
+
+NPanel {
+  id: root
+
+  preferredWidth: 300
+  preferredHeight: 200
+  panelKeyboardFocus: true
+
+  property var optionsModel: []
+
+  function updateOptionsModel() {
+    let newOptions = [{
+                        "id": BatteryService.ChargingMode.Full,
+                        "label": "battery.panel.full",
+                        "icon": "battery-4"
+                      }, {
+                        "id": BatteryService.ChargingMode.Balanced,
+                        "label": "battery.panel.balanced",
+                        "icon": "battery-3"
+                      }, {
+                        "id": BatteryService.ChargingMode.Conservative,
+                        "label": "battery.panel.conservative",
+                        "icon": "battery-2"
+                      }]
+    root.optionsModel = newOptions
+  }
+
+  onOpened: {
+    updateOptionsModel()
+  }
+
+  panelContent: Rectangle {
+    color: Color.transparent
+
+    ColumnLayout {
+      anchors.fill: parent
+      anchors.margins: Style.marginL * scaling
+      spacing: Style.marginM * scaling
+
+      // HEADER
+      RowLayout {
+        Layout.fillWidth: true
+        spacing: Style.marginM * scaling
+
+        NIcon {
+          icon: optionsModel[BatteryService.chargingMode].icon
+          pointSize: Style.fontSizeXXL * scaling
+          color: Color.mPrimary
+        }
+
+        NText {
+          text: I18n.tr("battery.panel.title")
+          pointSize: Style.fontSizeL * scaling
+          font.weight: Style.fontWeightBold
+          color: Color.mOnSurface
+          Layout.fillWidth: true
+        }
+
+        NIconButton {
+          icon: "close"
+          tooltipText: I18n.tr("tooltips.close")
+          baseSize: Style.baseWidgetSize * 0.8
+          onClicked: {
+            root.close()
+          }
+        }
+      }
+
+      NDivider {
+        Layout.fillWidth: true
+      }
+
+      ButtonGroup {
+        id: batteryGroup
+      }
+
+      Repeater {
+        model: optionsModel
+
+        NRadioButton {
+          ButtonGroup.group: batteryGroup
+          required property var modelData
+          text: I18n.tr(modelData.label)
+          checked: BatteryService.chargingMode === modelData.id
+          onClicked: {
+            BatteryService.setChargingMode(modelData.id)
+          }
+          Layout.fillWidth: true
+        }
+      }
+    }
+  }
+}
@@ -96,6 +96,7 @@ Item {
    forceOpen: isReady && (testMode || battery.isLaptopBattery) && displayMode === "alwaysShow"
    forceClose: displayMode === "alwaysHide"
    disableOpen: (!isReady || (!testMode && !battery.isLaptopBattery))
+    onClicked: PanelService.getPanel("batteryPanel")?.toggle(this)
    tooltipText: {
      let lines = []
      if (testMode) {