First integration of new HMI design

[staging/HomeScreen.git] / HomeScreen / qml / ShortcutArea.qml

diff --git a/HomeScreen/qml/ShortcutArea.qml b/HomeScreen/qml/ShortcutArea.qml
new file mode 100644 (file)
index 0000000..1d4a7c0
--- /dev/null
+++ b/HomeScreen/qml/ShortcutArea.qml
@@ -0,0 +1,76 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016 Mentor Graphics Development (Deutschland) GmbH
+ *
+ * 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.2
+import QtQuick.Layouts 1.1
+import HomeScreen 1.0
+
+Item {
+    id: root
+    width: 785
+    height: 218
+
+    ApplicationLauncher {
+        id: launcher
+    }
+
+    LayoutHandler {
+        id: layoutHandler
+    }
+
+    ListModel {
+        id: applicationModel
+        ListElement {
+            name: 'Home'
+            application: 'webapps-rabbit@0.0'
+        }
+        ListElement {
+            name: 'Multimedia'
+            application: 'smarthome@0.1'
+        }
+        ListElement {
+            name: 'HVAC'
+            application: 'hvac'
+        }
+        ListElement {
+            name: 'Navigation'
+            application: 'navigation'
+        }
+    }
+
+    property int currentIndex: -1 // TODO: to be moved to whereever right
+    property int pid: -1
+
+    RowLayout {
+        anchors.fill: parent
+        spacing: 2
+        Repeater {
+            model: applicationModel
+            delegate: ShortcutIcon {
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+                name: model.name
+                active: model.index === root.currentIndex
+                onClicked: {
+                    root.currentIndex = active ? -1 : model.index
+                    pid = launcher.launch(model.application)
+                    layoutHandler.makeMeVisible(pid)
+                }
+            }
+        }
+    }
+}