126 lines
4.1 KiB
QML
126 lines
4.1 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
import QtQuick.Effects
|
|
import qs.Settings
|
|
import qs.Services
|
|
import qs.Components
|
|
|
|
Item {
|
|
id: mediaControl
|
|
width: visible ? mediaRow.width : 0
|
|
height: 36
|
|
visible: Settings.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: MultiEffect {
|
|
maskEnabled: 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
|
|
cursorShape: Qt.PointingHandCursor
|
|
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
|
|
}
|
|
}
|
|
}
|