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>

1 files changed, 50 insertions, 0 deletions

diff --git a/qt-mobile/qml/About.qml b/qt-mobile/qml/About.qml
new file mode 100644
index 000000000..f8e57a7f5
--- /dev/null
+++ b/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
+	}
+}