summaryrefslogtreecommitdiffstats
path: root/app/Dashboard.qml
diff options
context:
space:
mode:
authorScott Murray <scott.murray@konsulko.com>2017-02-28 19:21:44 -0500
committerScott Murray <scott.murray@konsulko.com>2017-02-28 19:21:44 -0500
commit632e86c88bd34725cceec27c1b4b03b07fca0f63 (patch)
tree36be17f725b458afbe56176d4aa63e2c46502c67 /app/Dashboard.qml
parent4a52273df6c792a94a514637cc94e7137910a323 (diff)
Import latest code from CES2017 repodab_3.99.1dab/3.99.13.99.1
Change-Id: I5f97d0f3d11899fc78943f806f55b685c1cce9a5 Signed-off-by: Scott Murray <scott.murray@konsulko.com>
Diffstat (limited to 'app/Dashboard.qml')
-rw-r--r--app/Dashboard.qml201
1 files changed, 201 insertions, 0 deletions
diff --git a/app/Dashboard.qml b/app/Dashboard.qml
new file mode 100644
index 0000000..07bf19f
--- /dev/null
+++ b/app/Dashboard.qml
@@ -0,0 +1,201 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QtQuick 2.6
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 2.0
+
+ApplicationWindow {
+ id: root
+
+ Label {
+ id: speed
+ anchors.left: parent.left
+ anchors.top: parent.top
+ anchors.margins: 20
+ text: '1'
+ font.pixelSize: 256
+ }
+ Label {
+ id: unit
+ anchors.left: speed.right
+ anchors.baseline: speed.baseline
+ text: 'MPH'
+ font.pixelSize: 64
+ }
+ Label {
+ anchors.left: unit.left
+ anchors.top: unit.bottom
+ text: '100,000.5 MI'
+ font.pixelSize: 32
+ opacity: 0.5
+ }
+
+ Image {
+ id: car
+ anchors.centerIn: parent
+ source: './images/HMI_Dashboard_Car.png'
+ }
+
+ TirePressure {
+ anchors.right: car.left
+ anchors.rightMargin: -20
+ anchors.top: car.top
+ anchors.topMargin: 150
+ title: 'LEFT FRONT TIRE'
+ pressure: '23.1 PSI'
+ }
+
+ TirePressure {
+ anchors.right: car.left
+ anchors.rightMargin: -20
+ anchors.bottom: car.bottom
+ anchors.bottomMargin: 120
+ title: 'LEFT REAR TIRE'
+ pressure: '31.35 PSI'
+ }
+
+ TirePressure {
+ mirror: true
+ anchors.left: car.right
+ anchors.leftMargin: -20
+ anchors.top: car.top
+ anchors.topMargin: 150
+ title: 'RIGHT FRONT TIRE'
+ pressure: '24.2 PSI'
+ }
+
+ TirePressure {
+ mirror: true
+ anchors.left: car.right
+ anchors.leftMargin: -20
+ anchors.bottom : car.bottom
+ anchors.bottomMargin: 120
+ title: 'RIGHT REAR TIRE'
+ pressure: '33.0 PSI'
+ }
+
+ RowLayout {
+ anchors.left: parent.left
+ anchors.right: parent.right
+ anchors.bottom: parent.bottom
+ anchors.margins: 100
+
+ Image {
+ id: speedIcon
+ source: './images/HMI_Dashboard_Speed_Icon.svg'
+ }
+ ProgressBar {
+ Layout.fillWidth: true
+ value: 0.25
+ Label {
+ anchors.left: parent.left
+ anchors.top: parent.bottom
+ anchors.topMargin: 10
+ text: 'SPEED (MPH)'
+ font.pixelSize: 26
+ }
+ }
+ Item {
+ width: 30
+ height: 30
+ }
+ Image {
+ id: fuelIcon
+ source: './images/HMI_Dashboard_Fuel_Icon.svg'
+ }
+ ProgressBar {
+ Layout.fillWidth: true
+ value: 0.66
+ Image {
+ anchors.left: parent.left
+ anchors.leftMargin: -40
+ anchors.bottom: parent.top
+ source: './images/HMI_Dashboard_Fuel_Details.svg'
+ GridLayout {
+ anchors.fill: parent
+ columns: 2
+ rowSpacing: -10
+ Label {
+ Layout.fillWidth: true
+ Layout.preferredWidth: 3
+ Layout.fillHeight: true
+ verticalAlignment: Label.AlignVCenter
+ horizontalAlignment: Label.AlignRight
+ text: 'LEVEL:'
+ font.pixelSize: 24
+ }
+ Label {
+ Layout.fillWidth: true
+ Layout.preferredWidth: 4
+ Layout.fillHeight: true
+ verticalAlignment: Label.AlignVCenter
+ horizontalAlignment: Label.AlignLeft
+ text: '9 GALLONS'
+ font.pixelSize: 24
+ color: '#66FF99'
+ }
+ Label {
+ Layout.fillWidth: true
+ Layout.preferredWidth: 3
+ Layout.fillHeight: true
+ verticalAlignment: Label.AlignVCenter
+ horizontalAlignment: Label.AlignRight
+ text: 'RANGE:'
+ font.pixelSize: 24
+ }
+ Label {
+ Layout.fillWidth: true
+ Layout.preferredWidth: 4
+ Layout.fillHeight: true
+ verticalAlignment: Label.AlignVCenter
+ horizontalAlignment: Label.AlignLeft
+ text: '229 MI'
+ font.pixelSize: 24
+ color: '#66FF99'
+ }
+ Label {
+ Layout.fillWidth: true
+ Layout.preferredWidth: 3
+ Layout.fillHeight: true
+ verticalAlignment: Label.AlignVCenter
+ horizontalAlignment: Label.AlignRight
+ text: 'AVG:'
+ font.pixelSize: 24
+ }
+ Label {
+ Layout.fillWidth: true
+ Layout.preferredWidth: 4
+ Layout.fillHeight: true
+ verticalAlignment: Label.AlignVCenter
+ horizontalAlignment: Label.AlignLeft
+ text: '25.5 MPG'
+ font.pixelSize: 24
+ color: '#66FF99'
+ }
+ }
+ }
+
+ Label {
+ anchors.left: parent.left
+ anchors.top: parent.bottom
+ anchors.topMargin: 10
+ text: 'FUEL'
+ font.pixelSize: 26
+ }
+ }
+ }
+}