1 files changed, 51 insertions, 0 deletions
diff --git a/app/Shift.qml b/app/Shift.qml
new file mode 100644
index 0000000..60a0f0f
--- /dev/null
+++ b/app/Shift.qml
@@ -0,0 +1,51 @@
+/*
+ * Copyright (c) 2017 TOYOTA MOTOR CORPORATION
+ *
+ * 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.0
+import QtWebSockets 1.0
+
+Row {
+    property real percent: 1
+    property var carshift: [
+        "images/meters/tacho_shift_N.svg", "images/meters/tacho_shift_D.svg"
+    ]
+
+    property var wheelshift: [
+        "images/meters/tacho_shift_1.svg", "images/meters/tacho_shift_2.svg",
+        "images/meters/tacho_shift_3.svg", "images/meters/tacho_shift_4.svg",
+        "images/meters/tacho_shift_5.svg", "images/meters/tacho_shift_6.svg"
+    ]
+
+    Image {
+        width: percent*sourceSize.width
+        height: percent*sourceSize.height
+        fillMode: Image.PreserveAspectFit
+        smooth: true
+        asynchronous: true
+        source: wshift === 0 ? carshift[0] : carshift[1]
+    }
+
+    Image {
+        visible: wshift > 0
+        width: percent*sourceSize.width
+        height: percent*sourceSize.height
+        fillMode: Image.PreserveAspectFit
+        smooth: true
+        asynchronous: true
+        source: (wshift > 0 && wshift <= wheelshift.length) ? wheelshift[wshift-1] : wheelshift[0]
+    }
+}