QML UI: Move DiveDetails to the StackView

Add a DiveDetails.qml to hold the dive details, and display it in
the stack view when the user taps on a dive.

Signed-off-by: Grace Karanja <gracie.karanja89@gmail.com>

1 files changed, 85 insertions, 0 deletions

diff --git a/qt-mobile/DiveDetails.qml b/qt-mobile/DiveDetails.qml
new file mode 100644
index 000000000..5dfefdff8
--- /dev/null
+++ b/qt-mobile/DiveDetails.qml
@@ -0,0 +1,85 @@
+import QtQuick 2.3
+import QtQuick.Controls 1.2
+import QtQuick.Window 2.2
+import QtQuick.Dialogs 1.2
+import QtQuick.Layouts 1.1
+import org.subsurfacedivelog.mobile 1.0
+
+Item {
+	id: diveDetailsWindow
+	width: parent.width
+
+	property string location
+	property string dive_id
+	property string airtemp
+	property string watertemp
+	property string suit
+	property string buddy
+	property string divemaster;
+	property string notes;
+
+	onDive_idChanged: {
+		qmlProfile.diveId = dive_id
+		qmlProfile.update()
+	}
+
+	Flickable {
+		id: flick
+		width: parent.width
+		anchors { top: parent.top; bottom: parent.bottom }
+		contentHeight: parent.height
+		clip: true
+		ColumnLayout {
+			width: parent.width
+			RowLayout {
+				Button {
+					text: "Back"
+					onClicked: {
+						manager.commitChanges(
+									dive_id,
+									suit,
+									buddy,
+									divemaster,
+									notes
+									)
+						stackView.pop();
+					}
+				}
+			}
+
+			GridLayout {
+				id: editorDetails
+				width: parent.width
+				columns: 2
+				Text { }
+				QMLProfile {
+					id: qmlProfile
+					height: 500
+					Layout.fillWidth: true
+				}
+				Text { text: "Location:"; font.bold: true }
+				TextField { id: txtLocation; text: location; Layout.fillWidth: true }
+				Text { text: "Air Temp:"; font.bold: true }
+				TextField { id: txtAirTemp; text: airtemp; Layout.fillWidth: true }
+				Text { text: "Water Temp:"; font.bold: true }
+				TextField { id: txtWaterTemp; text: watertemp; Layout.fillWidth: true }
+				Text { text: "Suit:"; font.bold: true }
+				TextField { id: txtSuit; text: suit; Layout.fillWidth: true }
+				Text { text: "Buddy:"; font.bold: true }
+				TextField { id: txtBuddy; text: buddy; Layout.fillWidth: true }
+				Text { text: "Dive Master:"; font.bold: true }
+				TextField { id: txtDiveMaster; text: divemaster; Layout.fillWidth: true}
+				Text { text: "Notes:"; font.bold: true }
+				TextEdit{
+					id: txtNotes
+					text: notes
+					focus: true
+					Layout.fillWidth: true
+					Layout.fillHeight: true
+					selectByMouse: true
+					wrapMode: TextEdit.WrapAtWordBoundaryOrAnywhere
+				}
+			}
+		}
+	}
+}