From 59e06ced91602ae3e41887afe1756e3e4da4db5c Mon Sep 17 00:00:00 2001
From: Nydragon <contact@ccnlc.eu>
Date: Sun, 25 Aug 2024 04:45:23 +0200
Subject: [PATCH] feat: add window opening for the audio manager

---
 src/AudioOutput.qml          |  8 ++++++--
 src/Bar.qml                  |  1 +
 src/windows/AudioManager.qml | 19 +++++++++++++++++++
 3 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 src/windows/AudioManager.qml

diff --git a/src/AudioOutput.qml b/src/AudioOutput.qml
index 9e1cf74..6379cdf 100644
--- a/src/AudioOutput.qml
+++ b/src/AudioOutput.qml
@@ -3,6 +3,7 @@ import QtQuick.Layouts
 import QtQuick.Controls
 import Quickshell
 import Quickshell.Services.Pipewire
+import "windows"
 
 // TODO: on click open detailed sink options:
 // - select default sink
@@ -32,7 +33,10 @@ Rectangle {
 
         anchors.fill: parent
 
-        onClicked: {}
+        onClicked: {
+            AudioManager.visible = !AudioManager.visible;
+        }
+
         onWheel: wheel => {
             const newVal = sink.audio.volume + (wheel.angleDelta.y / 12000);
             sink.audio.volume = newVal < 1.0 ? (newVal > 0 ? newVal : 0.0) : 1.0;
@@ -40,7 +44,7 @@ Rectangle {
 
         Rectangle {
             width: parent.width
-            color: "#00000000"
+            color: "transparent"
 
             height: icon.height + slider.height
             anchors.verticalCenter: parent.verticalCenter
diff --git a/src/Bar.qml b/src/Bar.qml
index 606c476..63aa0b5 100644
--- a/src/Bar.qml
+++ b/src/Bar.qml
@@ -14,6 +14,7 @@ Scope {
                 left: true
                 bottom: true
             }
+            margins.left: 2
 
             width: 30
             color: "#00000000"
diff --git a/src/windows/AudioManager.qml b/src/windows/AudioManager.qml
new file mode 100644
index 0000000..f443b6e
--- /dev/null
+++ b/src/windows/AudioManager.qml
@@ -0,0 +1,19 @@
+pragma Singleton
+
+import Quickshell
+import QtQuick
+
+Singleton {
+    FloatingWindow {
+        color: "transparent"
+        height: 300
+        width: 600
+
+        Rectangle {
+            anchors.fill: parent
+            color: "#20ffffff"
+
+            // your content here
+        }
+    }
+}