From 4b4df28ecdd528c3ad74b95b6ab00a29f24d256a Mon Sep 17 00:00:00 2001 From: Dirk Hohndel Date: Fri, 21 Feb 2020 21:32:40 -0800 Subject: mobile UI: add divelist context drawer action to edit trip details For now this only shows the trip details. They can be edited on the page, but there is no way to save those edits, yet. Signed-off-by: Dirk Hohndel --- mobile-widgets/qml/TripDetails.qml | 66 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 66 insertions(+) create mode 100644 mobile-widgets/qml/TripDetails.qml (limited to 'mobile-widgets/qml/TripDetails.qml') diff --git a/mobile-widgets/qml/TripDetails.qml b/mobile-widgets/qml/TripDetails.qml new file mode 100644 index 000000000..7f0a69be0 --- /dev/null +++ b/mobile-widgets/qml/TripDetails.qml @@ -0,0 +1,66 @@ +// SPDX-License-Identifier: GPL-2.0 +import QtQuick 2.6 +import QtQuick.Controls 2.2 as Controls +import QtQuick.Layouts 1.2 +import org.subsurfacedivelog.mobile 1.0 +import org.kde.kirigami 2.4 as Kirigami + +Kirigami.Page { + id: tripEditPage + objectName: "TripDetails" + property string tripLocation + property string tripNotes + + title: "" !== tripLocation ? tripLocation : qsTr("Trip details") + state: "view" + padding: Kirigami.largeSpacing + background: Rectangle { color: subsurfaceTheme.backgroundColor } + width: rootItem.colWidth + Flickable { + id: tripEditFlickable + anchors.fill: parent + GridLayout { + columns: 2 + width: tripEditFlickable.width + TemplateLabel { + Layout.columnSpan: 2 + id: title + text: qsTr("Edit trip details") + font.pointSize: subsurfaceTheme.titlePointSize + font.bold: true + } + Rectangle { + id: spacer + Layout.columnSpan: 2 + color: subsurfaceTheme.backgroundColor + height: Kirigami.Units.gridUnit + width: 1 + } + + TemplateLabel { + text: qsTr("Trip location:") + opacity: 0.6 + } + SsrfTextField { + Layout.fillWidth: true + text: tripLocation + flickable: tripEditFlickable + } + TemplateLabel { + Layout.columnSpan: 2 + text: qsTr("Trip notes") + opacity: 0.6 + } + Controls.TextArea { + text: tripNotes + textFormat: TextEdit.RichText + Layout.columnSpan: 2 + Layout.fillWidth: true + Layout.fillHeight: true + Layout.minimumHeight: Kirigami.Units.gridUnit * 6 + selectByMouse: true + wrapMode: TextEdit.WrapAtWordBoundaryOrAnywhere + } + } + } +} -- cgit v1.2.3-70-g09d2