72 lines
2 KiB
QML
72 lines
2 KiB
QML
import Quickshell.Services.Mpris
|
|
import QtQuick
|
|
import "../../../../styled/"
|
|
import "../../../../config/"
|
|
|
|
Loader {
|
|
required property MprisPlayer modelData
|
|
required property int index
|
|
|
|
signal nextPlayer
|
|
signal previousPlayer
|
|
|
|
sourceComponent: player
|
|
property Component player: Clickable {
|
|
id: clickable
|
|
|
|
implicitWidth: text.width
|
|
implicitHeight: Dimensions.mpris.height
|
|
|
|
onClicked: {
|
|
if (!modelData.canTogglePlaying) {
|
|
return;
|
|
}
|
|
if (modelData.isPlaying) {
|
|
modelData.pause();
|
|
} else {
|
|
modelData.play();
|
|
}
|
|
}
|
|
|
|
onWheel: event => {
|
|
if (event.angleDelta.y > 0) {
|
|
parent.nextPlayer();
|
|
} else if (event.angleDelta.y < 0) {
|
|
parent.previousPlayer();
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
id: text
|
|
text: `${modelData.isPlaying ? "" : ""} ${modelData.trackTitle} - ${modelData.trackArtist}`
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
topPadding: Dimensions.mpris.verticalPadding
|
|
bottomPadding: Dimensions.mpris.verticalPadding
|
|
leftPadding: Dimensions.mpris.horizontalPadding
|
|
rightPadding: Dimensions.mpris.horizontalPadding
|
|
|
|
font.pixelSize: Dimensions.mpris.fontSize
|
|
|
|
states: State {
|
|
name: "hovered"
|
|
when: clickable.containsMouse
|
|
PropertyChanges {
|
|
text {
|
|
color: Theme.palette.base300
|
|
}
|
|
}
|
|
}
|
|
transitions: Transition {
|
|
from: ""
|
|
to: "hovered"
|
|
reversible: true
|
|
ColorAnimation {
|
|
properties: "color"
|
|
duration: 200
|
|
easing.type: Easing.InOutCubic
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|