Castopod
/
kasts
mirror of https://github.com/KDE/kasts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add title and feed name below image in PlayerControls

This commit is contained in:
Bart De Vries 2021-04-09 11:46:25 +02:00
parent 518dbf293e
commit 5d5ca2c58b
1 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/qml/PlayerControls.qml
View File

@ -34,14 +34,38 @@ Kirigami.Page {
Layout.preferredHeight: parent.height - media.height - indicator.height
Layout.margins: 0
Item {
property int textMargin: Kirigami.Units.gridUnit // margin above and below the text below the image
Image {
id: coverImage
asynchronous: true
source: audio.entry.image === "" ? "logo.png" : "file://"+Fetcher.image(audio.entry.image)
fillMode: Image.PreserveAspectFit
anchors.centerIn: parent
//Layout.alignment: Qt.AlignVCenter | Qt.AlignHCenter
width: Math.min(parent.width, Kirigami.Units.iconSizes.enormous * 3)
height: Math.min(parent.height, Kirigami.Units.iconSizes.enormous * 3)
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: parent.top
anchors.topMargin: Math.max(0, parent.height - (height + imageLabels.height + 2*parent.textMargin))/2
height: Math.min( Math.min(parent.height, Kirigami.Units.iconSizes.enormous * 3)-(imageLabels.height+2*parent.textMargin),
Math.min(parent.width, Kirigami.Units.iconSizes.enormous * 3))
width: height
}
ColumnLayout {
id: imageLabels
anchors.top: coverImage.bottom
anchors.left: parent.left
anchors.right: parent.right
anchors.topMargin: parent.textMargin
Controls.Label {
text: audio.entry.title
elide: Text.ElideRight
Layout.alignment: Qt.AlignHCenter
Layout.maximumWidth: parent.width
}
Controls.Label {
text: audio.entry.feed.name
elide: Text.ElideRight
Layout.alignment: Qt.AlignHCenter
Layout.maximumWidth: parent.width
opacity: 0.6
}
}
}
Item {