feat: Add music and sysinfo to top bar (togglable) - also a bunch of misc fixes

2025-07-14 20:40:43 +01:00 · 2025-07-14 20:40:43 +01:00 · b4697235c0
commit b4697235c0
parent e1caf737fe
29 changed files with 795 additions and 399 deletions
--- a/Bar/Modules/Media.qml
+++ b/Bar/Modules/Media.qml
@ -0,0 +1,125 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import Qt5Compat.GraphicalEffects
+import qs.Settings
+import qs.Services
+import qs.Components
+
+Item {
+    id: mediaControl
+    width: visible ? mediaRow.width : 0
+    height: 32
+    visible: Settings.showMediaInBar && MusicManager.currentPlayer
+
+    RowLayout {
+        id: mediaRow
+        height: parent.height
+        spacing: 8
+
+        Item {
+            id: albumArtContainer
+            width: 24
+            height: 24
+            Layout.alignment: Qt.AlignVCenter
+
+            // Circular spectrum visualizer
+            CircularSpectrum {
+                id: spectrum
+                values: MusicManager.cavaValues
+                anchors.centerIn: parent
+                innerRadius: 10
+                outerRadius: 18
+                fillColor: Theme.accentPrimary
+                strokeColor: Theme.accentPrimary
+                strokeWidth: 0
+                z: 0
+            }
+
+            // Album art image
+            Rectangle {
+                id: albumArtwork
+                width: 20
+                height: 20
+                anchors.centerIn: parent
+                radius: 12 // circle
+                color: Qt.darker(Theme.surface, 1.1)
+                border.color: Qt.rgba(Theme.accentPrimary.r, Theme.accentPrimary.g, Theme.accentPrimary.b, 0.3)
+                border.width: 1
+                z: 1
+
+                Image {
+                    id: albumArt
+                    anchors.fill: parent
+                    anchors.margins: 1
+                    fillMode: Image.PreserveAspectCrop
+                    smooth: true
+                    cache: false
+                    asynchronous: true
+                    sourceSize.width: 24
+                    sourceSize.height: 24
+                    source: MusicManager.trackArtUrl
+                    visible: source.toString() !== ""
+
+                    // Rounded corners using layer
+                    layer.enabled: true
+                    layer.effect: OpacityMask {
+                        cached: true
+                        maskSource: Rectangle {
+                            width: albumArt.width
+                            height: albumArt.height
+                            radius: albumArt.width / 2 // circle
+                            visible: false
+                        }
+                    }
+                }
+
+                // Fallback icon
+                Text {
+                    anchors.centerIn: parent
+                    text: "music_note"
+                    font.family: "Material Symbols Outlined"
+                    font.pixelSize: 14
+                    color: Qt.rgba(Theme.textPrimary.r, Theme.textPrimary.g, Theme.textPrimary.b, 0.4)
+                    visible: !albumArt.visible
+                }
+
+                // Play/Pause overlay (only visible on hover)
+                Rectangle {
+                    anchors.fill: parent
+                    radius: parent.radius
+                    color: Qt.rgba(0, 0, 0, 0.5)
+                    visible: playButton.containsMouse
+                    z: 2
+
+                    Text {
+                        anchors.centerIn: parent
+                        text: MusicManager.isPlaying ? "pause" : "play_arrow"
+                        font.family: "Material Symbols Outlined"
+                        font.pixelSize: 14
+                        color: "white"
+                    }
+                }
+
+                MouseArea {
+                    id: playButton
+                    anchors.fill: parent
+                    hoverEnabled: true
+                    enabled: MusicManager.canPlay || MusicManager.canPause
+                    onClicked: MusicManager.playPause()
+                }
+            }
+        }
+
+        // Track info
+        Text {
+            text: MusicManager.trackTitle + " - " + MusicManager.trackArtist
+            color: Theme.textPrimary
+            font.family: Theme.fontFamily
+            font.pixelSize: 12
+            elide: Text.ElideRight
+            Layout.maximumWidth: 300
+            Layout.alignment: Qt.AlignVCenter
+        }
+    }
+}