iot-sensortag: Add an About tab

For the watch UI it is helpful to provide an About to visualize it is a
Qt application.

Change-Id: I83779c038dcaac12ca873b53f4d82d0e801233f2
Reviewed-by: Andrew O'Doherty <andrew.odoherty@qt.io>
Reviewed-by: Oliver Wolff <oliver.wolff@qt.io>
Reviewed-by: Alex Blasche <alexander.blasche@qt.io>

1 files changed, 48 insertions, 0 deletions

diff --git a/tradeshow/iot-sensortag/resources/watch/MainWatch.qml b/tradeshow/iot-sensortag/resources/watch/MainWatch.qml
index 5fd6153..5a500a2 100644
--- a/tradeshow/iot-sensortag/resources/watch/MainWatch.qml
+++ b/tradeshow/iot-sensortag/resources/watch/MainWatch.qml
@@ -226,6 +226,54 @@ Item {
                 title: ""
             }
         }
+
+        Item {
+            Text {
+                text: qsTr("About")
+                anchors.fill: parent
+                color: "white"
+                font.pixelSize: titleFontSize
+            }
+
+            Rectangle {
+                id: aboutView
+                width: swipePane.width
+                height: swipePane.height
+                color: "transparent"
+
+                ColumnLayout {
+                    id: aboutLayout
+                    width: parent.width * 0.8
+                    height: parent.width * 0.8
+                    anchors.centerIn: parent
+
+                    Image {
+                        source: "images/BuiltWithQt.png"
+                        fillMode: Image.PreserveAspectFit
+                        width: parent.width
+                        Layout.maximumWidth: parent.width - 20
+                        Layout.maximumHeight: 100
+                        anchors.horizontalCenter: parent.horizontalCenter
+                    }
+
+                    Text {
+                        id: qtLinkLabel
+                        color: "white"
+                        text: "Visit us at http://qt.io"
+                        anchors.horizontalCenter: parent.horizontalCenter
+                        font.pixelSize: Style.indicatorTitleSize
+                    }
+
+                    Text {
+                        color: "white"
+                        text: "qt.io/demos/IoTScale"
+                        anchors.horizontalCenter: parent.horizontalCenter
+                        font.pixelSize: Style.indicatorTitleSize
+                    }
+                }
+            }
+        }
+
     }
 
     TopToolbar {