From f4f3b0714ae49f3d6bbed6f7e288ade1a6fac4b9 Mon Sep 17 00:00:00 2001
From: Nydragon <contact@ccnlc.eu>
Date: Fri, 23 Aug 2024 16:58:07 +0200
Subject: [PATCH] feat: added audio slider

Audio slider updates volume properly
---
 src/AudioOutput.qml | 41 +++++++++++++++++++++++++++++++++++++++++
 src/Bar.qml         |  8 +++++++-
 2 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 src/AudioOutput.qml

diff --git a/src/AudioOutput.qml b/src/AudioOutput.qml
new file mode 100644
index 0000000..c22f163
--- /dev/null
+++ b/src/AudioOutput.qml
@@ -0,0 +1,41 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import Quickshell
+import Quickshell.Services.Pipewire
+
+// TODO: on click open detailed sink options:
+// - select default sink
+// - adjust sink & source volume
+// - mute sinks & sources
+
+MouseArea {
+    property PwNode sink: Pipewire.defaultAudioSink
+
+    PwObjectTracker {
+        objects: [sink]
+    }
+
+    ColumnLayout {
+        anchors.horizontalCenter: parent.horizontalCenter
+
+        Text {
+            id: label
+            text: `${Math.round(sink.audio.volume * 100)}%`
+
+            Layout.alignment: Qt.AlignHCenter
+        }
+        Slider {
+            id: slider
+
+            // BUG: For some reason need to hardcode the width as it is overflowing otherwise
+            Layout.maximumWidth: 25
+
+            value: sink.audio.volume
+            stepSize: 0.01
+            wheelEnabled: true
+            handle: Rectangle {}
+            onMoved: sink.audio.volume = value
+        }
+    }
+}
diff --git a/src/Bar.qml b/src/Bar.qml
index 2b935ee..37a5a14 100644
--- a/src/Bar.qml
+++ b/src/Bar.qml
@@ -15,11 +15,17 @@ Scope {
                 bottom: true
             }
 
-            width: 20
+            width: 30
 
             // the ClockWidget type we just created
             // TODO: on click open a calendar view
             ClockWidget {
+                id: clock
+                anchors.horizontalCenter: parent.horizontalCenter
+            }
+
+            AudioOutput {
+                anchors.top: clock.bottom
                 anchors.horizontalCenter: parent.horizontalCenter
             }
         }