mirror of
https://github.com/subsurface/subsurface.git
synced 2025-02-19 22:16:15 +00:00
QML UI: add DownloadDiveDelegate
A delegate to display the dives in a better way, based on the code from DiveList.qml Signed-off-by: Tomaz Canabrava <tcanabrava@kde.org> Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
parent
81277c259b
commit
1de1a85e32
3 changed files with 92 additions and 21 deletions
81
mobile-widgets/qml/DownloadedDiveDelegate.qml
Normal file
81
mobile-widgets/qml/DownloadedDiveDelegate.qml
Normal file
|
@ -0,0 +1,81 @@
|
|||
import QtQuick 2.6
|
||||
import QtQuick.Controls 2.0
|
||||
import QtQuick.Window 2.2
|
||||
import QtQuick.Dialogs 1.2
|
||||
import QtQuick.Layouts 1.3
|
||||
import org.subsurfacedivelog.mobile 1.0
|
||||
import org.kde.kirigami 2.0 as Kirigami
|
||||
|
||||
Kirigami.AbstractListItem {
|
||||
id: innerListItem
|
||||
|
||||
property string depth
|
||||
property string datetime
|
||||
property string duration
|
||||
|
||||
enabled: true
|
||||
supportsMouseEvents: true
|
||||
width: parent.width
|
||||
|
||||
property real detailsOpacity : 0
|
||||
property int horizontalPadding: Kirigami.Units.gridUnit / 2 - Kirigami.Units.smallSpacing + 1
|
||||
property color textColor: subsurfaceTheme.diveListTextColor
|
||||
|
||||
Row {
|
||||
width: parent.width
|
||||
height: childrenRect.height + Kirigami.Units.smallSpacing
|
||||
spacing: horizontalPadding
|
||||
|
||||
add: Transition {
|
||||
NumberAnimation { property: "opacity"; from: 0; to: 1.0; duration: 400 }
|
||||
NumberAnimation { property: "scale"; from: 0; to: 1.0; duration: 400 }
|
||||
}
|
||||
Item {
|
||||
id: diveListEntry
|
||||
width: parent.width - Kirigami.Units.gridUnit * (innerListItem.deleteButtonVisible ? 3 : 1)
|
||||
height: childrenRect.height - Kirigami.Units.smallSpacing
|
||||
|
||||
Kirigami.Label {
|
||||
id: depthLabel
|
||||
text: "Depth " + innerListItem.depth
|
||||
font.weight: Font.Light
|
||||
elide: Text.ElideRight
|
||||
maximumLineCount: 1 // needed for elide to work at all
|
||||
anchors {
|
||||
left: parent.left
|
||||
leftMargin: horizontalPadding
|
||||
top: parent.top
|
||||
right: dateLabel.left
|
||||
}
|
||||
}
|
||||
Kirigami.Label {
|
||||
id: dateLabel
|
||||
text: innerListItem.datetime
|
||||
font.pointSize: subsurfaceTheme.smallPointSize
|
||||
anchors {
|
||||
bottom: parent.bottom
|
||||
right: parent.right
|
||||
top: parent.top
|
||||
}
|
||||
}
|
||||
Row {
|
||||
anchors {
|
||||
top: depthLabel.bottom
|
||||
left: parent.left
|
||||
leftMargin: horizontalPadding
|
||||
right: parent.right
|
||||
rightMargin: horizontalPadding
|
||||
topMargin: - Kirigami.Units.smallSpacing * 2
|
||||
}
|
||||
Kirigami.Label {
|
||||
text: qsTr('Duration: ')
|
||||
font.pointSize: subsurfaceTheme.smallPointSize
|
||||
}
|
||||
Kirigami.Label {
|
||||
text: innerListItem.duration
|
||||
font.pointSize: subsurfaceTheme.smallPointSize
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue