1 files changed, 78 insertions, 0 deletions
diff --git a/app/TotalDistance.qml b/app/TotalDistance.qml
new file mode 100644
index 0000000..c8fadeb
--- /dev/null
+++ b/app/TotalDistance.qml
@@ -0,0 +1,78 @@
+import QtQuick 2.0
+import QtQuick.Layouts 1.1
+
+Item {
+    id: root
+    property int units: 0
+    property int tenths: 0
+    ListModel {
+        id: model
+        ListElement {
+            name: "0"
+            picturePath: "qrc:no_0.png"
+        }
+        ListElement {
+            name: "1"
+            picturePath: "qrc:no_1.png"
+        }
+        ListElement {
+            name: "2"
+            picturePath: "qrc:no_2.png"
+        }
+        ListElement {
+            name: "3"
+            picturePath: "qrc:no_3.png"
+        }
+        ListElement {
+            name: "4"
+            picturePath: "qrc:no_4.png"
+        }
+        ListElement {
+            name: "5"
+            picturePath: "qrc:no_5.png"
+        }
+        ListElement {
+            name: "6"
+            picturePath: "qrc:no_6.png"
+        }
+        ListElement {
+            name: "7"
+            picturePath: "qrc:no_7.png"
+        }
+        ListElement {
+            name: "8"
+            picturePath: "qrc:no_8.png"
+        }
+        ListElement {
+            name: "9"
+            picturePath: "qrc:no_9.png"
+        }
+    }
+
+    RowLayout {
+        anchors.fill: parent
+        Image {
+            id: units_image
+            width: parent.width * 0.45
+            source: "qrc:no_0.png"
+        }
+        Image {
+            id: point_image
+            width: parent.width * 0.1
+            source: "qrc:no_comma.png"
+        }
+        Image {
+            id: tenths_image
+            width: parent.width * 0.45
+            source: "qrc:no_0.png"
+        }
+    }
+
+    function setTotalDistance(dis) {
+        units = dis % 10
+        tenths = (dis - units) * 10
+        units_image.source = model.get(units).picturePath
+        tenths_image.source = model.get(tenths).picturePath
+    }
+
+}