Implemented Watch Info page

1 files changed, 80 insertions, 0 deletions

diff --git a/app/qml/pages/WatchInfo.qml b/app/qml/pages/WatchInfo.qml
new file mode 100644
index 0000000..9ae1135
--- /dev/null
+++ b/app/qml/pages/WatchInfo.qml
@@ -0,0 +1,80 @@
+import QtQuick 2.0
+import QtQml 2.1
+import Sailfish.Silica 1.0
+
+Page {
+    id: watchInfoPage
+
+    property string firmwareVersion
+    property string recoveryVersion
+
+    Component.onCompleted: {
+        pebbled.info.firmware.forEach(function(firmware){
+            if (firmware.recovery) {
+                recoveryVersion = firmware.version
+            } else {
+                firmwareVersion = firmware.version
+            }
+        })
+    }
+
+    Column {
+        id: column
+        width: watchInfoPage.width
+        spacing: Theme.paddingMedium
+
+        PageHeader {
+            title: pebbled.name
+        }
+
+        Grid {
+            columns: 2
+            spacing: Theme.paddingMedium
+            anchors {
+                left: parent.left
+                right: parent.right
+                margins: Theme.paddingLarge
+            }
+
+            Label {
+                color: Theme.highlightColor
+                text: qsTr("Address")
+            }
+            Label {
+                text: pebbled.info.address
+            }
+
+            Label {
+                color: Theme.highlightColor
+                text: qsTr("Serial Number")
+            }
+            Label {
+                text: pebbled.info.serial
+            }
+
+            Label {
+                color: Theme.highlightColor
+                text: qsTr("BootLoader")
+            }
+            Label {
+                text: new Date(pebbled.info.bootloader * 1000).toLocaleString(Qt.locale(), Locale.ShortFormat)
+            }
+
+            Label {
+                color: Theme.highlightColor
+                text: qsTr("Firmware")
+            }
+            Label {
+                text: firmwareVersion
+            }
+
+            Label {
+                color: Theme.highlightColor
+                text: qsTr("Recovery")
+            }
+            Label {
+                text: recoveryVersion
+            }
+        }
+    }
+}