bar: add scroll actions to fillers

Also change the brightness osd icon depending on value

3 files changed, 51 insertions, 5 deletions

diff --git a/modules/bar/Bar.qml b/modules/bar/Bar.qml
index 37d2617..658ef87 100644
--- a/modules/bar/Bar.qml
+++ b/modules/bar/Bar.qml
@@ -45,12 +45,16 @@ Variants {
 
         Preset {
             presetName: "pills"
-            sourceComponent: Pills {}
+            sourceComponent: Pills {
+                screen: win.modelData
+            }
         }
 
         Preset {
             presetName: "panel"
-            sourceComponent: Panel {}
+            sourceComponent: Panel {
+                screen: win.modelData
+            }
         }
     }
 
diff --git a/modules/bar/Panel.qml b/modules/bar/Panel.qml
index 901c766..a43b0c2 100644
--- a/modules/bar/Panel.qml
+++ b/modules/bar/Panel.qml
@@ -2,12 +2,15 @@ import "root:/widgets"
 import "root:/config"
 import "components"
 import "components/workspaces"
+import Quickshell
 import QtQuick
 import QtQuick.Layouts
 
 StyledRect {
     id: root
 
+    required property ShellScreen screen
+
     function get(horiz, vert) {
         return BarConfig.vertical ? vert : horiz;
     }
@@ -47,9 +50,29 @@ StyledRect {
             }
         }
 
-        Item {
+        MouseArea {
             Layout.fillWidth: true
             Layout.fillHeight: true
+
+            onWheel: event => {
+                if (event.angleDelta.y > 0)
+                    Audio.setVolume(Audio.volume + 0.1);
+                else if (event.angleDelta.y < 0)
+                    Audio.setVolume(Audio.volume - 0.1);
+            }
+        }
+
+        MouseArea {
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+
+            onWheel: event => {
+                const monitor = Brightness.getMonitorForScreen(root.screen);
+                if (event.angleDelta.y > 0)
+                    monitor.setBrightness(monitor.brightness + 0.1);
+                else if (event.angleDelta.y < 0)
+                    monitor.setBrightness(monitor.brightness - 0.1);
+            }
         }
 
         Module {
diff --git a/modules/bar/Pills.qml b/modules/bar/Pills.qml
index b6b9288..e326827 100644
--- a/modules/bar/Pills.qml
+++ b/modules/bar/Pills.qml
@@ -1,13 +1,17 @@
 import "root:/widgets"
+import "root:/services"
 import "root:/config"
 import "components"
 import "components/workspaces"
+import Quickshell
 import QtQuick
 import QtQuick.Layouts
 
 BoxLayout {
     id: root
 
+    required property ShellScreen screen
+
     function get(horiz, vert) {
         return BarConfig.vertical ? vert : horiz;
     }
@@ -42,9 +46,16 @@ BoxLayout {
         }
     }
 
-    Item {
+    MouseArea {
         Layout.fillWidth: true
         Layout.fillHeight: true
+
+        onWheel: event => {
+            if (event.angleDelta.y > 0)
+                Audio.setVolume(Audio.volume + 0.1);
+            else if (event.angleDelta.y < 0)
+                Audio.setVolume(Audio.volume - 0.1);
+        }
     }
 
     Pill {
@@ -56,9 +67,17 @@ BoxLayout {
         }
     }
 
-    Item {
+    MouseArea {
         Layout.fillWidth: true
         Layout.fillHeight: true
+
+        onWheel: event => {
+            const monitor = Brightness.getMonitorForScreen(root.screen);
+            if (event.angleDelta.y > 0)
+                monitor.setBrightness(monitor.brightness + 0.1);
+            else if (event.angleDelta.y < 0)
+                monitor.setBrightness(monitor.brightness - 0.1);
+        }
     }
 
     Pill {