From 0b13745351378c5025c5117e803c0c534cad8653 Mon Sep 17 00:00:00 2001
From: Scott Murray <scott.murray@konsulko.com>
Date: Wed, 15 Jan 2020 10:53:13 -0500
Subject: Add info page selected by steering wheel event

Add a information window that can be switched to based on the
"event.info" event from signal composer that the steering wheel
"Info" button results in. For now, it simply displays the vehicle
and engine speed in numeric form in a larger font, and a small
time display. The speeds are also driven by the corresponding
signal composer events that are hooked to the underlying CAN
messages.

Bug-AGL: SPEC-3109

Signed-off-by: Scott Murray <scott.murray@konsulko.com>
Change-Id: Ibe66ecdb94b854d4ebc7f98ad7e1bf01fc615f1a
---
 app/qml/InfoWindow.qml | 101 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 101 insertions(+)
 create mode 100644 app/qml/InfoWindow.qml

(limited to 'app/qml/InfoWindow.qml')

diff --git a/app/qml/InfoWindow.qml b/app/qml/InfoWindow.qml
new file mode 100644
index 0000000..4acba5d
--- /dev/null
+++ b/app/qml/InfoWindow.qml
@@ -0,0 +1,101 @@
+import QtQuick 2.9
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 2.0
+
+Rectangle {
+    id: infoWindow
+
+    anchors.fill: parent
+    color: "black"
+
+    property date now: new Date
+    Timer {
+        interval: 100; running: true; repeat: true;
+        onTriggered: parent.now = new Date
+    }
+
+    ColumnLayout {
+        anchors.fill: parent
+        spacing: 0
+
+        Text {
+            Layout.fillWidth: true
+            Layout.fillHeight: false
+            Layout.alignment: Qt.AlignHCenter
+            Layout.topMargin: parent.height / 10
+
+            text: now.toLocaleString(Qt.locale("en_US"), 'h:mm A')
+            font.pixelSize: 40
+            color: "white"
+            horizontalAlignment: Text.AlignHCenter
+            verticalAlignment: Text.AlignVCenter
+            padding: 0
+        }
+
+        Text {
+            id: speedText
+            Layout.fillWidth: true
+            Layout.alignment: Qt.AlignHCenter
+            Layout.topMargin: parent.height / 10
+
+            text: tbtnavi.vehicleSpeed.toFixed(0)
+            color: "white"
+            font.pixelSize: 280
+            // Slight hack to shrink the border around the text by tweaking
+            // the line height, note that it is font size dependent
+            lineHeight: 0.8
+            horizontalAlignment: Text.AlignHCenter
+            verticalAlignment: Text.AlignVCenter
+            padding: 0
+        }
+        Text {
+            id: speedLabel
+            Layout.fillWidth: true
+            Layout.alignment: Qt.AlignHCenter
+
+            text: "MPH"
+            color: "white"
+            font.pixelSize: 32
+            font.bold: true
+            horizontalAlignment: Text.AlignHCenter
+            verticalAlignment: Text.AlignVCenter
+            padding: 0
+        }
+
+        Text {
+            id: rpmText
+            Layout.fillWidth: true
+            Layout.alignment: Qt.AlignHCenter
+            Layout.topMargin: parent.height / 16
+
+            text: tbtnavi.engineSpeed.toFixed(0)
+            color: "white"
+            font.pixelSize: 64
+            font.bold: true
+            horizontalAlignment: Text.AlignHCenter
+            verticalAlignment: Text.AlignVCenter
+            padding: 0
+        }
+        Text {
+            id: rpmLabel
+            Layout.fillWidth: true
+            Layout.alignment: Qt.AlignHCenter
+
+            text: "RPM"
+            color: "white"
+            font.pixelSize: 32
+            font.bold: true
+            horizontalAlignment: Text.AlignHCenter
+            verticalAlignment: Text.AlignVCenter
+            padding: 0
+        }
+
+        // Use height filling rectangle to push things together,
+        // saving tinkering with minimum/preferred heights
+        Rectangle {
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+            color: "black"
+        }
+    }
+}
-- 
cgit 1.2.3-korg