nydragon/nysh
1
Fork 0
Code Issues Pull requests Activity Actions

feat: display multiple mpris players

Browse source
This commit is contained in:
Nydragon 2024-11-16 03:16:26 +01:00
parent 5e5f265de6
commit 0ce0c58162
Signed by: nydragon
SSH key fingerprint: SHA256:WcjW5NJPQ8Dx4uQDmoIlVPLWE27Od3fxoe0IUvuoPHE
1 changed files with 125 additions and 105 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
src/widgets/mpris/MprisSmall.qml
View file

@ -1,3 +1,5 @@
pragma ComponentBehavior: Bound
import QtQuick.Effects import QtQuick.Effects
import QtQuick.Controls import QtQuick.Controls
import QtQuick.Layouts import QtQuick.Layouts
@ -11,14 +13,30 @@ BRectangle {
id: mprisSmall id: mprisSmall
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 200 Layout.preferredHeight: 200
radius: 15
visible: Player.current ?? false radius: 15
clip: true
border.color: "transparent"
visible: list.count
ListView {
id: list
anchors.fill: parent
model: Mpris.players
orientation: Qt.Horizontal
snapMode: ListView.SnapOneItem
spacing: 10
delegate: Item {
id: card
required property var modelData
property MprisPlayer player: modelData
width: mprisSmall.width
height: mprisSmall.height
BlurredImage { BlurredImage {
source: Player.current?.trackArtUrl ?? "" source: card.player?.trackArtUrl ?? ""
anchors.fill: parent anchors.fill: parent
radius: parent.radius radius: 15
} }
RowLayout { RowLayout {
@ -28,7 +46,7 @@ BRectangle {
id: im id: im
color: "transparent" color: "transparent"
visible: false visible: false
source: Player.current?.trackArtUrl ?? "" source: card.player?.trackArtUrl ?? ""
radius: 15 radius: 15
} }
@ -55,7 +73,7 @@ BRectangle {
clip: true clip: true
Text { Text {
text: Player.current?.trackTitle ?? "Unknown Track" text: card.player?.trackTitle ?? "Unknown Track"
color: "white" color: "white"
Layout.alignment: Qt.AlignCenter Layout.alignment: Qt.AlignCenter
Layout.maximumWidth: parent.width Layout.maximumWidth: parent.width
@ -63,7 +81,7 @@ BRectangle {
} }
Text { Text {
text: Player.current?.trackAlbum ?? "Unknown Album" text: card.player?.trackAlbum ?? "Unknown Album"
color: "white" color: "white"
Layout.alignment: Qt.AlignCenter Layout.alignment: Qt.AlignCenter
Layout.maximumWidth: parent.width Layout.maximumWidth: parent.width
@ -71,7 +89,7 @@ BRectangle {
} }
Text { Text {
text: Player.current?.trackAlbumArtist ?? "Unknown Artist" text: card.player?.trackAlbumArtist ?? "Unknown Artist"
color: "white" color: "white"
Layout.alignment: Qt.AlignCenter Layout.alignment: Qt.AlignCenter
Layout.maximumWidth: parent.width Layout.maximumWidth: parent.width
@ -82,18 +100,18 @@ BRectangle {
Layout.alignment: Qt.AlignCenter Layout.alignment: Qt.AlignCenter
BIconButton { BIconButton {
source: Quickshell.iconPath("media-seek-backward") source: Quickshell.iconPath("media-seek-backward")
onClicked: Player.current.previous() onClicked: card.player?.previous()
size: 20 size: 20
} }
BIconButton { BIconButton {
source: Quickshell.iconPath(Player.isPlaying ? "media-playback-pause" : "media-playback-start") source: Quickshell.iconPath(card.player.playbackState === MprisPlaybackState.Playing ? "media-playback-pause" : "media-playback-start")
onClicked: Player.current.togglePlaying() onClicked: card.player?.togglePlaying()
size: 20 size: 20
} }
BIconButton { BIconButton {
source: Quickshell.iconPath("media-seek-forward") source: Quickshell.iconPath("media-seek-forward")
onClicked: Player.current.next() onClicked: card.player?.next()
size: 20 size: 20
} }
} }
@ -104,18 +122,18 @@ BRectangle {
Layout.minimumWidth: 10 Layout.minimumWidth: 10
Layout.minimumHeight: 3 Layout.minimumHeight: 3
from: 0 from: 0
to: Player.current?.length ?? 0 to: card.player?.length ?? 0
value: Player.current?.position ?? 0 value: card.player?.position ?? 0
enabled: (Player.current?.canSeek && Player.current?.positionSupported) ?? false enabled: (card.player?.canSeek && card.player?.positionSupported) ?? false
onMoved: { onMoved: {
if (Player.current) if (card.player)
Player.current.position = value; card.player.position = value;
} }
Component.onCompleted: { Component.onCompleted: {
const con = () => mprisSmall.player?.positionChanged.connect(() => { const con = () => card.player?.positionChanged.connect(() => {
slider.value = Player.current?.position; slider.value = card.player?.position;
}); });
con(); con();
Player.currentChanged.connect(() => { Player.currentChanged.connect(() => {
@ -125,9 +143,11 @@ BRectangle {
FrameAnimation { FrameAnimation {
// only emit the signal when the position is actually changing. // only emit the signal when the position is actually changing.
running: Player.current?.playbackState == MprisPlaybackState.Playing running: card.player?.playbackState == MprisPlaybackState.Playing
// emit the positionChanged signal every frame. // emit the positionChanged signal every frame.
onTriggered: Player.current?.positionChanged() onTriggered: card.player?.positionChanged()
}
}
} }
} }
} }