From 1b55777da128001e37c01a644bed730a2ff0016e Mon Sep 17 00:00:00 2001
From: Nydragon <contact@ccnlc.eu>
Date: Fri, 27 Sep 2024 19:41:11 +0200
Subject: [PATCH] feat: make audio manager closable when clicking anywhere

---
 src/windows/audioman/AudioManager.qml | 125 ++++++++++++++------------
 1 file changed, 68 insertions(+), 57 deletions(-)

diff --git a/src/windows/audioman/AudioManager.qml b/src/windows/audioman/AudioManager.qml
index f2a1d8c..1e26ad1 100644
--- a/src/windows/audioman/AudioManager.qml
+++ b/src/windows/audioman/AudioManager.qml
@@ -11,86 +11,97 @@ PopupWindow {
     id: audioman
     anchor {
         rect.x: lbar.width * 1.2
-        rect.y: lbar.width * 0.2
         window: lbar
     }
 
     //gravity: Edges.Bottom | Edges.Right
 
     color: "transparent"
-    width: 500
-    height: 600
+    width: screen?.width ?? display.width
+    height: screen?.height ?? display.height
     visible: false
 
     property var player: Mpris.players.values.find(p => p.playbackState == MprisPlaybackState.Playing) ?? Mpris.players.values[0]
 
-    BRectangle {
-        id: bn
-
-        //color: "transparent"
-
-        Image {
-            id: background
-            //anchors.margins: parent.border.width
-            anchors.fill: parent
-            source: audioman.player?.trackArtUrl
-            Layout.alignment: Qt.AlignHCenter
-            visible: true
+    MouseArea {
+        anchors.fill: parent
+        onClicked: () => {
+            console.log("clicked");
+            audioman.visible = false;
         }
 
-        MultiEffect {
-            autoPaddingEnabled: false
-            source: background
-            anchors.fill: background
-            blurEnabled: true
-            blurMax: 64
-            blurMultiplier: 2
-            blur: 1
-            brightness: -0.15
-        }
+        BRectangle {
+            id: display
 
-        ScrollView {
-            id: test
-            anchors.fill: parent
-            contentWidth: availableWidth
+            x: lbar.width * 1.2
+            y: lbar.height * 0.2
 
-            ColumnLayout {
-                id: p
-                // BUG: We access nodes before they are initialized
+            width: 500
+            height: 600
+
+            Image {
+                id: background
+                //anchors.margins: parent.border.width
                 anchors.fill: parent
-                anchors.margins: 10
+                source: audioman.player?.trackArtUrl
+                Layout.alignment: Qt.AlignHCenter
+                visible: true
+            }
+
+            MultiEffect {
+                autoPaddingEnabled: false
+                source: background
+                anchors.fill: background
+                blurEnabled: true
+                blurMax: 64
+                blurMultiplier: 2
+                blur: 1
+                brightness: -0.15
+            }
+
+            ScrollView {
+                id: test
+                anchors.fill: parent
+                contentWidth: availableWidth
 
                 ColumnLayout {
-                    Layout.alignment: Qt.AlignHCenter
-                    Label {
-                        text: audioman.player.trackTitle
+                    id: p
+                    // BUG: We access nodes before they are initialized
+                    anchors.fill: parent
+                    anchors.margins: 10
+
+                    ColumnLayout {
                         Layout.alignment: Qt.AlignHCenter
-                        color: "white"
+                        Label {
+                            text: audioman.player.trackTitle
+                            Layout.alignment: Qt.AlignHCenter
+                            color: "white"
+                        }
+
+                        Image {
+                            source: audioman.player.trackArtUrl
+                            sourceSize.width: 300
+                            sourceSize.height: 300
+                            Layout.alignment: Qt.AlignHCenter
+                        }
                     }
 
-                    Image {
-                        source: audioman.player.trackArtUrl
-                        sourceSize.width: 300
-                        sourceSize.height: 300
-                        Layout.alignment: Qt.AlignHCenter
+                    OutputSelector {}
+
+                    Rectangle {
+                        height: 2
+                        color: "black"
+                        Layout.fillWidth: true
+                        radius: 10
                     }
-                }
 
-                OutputSelector {}
+                    Repeater {
+                        model: Pipewire.nodes.values.filter(e => e.isStream)
 
-                Rectangle {
-                    height: 2
-                    color: "black"
-                    Layout.fillWidth: true
-                    radius: 10
-                }
-
-                Repeater {
-                    model: Pipewire.nodes.values.filter(e => e.isStream)
-
-                    AudioEntry {
-                        required property PwNode modelData
-                        node: modelData
+                        AudioEntry {
+                            required property PwNode modelData
+                            node: modelData
+                        }
                     }
                 }
             }