First integration of new HMI design

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

diff --git a/HomeScreen/qml/StatusArea.qml b/HomeScreen/qml/StatusArea.qml
new file mode 100644 (file)
index 0000000..4ed969d
--- /dev/null
+++ b/HomeScreen/qml/StatusArea.qml
@@ -0,0 +1,103 @@
+/*
+ * 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 QtQuick.Controls 1.0
+import HomeScreen 1.0
+
+Item {
+    id: root
+    width: 295
+    height: 218
+
+    property date now: new Date
+    Timer {
+        interval: 100; running: true; repeat: true;
+        onTriggered: root.now = new Date
+    }
+
+    RowLayout {
+        anchors.fill: parent
+        spacing: 0
+        Item {
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+            Layout.preferredWidth: 295 - 76
+            ColumnLayout {
+                anchors.fill: parent
+                anchors.margins: 40
+                spacing: 0
+                Label {
+                    Layout.fillWidth: true
+                    Layout.fillHeight: true
+                    text: Qt.formatDate(now, 'dddd').toUpperCase()
+                    font.family: 'Roboto'
+                    font.pixelSize: 13
+                    color: 'white'
+                    verticalAlignment:  Text.AlignVCenter
+//                    Rectangle {
+//                        anchors.fill: parent
+//                        anchors.margins: 5
+//                        color: 'red'
+//                        border.color: 'blue'
+//                        border.width: 1
+//                        z: -1
+//                    }
+                }
+                Label {
+                    Layout.fillWidth: true
+                    Layout.fillHeight: true
+                    text: Qt.formatTime(now, 'h:mm ap').toUpperCase()
+                    font.family: 'Roboto'
+                    font.pixelSize: 40
+                    color: 'white'
+                    horizontalAlignment:  Text.AlignHCenter
+                    verticalAlignment:  Text.AlignVCenter
+                }
+                RowLayout {
+                    Layout.fillWidth: true
+                    Layout.fillHeight: true
+                    Layout.preferredHeight: 20
+                    Image {
+                        source: './images/Weather/WeatherIcons_Rain-01.png'
+                    }
+                    Label {
+                        text: '64°F'
+                        color: 'white'
+                        font.family: 'Helvetica'
+                        font.pixelSize: 32
+                    }
+                }
+            }
+        }
+        ColumnLayout {
+            id: icons
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+            Layout.preferredWidth: 76
+            spacing: -10
+            Repeater {
+                model: StatusBarModel {}
+                delegate: Image {
+                    source: model.modelData
+                    fillMode: Image.PreserveAspectFit
+                }
+            }
+        }
+    }
+}