mixer: add audio device selector

2025-04-21 00:47:34 +02:00
parent 9164ad2471
commit eca98598cf
6 changed files with 389 additions and 98 deletions
@@ -0,0 +1,64 @@
+import "root:/modules/common"
+import "root:/modules/common/widgets"
+import "root:/services"
+import Qt5Compat.GraphicalEffects
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Quickshell.Widgets
+import Quickshell.Services.Pipewire
+
+Button {
+    id: button
+    required property bool input
+
+    background: Rectangle {
+        anchors.fill: parent
+        radius: Appearance.rounding.small
+        color: (button.down) ? Appearance.colors.colLayer2Active : (button.hovered ? Appearance.colors.colLayer2Hover : Appearance.colors.colLayer2)
+
+        Behavior on color {
+            ColorAnimation {
+                duration: Appearance.animation.elementDecel.duration
+                easing.type: Appearance.animation.elementDecel.type
+            }
+
+        }
+    }
+
+    PointingHandInteraction {}
+
+    contentItem: RowLayout {
+        anchors.fill: parent
+        anchors.margins: 5
+        spacing: 5
+
+        MaterialSymbol {
+            Layout.alignment: Qt.AlignVCenter
+            Layout.fillWidth: false
+            Layout.leftMargin: 5
+            font.pixelSize: Appearance.font.pixelSize.hugeass
+            text: input ? "mic_external_on" : "media_output"
+        }
+
+        ColumnLayout {
+            Layout.fillWidth: true
+            Layout.rightMargin: 5
+            spacing: 0
+            StyledText {
+                Layout.fillWidth: true
+                elide: Text.ElideRight
+                font.pixelSize: Appearance.font.pixelSize.normal
+                text: input ? "Input" : "Output"
+                color: Appearance.colors.colOnLayer2
+            }
+            StyledText {
+                Layout.fillWidth: true
+                elide: Text.ElideRight
+                font.pixelSize: Appearance.font.pixelSize.smaller
+                text: input ? Pipewire.defaultAudioSource?.description : Pipewire.defaultAudioSink?.description
+                color: Appearance.m3colors.m3outline
+            }
+        }
+    }
+}