Moved CarDemo component to a module

Moved the CarDemo component in the My Car page to a module. This makes it
easier to replace it with a different component, such as the Qt3D-based
component (in a separate repository).

Change-Id: I91147a1aa7483b9045feee9964cea4528c348836
Reviewed-by: Dominik Holland <dominik.holland@pelagicore.com>

2 files changed, 14 insertions, 4 deletions

diff --git a/sysui/MyCar/MyCarOverview.qml b/sysui/MyCar/MyCarOverview.qml
index 6b4472e..d7ca794 100644
--- a/sysui/MyCar/MyCarOverview.qml
+++ b/sysui/MyCar/MyCarOverview.qml
@@ -33,6 +33,7 @@ import QtQuick 2.1
 import QtQuick.Layouts 1.0
 import controls 1.0
 import utils 1.0
+import visualization 1.0
 
 UIElement {
     id: root
@@ -78,17 +79,26 @@ UIElement {
             Layout.fillHeight: true
 
             Loader {
+                id: demoLoader
                 width: parent.width
                 height: Style.vspan(15)
-                sourceComponent: carDemo
+                sourceComponent: carOverview
             }
         }
     }
 
     Component {
-        id: carDemo
-        Image {
-            source: "white.png"
+        id: carOverview
+        CarVisualization { }
+    }
+
+    Connections {
+        target: view
+        onCurrentIndexChanged: {
+            if (demoLoader.status == Loader.Ready) {
+                var demo = demoLoader.item;
+                demo.overviewItem = view.currentIndex;
+            }
         }
     }
 }
diff --git a/sysui/MyCar/white.png b/sysui/MyCar/white.png
deleted file mode 100644
index a181253..0000000
--- a/sysui/MyCar/white.png
+++ /dev/null