Prettify info page

qml/models/Manifest.qml

@@ -2,4 +2,30 @@ pragma Singleton
 import QtQuick 2.4
 
 Item {
+	id: manifest
+	property string name : ""
+	property string description : ""
+	property string architecture : ""
+	property string title : ""
+	property string version : ""
+	property string maintainer : ""
+	property string framework : ""
+	
+    Component.onCompleted: {
+		var xhr = new XMLHttpRequest;
+		xhr.open("GET", "../../manifest.json");
+		xhr.onreadystatechange = function() {
+			if (xhr.readyState == XMLHttpRequest.DONE) {
+				var mJson = JSON.parse(xhr.responseText);
+				manifest.name = mJson.name
+				manifest.description = mJson.description
+				manifest.architecture = mJson.architecture
+				manifest.title = mJson.title
+				manifest.version = mJson.version
+				manifest.maintainer = mJson.maintainer
+				manifest.framework = mJson.framework
+			}
+		};
+		xhr.send();
+	}	
 }

qml/models/qmldir

@@ -1,2 +1,2 @@
-singleton Passtore 1.0 Passtore.qml
+singleton PasswordStore 1.0 PasswordStore.qml
 singleton Manifest 1.0 Manifest.qml

qml/pages/Info.qml

@@ -2,6 +2,7 @@ import QtQuick 2.4
 import Ubuntu.Components 1.3
 import "headers"
 import "../components"
+import "../models"
 
 Page {
     header: StackHeader {
@@ -16,11 +17,18 @@ Page {
         color: "#FFF"
 
         Flow {
-            spacing: 2
+            spacing: units.gu(3)
             anchors.fill: parent
-            Rectangle {
+			Rectangle {
+                width: parent.width
+                height: units.gu(1)
+            }
+			Text {
+                horizontalAlignment: Text.AlignHCenter
+				verticalAlignment: Text.AlignVCenter
                 width: parent.width
                 height: units.gu(4)
+                text: i18n.tr('<b><font size="6">%1</font></b>').arg(Manifest.title)
             }
             Rectangle {
                 width: parent.width
@@ -32,26 +40,40 @@ Page {
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
             }
-            Rectangle {
+			Text {
+                horizontalAlignment: Text.AlignHCenter
                 width: parent.width
-                height: units.gu(4)
+                height: units.gu(6)
+                text: i18n.tr('<font size="4">Maintainer<br>%1</font>').arg(Manifest.maintainer)
             }
             Text {
                 horizontalAlignment: Text.AlignHCenter
                 width: parent.width
                 height: units.gu(6)
-                text: i18n.tr('UTPass')
+                text: i18n.tr('<font size="4">Version<br>%1</font><br>%2@%3').arg(Manifest.version).arg(Manifest.framework).arg(Manifest.architecture)
             }
-            Text {
-                horizontalAlignment: Text.AlignHCenter
-                width: parent.width
-                height: units.gu(6)
-                text: "Version" //i18n.tr("Version %1").arg(Manifest.get("version"))
-            }
-            Link {
+
+        }
+		Flow {
+			spacing: 2
+            anchors.bottom: parent.bottom
+			anchors.right: parent.right
+			anchors.left: parent.left
+			Link {
                 url: "https://github.com/QRouland/UTPass/issues"
                 text: i18n.tr('Suggest improvement(s) or report a bug(s)')
             }
-        }
+			Link {
+                url: "https://github.com/QRouland/UTPass"
+                text: i18n.tr('Access to the source code')
+            }
+			Text {
+				width: parent.width
+                height: units.gu(3)
+				horizontalAlignment: Text.AlignHCenter
+				verticalAlignment: Text.AlignVCenter
+                text: i18n.tr('<font size="2">Released under the terms of the GNU GPL v3</font>')
+            }
+		}
     }
 }