subsurface/mobile-widgets/qml/DownloadedDiveDelegate.qml
Jan Mulder 3b5375d553 QML UI: Kirigami to 2.2
When first tested this commit, especially the dive list was looking
terrible. However, after including newer SHA's from libkirigami, and
correcting lots of spacing/margin issue, a retest of this commit shows
no strange artifact any more, and the amount of warnings in the log
output is reduced significantly. So now, it appears save to
upgrade.

Notice that main.qml still uses Kirigami 2.0. and is not updated in
this commit. With version 2.2, there is a new way of theming, that
is not (yet) compatible with our current code. Blindly upgrading to
2.2 leads to a almost black dive list, wrong button colors, and
runtime errors in the log, due to the fact the direct setting from
QML Kirigami's Theme colors is not allowed any more.

Signed-off-by: Jan Mulder <jlmulder@xs4all.nl>
2017-11-19 12:20:43 -08:00

64 lines
1.8 KiB
QML

import QtQuick 2.6
import QtQuick.Controls 2.0 as Controls
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.2 as Kirigami
Kirigami.AbstractListItem {
id: innerListItem
property string depth
property string datetime
property string duration
property bool selected
enabled: true
supportsMouseEvents: true
width: parent.width
height: Math.round(Kirigami.Units.gridUnit * 1.8)
padding: 0
property real detailsOpacity : 0
property color textColor: subsurfaceTheme.secondaryTextColor
Row {
id: downloadedDive
width: parent.width
spacing: Kirigami.Units.largeSpacing
padding: 0
anchors.leftMargin: Math.round (Kirigami.Units.largeSpacing / 2)
anchors.fill: parent
add: Transition {
NumberAnimation { property: "opacity"; from: 0; to: 1.0; duration: 400 }
NumberAnimation { property: "scale"; from: 0; to: 1.0; duration: 400 }
}
SsrfCheckBox {
id: diveIsSelected
checked: innerListItem.selected;
width: childrenRect.width - Kirigami.Units.smallSpacing;
height: childrenRect.heigh - Kirigami.Units.smallSpacing;
anchors.verticalCenter: parent.verticalCenter
onClicked: {
console.log("Clicked on the checkbox of item " + index)
importModel.selectRow(index)
}
}
Controls.Label {
id: dateLabel
text: innerListItem.datetime
anchors.verticalCenter: parent.verticalCenter
width: Math.round(parent.width * 0.35)
font.pointSize: subsurfaceTheme.smallPointSize
color: textColor
}
Controls.Label {
text: innerListItem.depth + ' / ' + innerListItem.duration
anchors.verticalCenter: parent.verticalCenter
width: Math.round(parent.width * 0.35)
font.pointSize: subsurfaceTheme.smallPointSize
color: textColor
}
}
}