punktdateien/gui/kde/plasma/plasmoids/org.kde.MinimalMusic.P6/contents/ui/Representation.qml

139 lines
4.5 KiB
QML

import QtQuick 2.15
import QtQuick.Layouts 1.11
import QtQuick.Controls 2.15
import org.kde.kirigami as Kirigami
import org.kde.plasma.components 3.0 as PlasmaComponents3
import org.kde.plasma.core as PlasmaCore
RowLayout {
id: fullView
focus: true
// loading fonts
FontLoader {
id: antonio_Bold
source: "../fonts/Antonio-Bold.ttf"
}
FontLoader {
id: aller_Lt
source: "../fonts/Aller_Lt.ttf"
}
FontLoader {
id: aller_Bd
source: "../fonts/Aller_Bd.ttf"
}
Keys.onReleased: {
if (!event.modifiers) {
event.accepted = true
if (event.key === Qt.Key_Space || event.key === Qt.Key_K) {
root.mediaToggle()
} else if (event.key === Qt.Key_P) {
root.mediaPrev()
} else if (event.key === Qt.Key_N) {
root.mediaNext()
} else {
event.accepted = false
}
}
}
ColumnLayout {
Layout.fillWidth: true
id: fullwidget
PlasmaComponents3.Label {
id: title
text: track
Layout.fillWidth: true
font.pixelSize: 20
font.family: aller_Bd.name
// color: "red"
lineHeight: 0.8
font.bold: true
horizontalAlignment: Text.AlignHCenter
elide: Text.ElideRight
}
Rectangle {
id: separator
height: 1
// color: "black"
width: !title.height ? title.height/2 : 100
anchors.horizontalCenter: parent.horizontalCenter
}
PlasmaComponents3.Label {
font.family: aller_Lt.name
horizontalAlignment: Text.AlignHCenter
anchors.horizontalCenter: parent.horizontalCenter
Layout.maximumWidth: 300
Layout.fillWidth: true
text: artist
font.pixelSize: 16
// color: "red"
lineHeight: 0.8
elide: Text.ElideRight
}
MouseArea {
// Layout.alignment: Qt.AlignRight
id: mediaControlsMouseArea
height: title.height
Layout.fillWidth: true
anchors.bottom: parent.bottom
anchors.horizontalCenter: parent.horizontalCenter
hoverEnabled: true
RowLayout {
id: mediaControls
opacity: mediaControlsMouseArea.containsMouse
anchors.horizontalCenter: parent.horizontalCenter
Behavior on opacity {
PropertyAnimation {
easing.type: Easing.InOutQuad
duration: 250
}
}
Button {
Layout.preferredWidth: fullwidget.height/2
Layout.preferredHeight: fullwidget.height/1.5
contentItem: Kirigami.Icon {
source: "media-skip-backward"
}
padding: 0
background: null
onClicked: {
root.mediaPrev()
console.log("prev clicked")
}
}
Button {
Layout.preferredWidth: fullwidget.height/2
Layout.preferredHeight: fullwidget.height/1.5
id: playButton
contentItem: Kirigami.Icon {
source: root.playbackStatus === 0 ? "media-playback-pause" : "media-playback-start"
}
padding: 0
background: null
onClicked: {
root.mediaToggle()
console.log("pause clicked")
}
}
Button {
Layout.preferredWidth: fullwidget.height/2
Layout.preferredHeight: fullwidget.height/1.5
contentItem: Kirigami.Icon {
source: "media-skip-forward"
}
onClicked: {
root.mediaNext()
console.log(mediaSource.playbackStatus)
console.log("next clicked")
}
padding: 0
background: null
}
}
}
}
}