Adding about page to Subsurface-mobile

This isn't pretty, but having the version string available on a place
that people are likely to find does make sense when going public with
the Subsurface-mobile. Especially when we do a public release, I assume
the developer menu with App log might not be readily available for
people to identify their installed version.

Signed-off-by: Miika Turkia <miika.turkia@gmail.com>
Signed-off-by: Dirk Hohndel <dirk@hohndel.org>

qt-mobile/qml/About.qml

@@ -0,0 +1,50 @@
+import QtQuick 2.3
+import QtQuick.Controls 1.2
+import QtQuick.Layouts 1.1
+import org.kde.plasma.mobilecomponents 0.2 as MobileComponents
+import org.subsurfacedivelog.mobile 1.0
+
+
+GridLayout {
+	columns: 2
+	width: parent.width - MobileComponents.Units.gridUnit
+	anchors {
+		fill: parent
+		margins: MobileComponents.Units.gridUnit / 2
+	}
+
+	MobileComponents.Heading {
+		text: "About"
+		Layout.bottomMargin: MobileComponents.Units.largeSpacing / 2
+		Layout.columnSpan: 2
+		Layout.alignment: Qt.AlignLeft
+	}
+
+	Image {
+		source:"qrc:/qml/subsurface-mobile-icon.png"
+	}
+
+	MobileComponents.Heading {
+		text: "A mobile version of Subsurface divelog software.\nView your dive logs while on the go."
+		level: 3
+		Layout.topMargin: MobileComponents.Units.largeSpacing
+		Layout.bottomMargin: MobileComponents.Units.largeSpacing / 2
+		Layout.columnSpan: 2
+	}
+
+	MobileComponents.Label {
+		text: "Version: " + manager.getVersion()
+	}
+
+	MobileComponents.Heading {
+		text: "\n\n© Subsurface developer team, 2016"
+		level: 3
+		Layout.topMargin: MobileComponents.Units.largeSpacing
+		Layout.bottomMargin: MobileComponents.Units.largeSpacing / 2
+		Layout.columnSpan: 2
+	}
+
+	Item {
+		Layout.fillHeight: true
+	}
+}

qt-mobile/qml/main.qml

@@ -161,8 +161,14 @@ MobileComponents.ApplicationWindow {
 						manager.verboseEnabled = checked;
 					}
 				}
+			},
+			Action {
+				text: "About"
+				onTriggered: {
+					stackView.push(aboutWindow)
+					detailsWindow.endEditMode()
+				}
 			}
-
 		] // end actions
 
 		MouseArea {
@@ -240,6 +246,11 @@ MobileComponents.ApplicationWindow {
 		visible: false
 	}
 
+	About {
+		id: aboutWindow
+		visible: false
+	}
+
 	CloudCredentials {
 		id: cloudCredWindow
 		visible: false

qt-mobile/qml/mobile-resources.qrc

@@ -3,6 +3,7 @@
 		<file>main.qml</file>
 		<file>TextButton.qml</file>
 		<file>Preferences.qml</file>
+		<file>About.qml</file>
 		<file>CloudCredentials.qml</file>
 		<file>DiveList.qml</file>
 		<file>DiveDetails.qml</file>