Add tbtnavi for vertical mode

Add tbtnavi for vertical mode.
This application use waltham transmitter send video to horizontal mode.

Change-Id: Icc8bb14f9c83439d90f28d0960e435a43a5e5245
Signed-off-by: zheng_wenlong <wenlong_zheng@nexty-ele.com>

1 files changed, 37 insertions, 0 deletions

diff --git a/demo3/vertical/tbtnavi_demo/app/qml/DateAndTime.qml b/demo3/vertical/tbtnavi_demo/app/qml/DateAndTime.qml
new file mode 100644
index 0000000..c9e2af7
--- /dev/null
+++ b/demo3/vertical/tbtnavi_demo/app/qml/DateAndTime.qml
@@ -0,0 +1,37 @@
+import QtQuick 2.0
+import QtQuick.Controls 2.2
+import QtQuick.Layouts 1.0
+
+Item {
+    id: dateAndTime
+
+    width: 53 * hspan
+    height: 33 * vspan
+
+    property int hspan: 4
+    property int vspan: 1
+    property var currentDate: new Date();
+
+    RowLayout {
+        anchors.top: parent.top
+        anchors.horizontalCenter: parent.horizontalCenter
+        spacing: 10
+
+        CustomLabel {
+            font.capitalization: Font.AllUppercase
+            text: Qt.formatDateTime(dateAndTime.currentDate, "HH:mm")
+            font.pixelSize: 38
+            color: "#000000"
+        }
+    }
+
+    Timer {
+        interval: 60000
+        running: true
+        repeat: true
+
+        onTriggered: {
+            dateAndTime.currentDate = new Date();
+        }
+    }
+}