aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorRomain Forlot <romain.forlot@iot.bzh>2016-12-07 16:56:56 +0000
committerRomain Forlot <romain.forlot@iot.bzh>2016-12-07 16:56:56 +0000
commit9a1a65486708324d3b7f8c0c3da51f1600622d5f (patch)
tree6a0d445eade0ebfdab6e382a65233e49d60d0cd1
parent0f2bcc5727f1873f0ff127cd92cfa4db40b74ec5 (diff)
Imported new HVAC apps from reworked CES2017 apps
Change-Id: Ia268672a55429ceaadbae35a92c2fb8ee69ab5cb Signed-off-by: Romain Forlot <romain.forlot@iot.bzh>
-rw-r--r--qml/ClimateButton.qml30
-rw-r--r--qml/FanControl.qml54
-rw-r--r--qml/HVAC.pro17
-rw-r--r--qml/HVAC.qml168
-rw-r--r--qml/HazardButton.qml37
-rw-r--r--qml/MiddleColumn.qml33
-rw-r--r--qml/SeatHeatButton.qml39
-rw-r--r--qml/TempSlider.qml61
-rw-r--r--qml/TemperatureWheel.qml56
-rw-r--r--qml/hvac-demo-app.qml87
-rw-r--r--qml/images/HMI_HVAC_AC_Active.svg90
-rw-r--r--qml/images/HMI_HVAC_AC_Inactive.svg78
-rw-r--r--qml/images/HMI_HVAC_AirDown_Active.svg121
-rw-r--r--qml/images/HMI_HVAC_AirDown_Inactive.svg69
-rw-r--r--qml/images/HMI_HVAC_AirRight_Active.svg123
-rw-r--r--qml/images/HMI_HVAC_AirRight_Inactive.svg72
-rw-r--r--qml/images/HMI_HVAC_AirUp_Active.svg126
-rw-r--r--qml/images/HMI_HVAC_AirUp_Inactive.svg75
-rw-r--r--qml/images/HMI_HVAC_Auto_Active.svg78
-rw-r--r--qml/images/HMI_HVAC_Auto_Inactive.svg66
-rw-r--r--qml/images/HMI_HVAC_ChairIndicator_OFF.svg76
-rw-r--r--qml/images/HMI_HVAC_ChairIndicator_One.svg71
-rw-r--r--qml/images/HMI_HVAC_ChairIndicator_Two.svg77
-rw-r--r--qml/images/HMI_HVAC_Circulation_Active.svg198
-rw-r--r--qml/images/HMI_HVAC_Circulation_Inactive.svg87
-rw-r--r--qml/images/HMI_HVAC_Fan_Icon.svg81
-rw-r--r--qml/images/HMI_HVAC_Fan_Section.svg123
-rw-r--r--qml/images/HMI_HVAC_Front_Active.svg111
-rw-r--r--qml/images/HMI_HVAC_Front_Inactive.svg72
-rw-r--r--qml/images/HMI_HVAC_LeftChair_Section.svg209
-rw-r--r--qml/images/HMI_HVAC_LeftDetails.svg99
-rw-r--r--qml/images/HMI_HVAC_Left_Chair_OFF.svg87
-rw-r--r--qml/images/HMI_HVAC_Left_Chair_ON.svg99
-rw-r--r--qml/images/HMI_HVAC_Minus.svg88
-rw-r--r--qml/images/HMI_HVAC_Minus_Push.svg90
-rw-r--r--qml/images/HMI_HVAC_Plus.svg70
-rw-r--r--qml/images/HMI_HVAC_Rear_Active.svg195
-rw-r--r--qml/images/HMI_HVAC_Rear_Inactive.svg91
-rw-r--r--qml/images/HMI_HVAC_RightChair_Section.svg217
-rw-r--r--qml/images/HMI_HVAC_RightDetails.svg98
-rw-r--r--qml/images/HMI_HVAC_Right_Chair_OFF.svg87
-rw-r--r--qml/images/HMI_HVAC_Right_Chair_ON.svg100
-rw-r--r--qml/images/images.qrc36
-rw-r--r--qml/main.cpp46
-rw-r--r--qml/models/HVACModel.qml47
-rw-r--r--qml/models/TemperatureModel.qml28
-rw-r--r--qml/models/qmldir8
47 files changed, 3510 insertions, 561 deletions
diff --git a/qml/ClimateButton.qml b/qml/ClimateButton.qml
deleted file mode 100644
index b960361..0000000
--- a/qml/ClimateButton.qml
+++ /dev/null
@@ -1,30 +0,0 @@
-/* Copyright (C) 2015, Jaguar Land Rover. All Rights Reserved.
- *
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-import QtQuick 2.0
-import "models"
-
-Rectangle {
- id: root
-
- width: imageItem.width
- height: imageItem.height
- color: "#aa000000"
-
- property string target: ""
- property string image: ""
- property bool value: HVACModel[target]
-
- Image {
- id: imageItem
- source: "images/" + image + "_" + (value ? "on" : "off") + ".png"
- }
-
- MouseArea {
- anchors.fill: parent
- onClicked: HVACModel[target] = !HVACModel[target]
- }
-}
diff --git a/qml/FanControl.qml b/qml/FanControl.qml
deleted file mode 100644
index 00e6f9e..0000000
--- a/qml/FanControl.qml
+++ /dev/null
@@ -1,54 +0,0 @@
-/* Copyright (C) 2015, Jaguar Land Rover. All Rights Reserved.
- *
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-import QtQuick 2.0
-import "models"
-
-Item {
- width: childrenRect.width
- height: childrenRect.height
-
- property real value: 0
-
- Image {
- y: 15
- source: "images/fan_icon_off.png"
- }
-
- Image {
- id: fanBar
- x: 100
- source: "images/fan_bar_off.png"
- }
-
- Image {
- x: 100
- width: value * fanBar.width
- fillMode: Image.PreserveAspectCrop
- horizontalAlignment: Image.AlignLeft
- source: "images/fan_bar_on.png"
-
- Image {
- width: 20
- height: width
- anchors.verticalCenter: parent.bottom
- anchors.verticalCenterOffset: -1
- anchors.horizontalCenter: parent.right
- source: "images/drag_knob.svg"
- }
- }
-
- MouseArea {
- x: 100
- width: fanBar.width
- height: parent.height
-
- onPositionChanged: {
- value = Math.min(Math.max(mouse.x / fanBar.width, 0), 1)
- HVACModel.fanSpeed = value;
- }
- }
-}
diff --git a/qml/HVAC.pro b/qml/HVAC.pro
new file mode 100644
index 0000000..7503812
--- /dev/null
+++ b/qml/HVAC.pro
@@ -0,0 +1,17 @@
+TEMPLATE = app
+TARGET = hvac
+QT = quickcontrols2
+
+config_libhomescreen {
+ CONFIG += link_pkgconfig
+ PKGCONFIG += homescreen
+ DEFINES += HAVE_LIBHOMESCREEN
+}
+
+SOURCES = main.cpp
+
+RESOURCES += \
+ hvac.qrc \
+ images/images.qrc \
+ images/images.qrc
+
diff --git a/qml/HVAC.qml b/qml/HVAC.qml
index 8ca981e..b2f8e49 100644
--- a/qml/HVAC.qml
+++ b/qml/HVAC.qml
@@ -1,88 +1,94 @@
-/* Copyright (C) 2015, Jaguar Land Rover. All Rights Reserved.
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
*
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-import QtQuick 2.0
-import system 1.0
-import utils 1.0
-import "models"
-
-App {
- appId: "hvac"
-
- HazardButton {
- id: hazardButton
- y: 100
- anchors.horizontalCenter: parent.horizontalCenter
- }
-
- TempSlider {
- id: lTempSlider
- x: 30
- anchors.top: hazardButton.bottom
- anchors.topMargin: 115
- side: "left"
- }
-
- Row {
- anchors.horizontalCenter: parent.horizontalCenter
- anchors.top: hazardButton.bottom
- anchors.topMargin: 90
- spacing: 200
-
- MiddleColumn { side: "left" }
- MiddleColumn { side: "right" }
- }
-
- TempSlider {
- id: rTempSlider
- anchors.top: hazardButton.bottom
- anchors.topMargin: 115
- anchors.right: parent.right
- anchors.rightMargin: 30
- side: "right"
- }
-
- Image {
- y: 1057
- source: "images/separator.png"
- }
-
- FanControl {
- x: 259
- y: 1092
- }
-
- Item {
- anchors.horizontalCenter: parent.horizontalCenter
- width: childrenRect.width
- height: childrenRect.height
- anchors.bottom: parent.bottom
- anchors.bottomMargin: 40
-
- Row {
- spacing: 20
-
- Column {
- spacing: 10
-
- ClimateButton { image: "fan_dir_down"; target: "fanDown" }
- ClimateButton { image: "fan_dir_right"; target: "fanRight" }
- ClimateButton { image: "fan_dir_up"; target: "fanUp" }
+ * 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.1
+import QtQuick.Controls 2.0
+import AGL.Demo.Controls 1.0
+
+ApplicationWindow {
+ id: root
+
+ ColumnLayout {
+ anchors.fill: parent
+ anchors.topMargin: width / 10
+ anchors.bottomMargin: width / 10
+ RowLayout {
+ Layout.fillHeight: true
+ Layout.alignment: Qt.AlignHCenter
+ Image {
+ source: './images/HMI_HVAC_Fan_Icon.svg'
+ }
+ Item {
+ width: root.width * 0.8
+ Slider {
+ id: fanSpeed
+ anchors.left: parent.left
+ anchors.right: parent.right
+ anchors.verticalCenter: parent.verticalCenter
+ }
+ Label {
+ anchors.left: fanSpeed.left
+ anchors.top: fanSpeed.bottom
+ text: 'FAN SPEED'
+ }
+ }
+ }
+ RowLayout {
+ Layout.fillHeight: true
+ Layout.fillWidth: true
+ ColumnLayout {
+ Image {
+ source: './images/HMI_HVAC_LeftChair_Section.svg'
+ }
+ }
+ ColumnLayout {
+ Layout.fillWidth: true
+ spacing: root.width / 40
+ ToggleButton {
+ onImage: './images/HMI_HVAC_AC_Active.svg'
+ offImage: './images/HMI_HVAC_AC_Inactive.svg'
+ }
+ ToggleButton {
+ onImage: './images/HMI_HVAC_Auto_Active.svg'
+ offImage: './images/HMI_HVAC_Auto_Inactive.svg'
+ }
+ ToggleButton {
+ onImage: './images/HMI_HVAC_Circulation_Active.svg'
+ offImage: './images/HMI_HVAC_Circulation_Inactive.svg'
+ }
}
- ClimateButton { y: 156; image: "fan_control_ac"; target: "fanAC" }
- ClimateButton { y: 156; image: "fan_control_auto"; target: "fanAuto" }
- ClimateButton { y: 156; image: "fan_control_circ"; target: "fanRecirc" }
-
- Column {
- spacing: 10
+ ColumnLayout {
+ Image {
+ source: './images/HMI_HVAC_RightChair_Section.svg'
+ }
+ }
+ }
- ClimateButton { image: "defrost_max"; target: "defrostMax" }
- ClimateButton { image: "defrost_rear"; target: "defrostRear" }
- ClimateButton { image: "defrost_front"; target: "defrostFront" }
+ RowLayout {
+ Layout.fillHeight: true
+ Layout.alignment: Qt.AlignHCenter
+ spacing: root.width / 20
+ Repeater {
+ model: ['AirDown', 'AirUp', 'AirRight', 'Rear', 'Front']
+ ToggleButton {
+ onImage: './images/HMI_HVAC_%1_Active.svg'.arg(model.modelData)
+ offImage: './images/HMI_HVAC_%1_Inactive.svg'.arg(model.modelData)
+ }
}
}
}
diff --git a/qml/HazardButton.qml b/qml/HazardButton.qml
deleted file mode 100644
index ffae370..0000000
--- a/qml/HazardButton.qml
+++ /dev/null
@@ -1,37 +0,0 @@
-/* Copyright (C) 2015, Jaguar Land Rover. All Rights Reserved.
- *
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-import QtQuick 2.0
-
-Rectangle {
- id: hazardButton
- width: 624
- height: 122
- color: "#aa000000"
- border.color: "#ff53b5ce"
-
- property bool value: false
- property bool flash: false
-
- Image {
- id: image
- source: "./images/hazard_" + (value ? (flash ? "blink" : "on") : "off") + ".png"
- }
-
- MouseArea {
- anchors.fill: parent
- onClicked: value = !value
- }
-
- Timer {
- id: timer
- interval: 500
- repeat: true
- running: value
-
- onTriggered: flash = !flash
- }
-}
diff --git a/qml/MiddleColumn.qml b/qml/MiddleColumn.qml
deleted file mode 100644
index 89f0ebe..0000000
--- a/qml/MiddleColumn.qml
+++ /dev/null
@@ -1,33 +0,0 @@
-/* Copyright (C) 2015, Jaguar Land Rover. All Rights Reserved.
- *
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-import QtQuick 2.0
-import components 1.0
-import utils 1.0
-
-Item {
- id: root
-
- width: 239
- height: 800
-
- property string side: "left"
-
- Column {
- spacing: 50
-
- BoxHeading {
- color: Style.orangeViv
- boxWidth: 45
- boxHeight: 19
- fontSize: 27
- text: (side === "left" ? "L" : "R" ) + " CLIMATE"
- }
-
- SeatHeatButton { side: root.side }
- TemperatureWheel { side: root.side }
- }
-}
diff --git a/qml/SeatHeatButton.qml b/qml/SeatHeatButton.qml
deleted file mode 100644
index 43645fb..0000000
--- a/qml/SeatHeatButton.qml
+++ /dev/null
@@ -1,39 +0,0 @@
-/* Copyright (C) 2015, Jaguar Land Rover. All Rights Reserved.
- *
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-import QtQuick 2.0
-import "models"
-
-Rectangle {
- width: 239
- height: 194
- color: "#aa000000"
- border.color: "#ff53b5ce"
-
- property string side: "left"
- property string propertyName: side + "SeatHeat"
- property int seatHeat: HVACModel[propertyName]
-
- Image {
- source: "./images/" + side + "_heat_seat_off.png"
- }
-
- Image {
- y: 150 - seatHeat*40
- height: implicitHeight - y
- fillMode: Image.Tile
- verticalAlignment: Image.AlignBottom
- source: "./images/" + side + "_heat_seat_on.png"
- }
-
- MouseArea {
- anchors.fill: parent
- onClicked: {
- var value = HVACModel[propertyName]
- HVACModel[propertyName] = value > 0 ? value - 1 : 3
- }
- }
-}
diff --git a/qml/TempSlider.qml b/qml/TempSlider.qml
deleted file mode 100644
index f5500e4..0000000
--- a/qml/TempSlider.qml
+++ /dev/null
@@ -1,61 +0,0 @@
-/* Copyright (C) 2015, Jaguar Land Rover. All Rights Reserved.
- *
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-import QtQuick 2.0
-import utils 1.0
-import "models"
-
-Item {
- id: root
- width: 64
- height: 716
-
- property real value: HVACModel[propertyName]
- property string propertyName: side + "Temperature"
- property string side: "left"
-
- function setProperty(v) {
- HVACModel[propertyName] = Math.min(Math.max(v, 0), 1)
- }
-
- Rectangle {
- anchors.fill: parent
- color: "#4a53b5ce"
- }
-
- Rectangle {
- width: parent.width
- height: value * parent.height
- color: Style.orangeViv
- anchors.bottom: parent.bottom
- }
-
- Rectangle {
- x: side === "left" ? parent.width + 30 : -30
- width: 2
- height: value * parent.height
- anchors.bottom: parent.bottom
- color: Style.orangeLt
-
- Image {
- width: 30
- height: width
- anchors.verticalCenter: parent.top
- anchors.horizontalCenter: parent.horizontalCenter
- source: "images/drag_knob.svg"
- }
- }
-
- MouseArea {
- x: side === "left" ? 0 : -45
- width: parent.width + 45
- height: parent.height
-
- onPressed: setProperty(1 - mouse.y / height)
- onPositionChanged: setProperty(1 - mouse.y / height)
- }
-}
-
diff --git a/qml/TemperatureWheel.qml b/qml/TemperatureWheel.qml
deleted file mode 100644
index 7a59dde..0000000
--- a/qml/TemperatureWheel.qml
+++ /dev/null
@@ -1,56 +0,0 @@
-/* Copyright (C) 2015, Jaguar Land Rover. All Rights Reserved.
- *
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-import QtQuick 2.0
-import "models"
-
-Rectangle {
- width: 237
- height: 350
- color: "#aa000000"
-
- property string side: "left"
- property string propertyName: side + "Temperature"
- property real value: HVACModel[propertyName]
-
- ListView {
- anchors.fill: parent
- clip: true
- snapMode: ListView.SnapToItem
- model: TemperatureModel
- header: Item { height: 120 }
- footer: Item { height: 120 }
- currentIndex: Math.min(value * count, count - 1)
- flickDeceleration: 5000
- onContentYChanged: {
- if (dragging || flicking) {
- var item = Math.round((contentY + 120) / 110)
- item = Math.max(Math.min(item, count - 1), 0)
- if (item != currentIndex) {
- var temperature = item / (count - 1)
- HVACModel[propertyName] = temperature
- }
- }
- }
- highlightMoveDuration: 100
- interactive: true
-
- delegate: Text {
- x: side === "right" ? 40 : 10
- height: 110
- verticalAlignment: Text.AlignVCenter
- color: "white"
- font.pixelSize: 70
- text: model.text
- }
- }
-
- Image {
- mirror: side === "left"
- source: "./images/right_number_cover.svg"
- anchors.fill: parent
- }
-}
diff --git a/qml/hvac-demo-app.qml b/qml/hvac-demo-app.qml
deleted file mode 100644
index 4472803..0000000
--- a/qml/hvac-demo-app.qml
+++ /dev/null
@@ -1,87 +0,0 @@
-import QtQuick 2.0
-import QtQuick.Window 2.0
-import QtQuick.Controls 1.4
-import QtWebSockets 1.0
-
-Window {
- // VARIABLES
-
- property string port_str: Qt.application.arguments[1]
- property string token_str: Qt.application.arguments[2]
- property string address_str: "ws://localhost:"+port_str+"/api?token="+token_str
- property string request_str: ""
- property string status_str: "waiting..."
- property var msgid_enu: { "call":2, "retok":3, "reterr":4, "event":5 }
-
- // WINDOW PROPERTIES
-
- visible: true
- width: 340
- height: 160
-
- // WEBSOCKET WIDGET (MAIN LOGIC)
-
- WebSocket {
- id: websocket
- url: address_str
- onTextMessageReceived: {
- // VERB RESPONSE VALIDATION
- var message_json = JSON.parse (message)
- var request_json = message_json[2].request
- if (message_json[0] != msgid_enu.retok) {
- console.log ("Return value is not ok !")
- status_str = "Bad return value, binding probably not installed"
- return
- }
- // VERB RESPONSE PARSING AND LOGIC
- status_str = request_json.info
- }
- onStatusChanged: {
- if (websocket.status == WebSocket.Error)
- status_str = "WebSocket error: " + websocket.errorString
- }
- active: true
- }
-
- // OTHER WIDGETS
-
- Rectangle {
- anchors.left: parent.left
- anchors.top: parent.top
- anchors.horizontalCenter: parent.horizontalCenter
- anchors.margins: 20
-
- // TITLE SECTION
- Label {
- text: "QML Websocket Sample Application"
- font.pixelSize: 18
- font.bold: true
- anchors.centerIn: parent
- y: 0
- }
- Text {
- id: url_notifier
- text: "<b>URL:</b> " + websocket.url
- y: 20
- }
-
- // PING BUTTON
- Button {
- text: "Ping!"
- onClicked: {
- request_str = '[' + msgid_enu.call + ',"99999","hvac/ping", null ]';
- websocket.sendTextMessage (request_str)
- }
- anchors.horizontalCenter: parent.horizontalCenter
- y: 60
- }
-
- // STATUS SECTION
- Text {
- id: status_notifier
- text: "<b>Status</b>: " + status_str
- y: 100
- }
- }
-
-}
diff --git a/qml/images/HMI_HVAC_AC_Active.svg b/qml/images/HMI_HVAC_AC_Active.svg
new file mode 100644
index 0000000..608f44d
--- /dev/null
+++ b/qml/images/HMI_HVAC_AC_Active.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 318 219"
+ style="enable-background:new 0 0 318 219;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_AC_Active.svg"><metadata
+ id="metadata30"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs28" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview26"
+ showgrid="false"
+ inkscape:zoom="1.0776256"
+ inkscape:cx="-231.20975"
+ inkscape:cy="109.5"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#66FF99;}
+ .st1{font-family:'Roboto-Light';}
+ .st2{font-size:88.6888px;}
+ .st3{letter-spacing:3;}
+ .st4{letter-spacing:-3;}
+ .st5{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><text
+ transform="matrix(1 5.460000e-03 -5.460000e-03 1 90.8639 132.3301)"
+ id="text11"><tspan
+ x="0"
+ y="0"
+ class="st0 st1 st2 st3"
+ id="tspan13">a</tspan><tspan
+ x="54.5"
+ y="0"
+ class="st0 st1 st2 st4"
+ id="tspan15">/</tspan><tspan
+ x="86.2"
+ y="0"
+ class="st0 st1 st2"
+ id="tspan17">c</tspan></text>
+<linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="20.6039"
+ y1="240.7292"
+ x2="297.3961"
+ y2="-21.7292"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop20" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop22" /></linearGradient><rect
+ x="0.5"
+ y="0.5"
+ class="st5"
+ width="317"
+ height="218"
+ id="rect24" /></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_AC_Inactive.svg b/qml/images/HMI_HVAC_AC_Inactive.svg
new file mode 100644
index 0000000..1bd338e
--- /dev/null
+++ b/qml/images/HMI_HVAC_AC_Inactive.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 318 219"
+ style="enable-background:new 0 0 318 219;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_AC_Inactive.svg"><metadata
+ id="metadata25"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs23" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview21"
+ showgrid="false"
+ inkscape:zoom="1.0776256"
+ inkscape:cx="-223.32203"
+ inkscape:cy="109.5"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#848286;}
+ .st1{font-family:'Roboto-Light';}
+ .st2{font-size:88.6888px;}
+ .st3{letter-spacing:3;}
+ .st4{letter-spacing:-3;}
+ .st5{fill:none;stroke:#848286;stroke-miterlimit:10;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><text
+ transform="matrix(1 5.460000e-03 -5.460000e-03 1 90.8639 132.3301)"
+ id="text11"><tspan
+ x="0"
+ y="0"
+ class="st0 st1 st2 st3"
+ id="tspan13">a</tspan><tspan
+ x="54.5"
+ y="0"
+ class="st0 st1 st2 st4"
+ id="tspan15">/</tspan><tspan
+ x="86.2"
+ y="0"
+ class="st0 st1 st2"
+ id="tspan17">c</tspan></text>
+<rect
+ x="0.5"
+ y="0.5"
+ class="st5"
+ width="317"
+ height="218"
+ id="rect19" /></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_AirDown_Active.svg b/qml/images/HMI_HVAC_AirDown_Active.svg
new file mode 100644
index 0000000..68aebb3
--- /dev/null
+++ b/qml/images/HMI_HVAC_AirDown_Active.svg
@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 140 140"
+ style="enable-background:new 0 0 140 140;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_AirDown_Active.svg"><metadata
+ id="metadata49"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs47" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview45"
+ showgrid="false"
+ inkscape:zoom="1.6857143"
+ inkscape:cx="-158.09322"
+ inkscape:cy="70"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:url(#SVGID_1_);}
+ .st1{fill:url(#SVGID_2_);}
+ .st2{fill:url(#SVGID_3_);}
+ .st3{fill:none;stroke:url(#SVGID_4_);stroke-width:2;stroke-miterlimit:10;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><g
+ id="g11"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="-30.4928"
+ y1="171.0748"
+ x2="175.6512"
+ y2="-26.5445"
+ gradientTransform="matrix(1 5.464556e-03 -5.464556e-03 1 -2.5085 -2.852)"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop14" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop16" /></linearGradient><path
+ class="st0"
+ d="M70,138c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9C1.7,31.5,32.4,1,70,1c0.1,0,0.3,0,0.4,0 c37.8,0.2,68.3,31.1,68.1,68.9l0,0C138.3,107.5,107.6,138,70,138z M70,3.4C33.7,3.4,4.1,32.8,3.9,69.1 c-0.2,36.4,29.3,66.3,65.7,66.5c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7c0.2-36.4-29.3-66.3-65.7-66.5 C70.2,3.4,70.1,3.4,70,3.4z"
+ id="path18" /></g><g
+ id="g20"><g
+ id="g22"><linearGradient
+ id="SVGID_2_"
+ gradientUnits="userSpaceOnUse"
+ x1="12.0669"
+ y1="139.3421"
+ x2="145.452"
+ y2="27.6709"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop25" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop27" /></linearGradient><path
+ class="st1"
+ d="M96.9,64.7c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9l-20.2-5.2c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9 c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2l13.4-18.2l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2 c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,73.9C101.7,70.5,100.3,66.4,96.9,64.7z"
+ id="path29" /><linearGradient
+ id="SVGID_3_"
+ gradientUnits="userSpaceOnUse"
+ x1="4.8135"
+ y1="130.6783"
+ x2="138.1985"
+ y2="19.0071"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop32" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop34" /></linearGradient><circle
+ class="st2"
+ cx="97.2"
+ cy="53.3"
+ r="8.3"
+ id="circle36" /></g></g><linearGradient
+ id="SVGID_4_"
+ gradientUnits="userSpaceOnUse"
+ x1="37.4258"
+ y1="52.8987"
+ x2="66.8067"
+ y2="52.8987"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop39" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop41" /></linearGradient><path
+ class="st3"
+ d="M57.3,56.5h-0.5V34.9c0-0.2-0.2-0.4-0.4-0.4h-8c-0.2,0-0.4,0.2-0.4,0.4v21.6h-9.4c-0.1,0.1,0,0.4,0.1,0.6 L52,71.3c0.1,0.1,0.3,0.1,0.4,0l13.4-14.2c0.1-0.1,0-0.4-0.1-0.6h-1.6"
+ id="path43" /></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_AirDown_Inactive.svg b/qml/images/HMI_HVAC_AirDown_Inactive.svg
new file mode 100644
index 0000000..a013f4b
--- /dev/null
+++ b/qml/images/HMI_HVAC_AirDown_Inactive.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 140 140"
+ style="enable-background:new 0 0 140 140;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_AirDown_Inactive.svg"><metadata
+ id="metadata27"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs25" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview23"
+ showgrid="false"
+ inkscape:zoom="1.6857143"
+ inkscape:cx="-188.94068"
+ inkscape:cy="70"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#848286;}
+ .st1{fill:none;stroke:#848286;stroke-width:2;stroke-miterlimit:10;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><path
+ class="st0"
+ d="M70,138c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9C1.7,31.5,32.4,1,70,1c0.1,0,0.3,0,0.4,0 c37.8,0.2,68.3,31.1,68.1,68.9l0,0C138.3,107.5,107.6,138,70,138z M70,3.4C33.7,3.4,4.1,32.8,3.9,69.1 c-0.2,36.4,29.3,66.3,65.7,66.5c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7c0.2-36.4-29.3-66.3-65.7-66.5 C70.2,3.4,70.1,3.4,70,3.4z"
+ id="path11" /></g><g
+ id="g13"><g
+ id="g15"><path
+ class="st0"
+ d="M96.9,64.7c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9l-20.2-5.2c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9 c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2l13.4-18.2l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2 c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,73.9C101.7,70.5,100.3,66.4,96.9,64.7z"
+ id="path17" /><circle
+ class="st0"
+ cx="97.2"
+ cy="53.3"
+ r="8.3"
+ id="circle19" /></g></g><path
+ class="st1"
+ d="M57.3,56.5h-0.5V34.9c0-0.2-0.2-0.4-0.4-0.4h-8c-0.2,0-0.4,0.2-0.4,0.4v21.6h-9.4c-0.1,0.1,0,0.4,0.1,0.6 L52,71.3c0.1,0.1,0.3,0.1,0.4,0l13.4-14.2c0.1-0.1,0-0.4-0.1-0.6h-1.6"
+ id="path21" /></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_AirRight_Active.svg b/qml/images/HMI_HVAC_AirRight_Active.svg
new file mode 100644
index 0000000..9ac6103
--- /dev/null
+++ b/qml/images/HMI_HVAC_AirRight_Active.svg
@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 140 140"
+ style="enable-background:new 0 0 140 140;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_AirRight_Active.svg"><metadata
+ id="metadata55"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs53" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview51"
+ showgrid="false"
+ inkscape:zoom="1.6857143"
+ inkscape:cx="-102.62712"
+ inkscape:cy="70"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:url(#SVGID_1_);}
+ .st1{fill:url(#SVGID_2_);}
+ .st2{fill:url(#SVGID_3_);}
+ .st3{fill:url(#SVGID_4_);}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><g
+ id="g11"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="-12.9122"
+ y1="161.8499"
+ x2="136.9379"
+ y2="-4.2002"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop14" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop16" /></linearGradient><path
+ class="st0"
+ d="M70,138.5c-0.1,0-0.3,0-0.4,0c-18.3-0.1-35.5-7.3-48.3-20.3C8.4,105.2,1.4,87.9,1.5,69.6 c0.1-18.3,7.3-35.5,20.3-48.3C34.7,8.5,51.8,1.5,70,1.5c0.1,0,0.3,0,0.4,0c18.3,0.1,35.5,7.3,48.3,20.3 c12.9,13,19.9,30.2,19.8,48.5l0,0C138.3,108,107.6,138.5,70,138.5z M70,3.9c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6 c-0.1,17.7,6.7,34.3,19.1,46.8s29,19.5,46.6,19.6c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7c0.1-17.7-6.7-34.3-19.1-46.8 C104.6,11,88,4,70.4,3.9C70.2,3.9,70.1,3.9,70,3.9z"
+ id="path18" /></g><g
+ id="g20"><g
+ id="g22"><linearGradient
+ id="SVGID_2_"
+ gradientUnits="userSpaceOnUse"
+ x1="-2.2981"
+ y1="171.5389"
+ x2="147.6513"
+ y2="5.3788"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop25" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop27" /></linearGradient><path
+ class="st1"
+ d="M96.9,65.2c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9L57.5,83c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9 c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2l13.4-18.2l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2 c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,74.4C101.7,71,100.3,66.9,96.9,65.2z"
+ id="path29" /></g></g><g
+ id="g31"><g
+ id="g33"><linearGradient
+ id="SVGID_3_"
+ gradientUnits="userSpaceOnUse"
+ x1="-6.0031"
+ y1="168.1953"
+ x2="143.9462"
+ y2="2.0352"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop36" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop38" /></linearGradient><circle
+ class="st2"
+ cx="97.2"
+ cy="53.8"
+ r="8.3"
+ id="circle40" /></g></g><g
+ id="g42"><linearGradient
+ id="SVGID_4_"
+ gradientUnits="userSpaceOnUse"
+ x1="-32.1525"
+ y1="144.5971"
+ x2="117.7968"
+ y2="-21.563"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop45" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop47" /></linearGradient><path
+ class="st3"
+ d="M55.9,68.3c-0.4,0-0.7-0.1-1-0.4l-0.4-0.4v-8.7H34.1c-0.9,0-1.6-0.7-1.6-1.6v-8c0-0.9,0.7-1.6,1.6-1.6h21.6 v0.7h1.2v1.7h-22v6.5h22v8.3l12-11.3L56.3,41.4h-1.8v-2.1l0.4-0.4c0.6-0.5,1.6-0.7,2.2-0.1l14.2,13.4c0.3,0.3,0.5,0.7,0.5,1.1 s-0.2,0.8-0.5,1.1L57.1,67.8C56.8,68.1,56.3,68.3,55.9,68.3z M55.5,66.1C55.5,66.1,55.5,66.1,55.5,66.1L55.5,66.1z M55.5,40.6 C55.5,40.6,55.5,40.6,55.5,40.6L55.5,40.6z"
+ id="path49" /></g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_AirRight_Inactive.svg b/qml/images/HMI_HVAC_AirRight_Inactive.svg
new file mode 100644
index 0000000..991a773
--- /dev/null
+++ b/qml/images/HMI_HVAC_AirRight_Inactive.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 140 140"
+ style="enable-background:new 0 0 140 140;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_AirRight_Inactive.svg"><metadata
+ id="metadata35"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs33" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview31"
+ showgrid="false"
+ inkscape:zoom="1.6857143"
+ inkscape:cx="-212.9661"
+ inkscape:cy="70"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#848286;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><g
+ id="g11"><path
+ class="st0"
+ d="M70,138.5c-0.1,0-0.3,0-0.4,0c-18.3-0.1-35.5-7.3-48.3-20.3C8.4,105.2,1.4,87.9,1.5,69.6 c0.1-18.3,7.3-35.5,20.3-48.3C34.7,8.5,51.8,1.5,70,1.5c0.1,0,0.3,0,0.4,0c18.3,0.1,35.5,7.3,48.3,20.3 c12.9,13,19.9,30.2,19.8,48.5l0,0C138.3,108,107.6,138.5,70,138.5z M70,3.9c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6 c-0.1,17.7,6.7,34.3,19.1,46.8s29,19.5,46.6,19.6c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7c0.1-17.7-6.7-34.3-19.1-46.8 C104.6,11,88,4,70.4,3.9C70.2,3.9,70.1,3.9,70,3.9z"
+ id="path13" /></g><g
+ id="g15"><g
+ id="g17"><path
+ class="st0"
+ d="M96.9,65.2c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9L57.5,83c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9 c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2l13.4-18.2l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2 c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,74.4C101.7,71,100.3,66.9,96.9,65.2z"
+ id="path19" /></g></g><g
+ id="g21"><g
+ id="g23"><circle
+ class="st0"
+ cx="97.2"
+ cy="53.8"
+ r="8.3"
+ id="circle25" /></g></g><g
+ id="g27"><path
+ class="st0"
+ d="M55.9,68.3c-0.4,0-0.7-0.1-1-0.4l-0.4-0.4v-8.7H34.1c-0.9,0-1.6-0.7-1.6-1.6v-8c0-0.9,0.7-1.6,1.6-1.6h21.6 v0.7h1.2v1.7h-22v6.5h22v8.3l12-11.3L56.3,41.4h-1.8v-2.1l0.4-0.4c0.6-0.5,1.6-0.7,2.2-0.1l14.2,13.4c0.3,0.3,0.5,0.7,0.5,1.1 s-0.2,0.8-0.5,1.1L57.1,67.8C56.8,68.1,56.3,68.3,55.9,68.3z M55.5,66.1C55.5,66.1,55.5,66.1,55.5,66.1L55.5,66.1z M55.5,40.6 C55.5,40.6,55.5,40.6,55.5,40.6L55.5,40.6z"
+ id="path29" /></g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_AirUp_Active.svg b/qml/images/HMI_HVAC_AirUp_Active.svg
new file mode 100644
index 0000000..7428bd1
--- /dev/null
+++ b/qml/images/HMI_HVAC_AirUp_Active.svg
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 140 140"
+ style="enable-background:new 0 0 140 140;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_AirUp_Active.svg"><metadata
+ id="metadata61"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs59" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview57"
+ showgrid="false"
+ inkscape:zoom="1.6857143"
+ inkscape:cx="-201.10169"
+ inkscape:cy="70"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:url(#SVGID_1_);}
+ .st1{fill:url(#SVGID_2_);}
+ .st2{fill:url(#SVGID_3_);}
+ .st3{fill:url(#SVGID_4_);}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><g
+ id="g11"><g
+ id="g13"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="13.3039"
+ y1="158.6924"
+ x2="149.6532"
+ y2="-54.6065"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop16" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop18" /></linearGradient><path
+ class="st0"
+ d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9C1.7,32,32.4,1.5,70,1.5c0.1,0,0.3,0,0.4,0 c37.8,0.2,68.3,31.1,68.1,68.9l0,0C138.3,108,107.6,138.5,70,138.5z M70,3.9C33.7,3.9,4.1,33.3,3.9,69.6 c-0.2,36.4,29.3,66.3,65.7,66.5c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7c0.2-36.4-29.3-66.3-65.7-66.5 C70.2,3.9,70.1,3.9,70,3.9z"
+ id="path20" /></g></g><g
+ id="g22"><g
+ id="g24"><g
+ id="g26"><linearGradient
+ id="SVGID_2_"
+ gradientUnits="userSpaceOnUse"
+ x1="22.352"
+ y1="164.5598"
+ x2="158.7924"
+ y2="-48.8816"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop29" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop31" /></linearGradient><path
+ class="st1"
+ d="M96.9,65.2c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9L57.5,83c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9 c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2l13.4-18.2l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2 c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,74.4C101.7,71,100.3,66.9,96.9,65.2z"
+ id="path33" /></g></g><g
+ id="g35"><g
+ id="g37"><linearGradient
+ id="SVGID_3_"
+ gradientUnits="userSpaceOnUse"
+ x1="25.2431"
+ y1="166.4079"
+ x2="161.6835"
+ y2="-47.0335"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop40" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop42" /></linearGradient><circle
+ class="st2"
+ cx="97.2"
+ cy="53.8"
+ r="8.3"
+ id="circle44" /></g></g></g><g
+ id="g46"><g
+ id="g48"><linearGradient
+ id="SVGID_4_"
+ gradientUnits="userSpaceOnUse"
+ x1="-7.1392"
+ y1="145.7078"
+ x2="129.3011"
+ y2="-67.7336"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop51" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop53" /></linearGradient><path
+ class="st3"
+ d="M55.9,73h-8c-0.9,0-1.6-0.7-1.6-1.6V49.8h0.7v-1.2h1.7v22h6.5v-22h8.3l-11.3-12L40.2,49.2V51h-2.1 l-0.4-0.4c-0.5-0.6-0.7-1.6-0.1-2.2L51,34.2c0.3-0.3,0.7-0.5,1.1-0.5c0,0,0,0,0,0c0.4,0,0.8,0.2,1.1,0.5l13.4,14.2 c0.5,0.6,0.7,1.6,0.1,2.2L66.3,51h-8.7v20.4C57.5,72.3,56.8,73,55.9,73z M64.8,50.1C64.8,50.1,64.8,50.1,64.8,50.1L64.8,50.1z M39.4,50L39.4,50C39.4,50.1,39.4,50.1,39.4,50z"
+ id="path55" /></g></g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_AirUp_Inactive.svg b/qml/images/HMI_HVAC_AirUp_Inactive.svg
new file mode 100644
index 0000000..39e1fa1
--- /dev/null
+++ b/qml/images/HMI_HVAC_AirUp_Inactive.svg
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 140 140"
+ style="enable-background:new 0 0 140 140;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_AirUp_Inactive.svg"><metadata
+ id="metadata41"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs39" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview37"
+ showgrid="false"
+ inkscape:zoom="1.6857143"
+ inkscape:cx="-186.5678"
+ inkscape:cy="70"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#848286;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><g
+ id="g11"><g
+ id="g13"><path
+ class="st0"
+ d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9C1.7,32,32.4,1.5,70,1.5c0.1,0,0.3,0,0.4,0 c37.8,0.2,68.3,31.1,68.1,68.9l0,0C138.3,108,107.6,138.5,70,138.5z M70,3.9C33.7,3.9,4.1,33.3,3.9,69.6 c-0.2,36.4,29.3,66.3,65.7,66.5c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7c0.2-36.4-29.3-66.3-65.7-66.5 C70.2,3.9,70.1,3.9,70,3.9z"
+ id="path15" /></g></g><g
+ id="g17"><g
+ id="g19"><g
+ id="g21"><path
+ class="st0"
+ d="M96.9,65.2c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9L57.5,83c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9 c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2l13.4-18.2l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2 c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,74.4C101.7,71,100.3,66.9,96.9,65.2z"
+ id="path23" /></g></g><g
+ id="g25"><g
+ id="g27"><circle
+ class="st0"
+ cx="97.2"
+ cy="53.8"
+ r="8.3"
+ id="circle29" /></g></g></g><g
+ id="g31"><g
+ id="g33"><path
+ class="st0"
+ d="M55.9,73h-8c-0.9,0-1.6-0.7-1.6-1.6V49.8h0.7v-1.2h1.7v22h6.5v-22h8.3l-11.3-12L40.2,49.2V51h-2.1 l-0.4-0.4c-0.5-0.6-0.7-1.6-0.1-2.2L51,34.2c0.3-0.3,0.7-0.5,1.1-0.5c0,0,0,0,0,0c0.4,0,0.8,0.2,1.1,0.5l13.4,14.2 c0.5,0.6,0.7,1.6,0.1,2.2L66.3,51h-8.7v20.4C57.5,72.3,56.8,73,55.9,73z M64.8,50.1C64.8,50.1,64.8,50.1,64.8,50.1L64.8,50.1z M39.4,50L39.4,50C39.4,50.1,39.4,50.1,39.4,50z"
+ id="path35" /></g></g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Auto_Active.svg b/qml/images/HMI_HVAC_Auto_Active.svg
new file mode 100644
index 0000000..e471801
--- /dev/null
+++ b/qml/images/HMI_HVAC_Auto_Active.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 318 219"
+ style="enable-background:new 0 0 318 219;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Auto_Active.svg"><metadata
+ id="metadata24"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs22" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview20"
+ showgrid="false"
+ inkscape:zoom="1.0776256"
+ inkscape:cx="-243.27331"
+ inkscape:cy="109.5"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#66FF99;}
+ .st1{font-family:'Roboto-Light';}
+ .st2{font-size:88.6888px;}
+ .st3{letter-spacing:-1;}
+ .st4{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><text
+ transform="matrix(1 5.460000e-03 -5.460000e-03 1 61.0898 130.3579)"
+ class="st0 st1 st2 st3"
+ id="text11">auto</text>
+<linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="20.6643"
+ y1="240.7757"
+ x2="297.3357"
+ y2="-21.7757"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop14" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop16" /></linearGradient><rect
+ x="0.5"
+ y="0.5"
+ class="st4"
+ width="317"
+ height="218"
+ id="rect18" /></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Auto_Inactive.svg b/qml/images/HMI_HVAC_Auto_Inactive.svg
new file mode 100644
index 0000000..f189931
--- /dev/null
+++ b/qml/images/HMI_HVAC_Auto_Inactive.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 318 219"
+ style="enable-background:new 0 0 318 219;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Auto_Inactive.svg"><metadata
+ id="metadata19"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs17" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview15"
+ showgrid="false"
+ inkscape:zoom="1.0776256"
+ inkscape:cx="-266.47246"
+ inkscape:cy="109.5"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#848286;}
+ .st1{font-family:'Roboto-Light';}
+ .st2{font-size:88.6888px;}
+ .st3{letter-spacing:-1;}
+ .st4{fill:none;stroke:#848286;stroke-miterlimit:10;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><text
+ transform="matrix(1 5.460000e-03 -5.460000e-03 1 61.0898 130.3579)"
+ class="st0 st1 st2 st3"
+ id="text11">auto</text>
+<rect
+ x="0.5"
+ y="0.5"
+ class="st4"
+ width="317"
+ height="218"
+ id="rect13" /></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_ChairIndicator_OFF.svg b/qml/images/HMI_HVAC_ChairIndicator_OFF.svg
new file mode 100644
index 0000000..1fcd17f
--- /dev/null
+++ b/qml/images/HMI_HVAC_ChairIndicator_OFF.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 178 18"
+ style="enable-background:new 0 0 178 18;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_ChairIndicator_OFF.svg"><metadata
+ id="metadata21"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs19" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview17"
+ showgrid="false"
+ inkscape:zoom="3.7752809"
+ inkscape:cx="-7.4166667"
+ inkscape:cy="9"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{opacity:0.8;fill:#1B1A1D;}
+ .st1{fill:none;stroke:#848286;stroke-miterlimit:10;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><rect
+ x="7.2"
+ y="4.2"
+ class="st0"
+ width="78.6"
+ height="9.6"
+ id="rect9" /><rect
+ x="7.2"
+ y="4.2"
+ class="st1"
+ width="78.6"
+ height="9.6"
+ id="rect11" /><rect
+ x="92.2"
+ y="4.2"
+ class="st0"
+ width="78.6"
+ height="9.6"
+ id="rect13" /><rect
+ x="92.2"
+ y="4.2"
+ class="st1"
+ width="78.6"
+ height="9.6"
+ id="rect15" /></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_ChairIndicator_One.svg b/qml/images/HMI_HVAC_ChairIndicator_One.svg
new file mode 100644
index 0000000..c24fa8f
--- /dev/null
+++ b/qml/images/HMI_HVAC_ChairIndicator_One.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 178 18"
+ style="enable-background:new 0 0 178 18;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_ChairIndicator_One.svg"><metadata
+ id="metadata19"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs17" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview15"
+ showgrid="false"
+ inkscape:zoom="3.7752809"
+ inkscape:cx="-2.1190476"
+ inkscape:cy="9"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#66FF99;}
+ .st1{opacity:0.8;fill:#1B1A1D;}
+ .st2{fill:none;stroke:#66FF99;stroke-miterlimit:10;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><rect
+ x="7.2"
+ y="4.2"
+ class="st0"
+ width="78.6"
+ height="9.6"
+ id="rect9" /><rect
+ x="92.2"
+ y="4.2"
+ class="st1"
+ width="78.6"
+ height="9.6"
+ id="rect11" /><rect
+ x="92.2"
+ y="4.2"
+ class="st2"
+ width="78.6"
+ height="9.6"
+ id="rect13" /></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_ChairIndicator_Two.svg b/qml/images/HMI_HVAC_ChairIndicator_Two.svg
new file mode 100644
index 0000000..042b87d
--- /dev/null
+++ b/qml/images/HMI_HVAC_ChairIndicator_Two.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 178 18"
+ style="enable-background:new 0 0 178 18;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_ChairIndicator_Two.svg"><metadata
+ id="metadata21"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs19" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview17"
+ showgrid="false"
+ inkscape:zoom="3.7752809"
+ inkscape:cx="-33.110119"
+ inkscape:cy="9"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#66FF99;}
+ .st1{opacity:0.8;fill:#1B1A1D;}
+ .st2{fill:none;stroke:#66FF99;stroke-miterlimit:10;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><rect
+ x="7.2"
+ y="4.2"
+ class="st0"
+ width="78.6"
+ height="9.6"
+ id="rect9" /><rect
+ x="92.2"
+ y="4.2"
+ class="st1"
+ width="78.6"
+ height="9.6"
+ id="rect11" /><rect
+ x="92.2"
+ y="4.2"
+ class="st2"
+ width="78.6"
+ height="9.6"
+ id="rect13" /><rect
+ x="92.2"
+ y="4.2"
+ class="st0"
+ width="78.6"
+ height="9.6"
+ id="rect15" /></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Circulation_Active.svg b/qml/images/HMI_HVAC_Circulation_Active.svg
new file mode 100644
index 0000000..8a15033
--- /dev/null
+++ b/qml/images/HMI_HVAC_Circulation_Active.svg
@@ -0,0 +1,198 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 318 219"
+ style="enable-background:new 0 0 318 219;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Circulation_Active.svg"><metadata
+ id="metadata78"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs76" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview74"
+ showgrid="false"
+ inkscape:zoom="1.0776256"
+ inkscape:cx="-249.76907"
+ inkscape:cy="109.5"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:url(#SVGID_1_);}
+ .st1{fill:url(#SVGID_2_);}
+ .st2{fill:url(#SVGID_3_);}
+ .st3{fill:url(#SVGID_4_);}
+ .st4{fill:url(#SVGID_5_);}
+ .st5{fill:url(#SVGID_6_);}
+ .st6{fill:url(#SVGID_7_);}
+ .st7{fill:url(#SVGID_8_);}
+ .st8{fill:none;stroke:url(#SVGID_9_);stroke-miterlimit:10;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="124.8906"
+ y1="222.9002"
+ x2="297.9268"
+ y2="83.4753"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop12" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop14" /></linearGradient><path
+ class="st0"
+ d="M218.2,164.1c-5.7,0-11.1-2.2-15.2-6.3c-4.1-4.1-6.3-9.5-6.3-15.2l2,0c0,5.2,2,10.1,5.7,13.8 c3.7,3.7,8.6,5.7,13.8,5.7c0,0,0,0,0,0c10.8,0,19.5-8.8,19.5-19.6l2,0C239.7,154.4,230.1,164.1,218.2,164.1 C218.2,164.1,218.2,164.1,218.2,164.1z"
+ id="path16" /><linearGradient
+ id="SVGID_2_"
+ gradientUnits="userSpaceOnUse"
+ x1="77.6338"
+ y1="164.2511"
+ x2="250.67"
+ y2="24.8262"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop19" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop21" /></linearGradient><path
+ class="st1"
+ d="M97.9,164.3c-5.7,0-11.1-2.2-15.2-6.3c-4.1-4.1-6.3-9.5-6.3-15.2l2,0c0,5.2,2,10.1,5.7,13.8 c3.7,3.7,8.6,5.7,13.8,5.7c0,0,0,0,0,0c5.2,0,10.1-2,13.8-5.7c3.7-3.7,5.7-8.6,5.7-13.8l2,0c0,5.7-2.2,11.2-6.3,15.2 C109.1,162,103.7,164.3,97.9,164.3C97.9,164.3,97.9,164.3,97.9,164.3z"
+ id="path23" /><linearGradient
+ id="SVGID_3_"
+ gradientUnits="userSpaceOnUse"
+ x1="93.334"
+ y1="183.7362"
+ x2="266.3703"
+ y2="44.3113"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop26" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop28" /></linearGradient><polygon
+ class="st2"
+ points="118.1,140.2 118.1,138.2 179.3,138.1 179.3,140.1 "
+ id="polygon30" /><linearGradient
+ id="SVGID_4_"
+ gradientUnits="userSpaceOnUse"
+ x1="49.8941"
+ y1="129.8242"
+ x2="222.9303"
+ y2="-9.6007"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop33" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop35" /></linearGradient><path
+ class="st3"
+ d="M63.5,140.2c-8.5,0-14.7-14.3-14.7-21.7l0-0.2l6.2-25.2l1.9,0.5l-6.2,25.1c0,3.7,1.6,8.6,3.9,12.6 c2.6,4.5,5.8,7,8.8,7c0,0,0,0,0,0l13.8,0l0,2L63.5,140.2C63.5,140.2,63.5,140.2,63.5,140.2z"
+ id="path37" /><linearGradient
+ id="SVGID_5_"
+ gradientUnits="userSpaceOnUse"
+ x1="93.1771"
+ y1="183.5415"
+ x2="266.2133"
+ y2="44.1166"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop40" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop42" /></linearGradient><path
+ class="st4"
+ d="M238.7,140l0-2l15.8,0c2.7,0,5.9-5.8,8.7-15.4c2.2-7.7,3.8-16.7,3.9-20.8l-49-18.5L189.3,49l-35.5,0.1l0-2 l36.4-0.1l29.1,34.5l49.8,18.9l0,0.7c0,3.9-1.5,13.5-4,22.1c-3.2,11.2-6.8,16.9-10.6,16.9L238.7,140z"
+ id="path44" /><linearGradient
+ id="SVGID_6_"
+ gradientUnits="userSpaceOnUse"
+ x1="40.6173"
+ y1="118.311"
+ x2="213.6535"
+ y2="-21.1139"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop47" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop49" /></linearGradient><path
+ class="st5"
+ d="M56.7,94.1l-1.2-1.6l21.1-15.9l14.2-18.9c0.6-1,6.2-10.6,18.3-10.6l44.7-0.1l0,2l-44.7,0.1 c-11.2,0-16.3,9.3-16.5,9.6l-0.1,0.1L77.9,78.1L56.7,94.1z"
+ id="path51" /><linearGradient
+ id="SVGID_7_"
+ gradientUnits="userSpaceOnUse"
+ x1="70.8807"
+ y1="155.8701"
+ x2="243.917"
+ y2="16.4452"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop54" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop56" /></linearGradient><path
+ class="st6"
+ d="M126.1,111.9c-5.5,0-10.7-2.1-14.5-6c-3.9-3.9-6-9.1-6.1-14.6c0-5.5,2.1-10.7,6-14.6c3.9-3.9,9.1-6,14.6-6.1 l57.1-0.1l0,2l-57.1,0.1c-5,0-9.6,1.9-13.1,5.5c-3.5,3.5-5.4,8.2-5.4,13.2c0,5,1.9,9.6,5.5,13.1c3.5,3.5,8.2,5.4,13.1,5.4 c0,0,0,0,0,0l57.1-0.1l0,2L126.1,111.9C126.2,111.9,126.1,111.9,126.1,111.9z"
+ id="path58" /><linearGradient
+ id="SVGID_8_"
+ gradientUnits="userSpaceOnUse"
+ x1="85.2865"
+ y1="173.7487"
+ x2="258.3227"
+ y2="34.3238"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop61" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop63" /></linearGradient><polygon
+ class="st7"
+ points="153.9,121.7 153.2,119.8 180.1,110.8 153.2,101.9 153.8,100 186.4,110.8 "
+ id="polygon65" /><linearGradient
+ id="SVGID_9_"
+ gradientUnits="userSpaceOnUse"
+ x1="20.6643"
+ y1="240.7757"
+ x2="297.3357"
+ y2="-21.7757"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop68" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop70" /></linearGradient><rect
+ x="0.5"
+ y="0.5"
+ class="st8"
+ width="317"
+ height="218"
+ id="rect72" /></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Circulation_Inactive.svg b/qml/images/HMI_HVAC_Circulation_Inactive.svg
new file mode 100644
index 0000000..9c7d43f
--- /dev/null
+++ b/qml/images/HMI_HVAC_Circulation_Inactive.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 318 219"
+ style="enable-background:new 0 0 318 219;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Circulation_Inactive.svg"><metadata
+ id="metadata33"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs31" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview29"
+ showgrid="false"
+ inkscape:zoom="1.0776256"
+ inkscape:cx="-290.59958"
+ inkscape:cy="109.5"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#848286;}
+ .st1{fill:none;stroke:#848286;stroke-miterlimit:10;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><path
+ class="st0"
+ d="M218.2,164.1c-5.7,0-11.1-2.2-15.2-6.3c-4.1-4.1-6.3-9.5-6.3-15.2l2,0c0,5.2,2,10.1,5.7,13.8 c3.7,3.7,8.6,5.7,13.8,5.7c0,0,0,0,0,0c10.8,0,19.5-8.8,19.5-19.6l2,0C239.7,154.4,230.1,164.1,218.2,164.1 C218.2,164.1,218.2,164.1,218.2,164.1z"
+ id="path11" /><path
+ class="st0"
+ d="M97.9,164.3c-5.7,0-11.1-2.2-15.2-6.3c-4.1-4.1-6.3-9.5-6.3-15.2l2,0c0,5.2,2,10.1,5.7,13.8 c3.7,3.7,8.6,5.7,13.8,5.7c0,0,0,0,0,0c5.2,0,10.1-2,13.8-5.7c3.7-3.7,5.7-8.6,5.7-13.8l2,0c0,5.7-2.2,11.2-6.3,15.2 C109.1,162,103.7,164.3,97.9,164.3C97.9,164.3,97.9,164.3,97.9,164.3z"
+ id="path13" /><rect
+ x="118.1"
+ y="138.1"
+ transform="matrix(1 -1.464842e-03 1.464842e-03 1 -0.2036 0.218)"
+ class="st0"
+ width="61.2"
+ height="2"
+ id="rect15" /><path
+ class="st0"
+ d="M63.5,140.2c-8.5,0-14.7-14.3-14.7-21.7l0-0.2l6.2-25.2l1.9,0.5l-6.2,25.1c0,3.7,1.6,8.6,3.9,12.6 c2.6,4.5,5.8,7,8.8,7c0,0,0,0,0,0l13.8,0l0,2L63.5,140.2C63.5,140.2,63.5,140.2,63.5,140.2z"
+ id="path17" /><path
+ class="st0"
+ d="M238.7,140l0-2l15.8,0c2.7,0,5.9-5.8,8.7-15.4c2.2-7.7,3.8-16.7,3.9-20.8l-49-18.5L189.3,49l-35.5,0.1l0-2 l36.4-0.1l29.1,34.5l49.8,18.9l0,0.7c0,3.9-1.5,13.5-4,22.1c-3.2,11.2-6.8,16.9-10.6,16.9L238.7,140z"
+ id="path19" /><path
+ class="st0"
+ d="M56.7,94.1l-1.2-1.6l21.1-15.9l14.2-18.9c0.6-1,6.2-10.6,18.3-10.6l44.7-0.1l0,2l-44.7,0.1 c-11.2,0-16.3,9.3-16.5,9.6l-0.1,0.1L77.9,78.1L56.7,94.1z"
+ id="path21" /><path
+ class="st0"
+ d="M126.1,111.9c-5.5,0-10.7-2.1-14.5-6c-3.9-3.9-6-9.1-6.1-14.6c0-5.5,2.1-10.7,6-14.6c3.9-3.9,9.1-6,14.6-6.1 l57.1-0.1l0,2l-57.1,0.1c-5,0-9.6,1.9-13.1,5.5c-3.5,3.5-5.4,8.2-5.4,13.2c0,5,1.9,9.6,5.5,13.1c3.5,3.5,8.2,5.4,13.1,5.4 c0,0,0,0,0,0l57.1-0.1l0,2L126.1,111.9C126.2,111.9,126.1,111.9,126.1,111.9z"
+ id="path23" /><polygon
+ class="st0"
+ points="153.9,121.7 153.2,119.8 180.1,110.8 153.2,101.9 153.8,100 186.4,110.8 "
+ id="polygon25" /><rect
+ x="0.5"
+ y="0.5"
+ class="st1"
+ width="317"
+ height="218"
+ id="rect27" /></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Fan_Icon.svg b/qml/images/HMI_HVAC_Fan_Icon.svg
new file mode 100644
index 0000000..2676ba1
--- /dev/null
+++ b/qml/images/HMI_HVAC_Fan_Icon.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_1"
+ x="0px"
+ y="0px"
+ viewBox="0 0 114 114"
+ style="enable-background:new 0 0 114 114;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Fan_Icon.svg"><metadata
+ id="metadata30"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs28" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview26"
+ showgrid="false"
+ inkscape:zoom="2.0701754"
+ inkscape:cx="-124.14407"
+ inkscape:cy="57"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_1" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+ .st1{fill:url(#SVGID_1_);}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><g
+ id="g11"><ellipse
+ transform="matrix(0.8685 -0.4958 0.4958 0.8685 -21.9603 36.0747)"
+ class="st0"
+ cx="57"
+ cy="59.4"
+ rx="3.7"
+ ry="3.7"
+ id="ellipse13" /><path
+ class="st0"
+ d="M58.1,50.7c-1.8-0.2-3.8,0.1-5.5,1.1c-0.6,0.3-1.1,0.7-1.6,1.2c-0.2-0.5-0.3-1-0.5-1.6 c-1.4-5.9,4.5-8.1,5.1-14.1c0.9-8.6-10.6-8.8-15.3-3.7c-6.2,6.7-3.6,14-0.4,18.3c2.5,3.2,5.5,5.2,8.3,6.3 c-0.2,1.8,0.1,3.8,1.1,5.5c0.3,0.6,0.7,1.1,1.2,1.6c-0.5,0.2-1,0.3-1.6,0.5c-5.9,1.4-8.1-4.5-14.1-5.1 c-8.6-0.9-8.8,10.6-3.7,15.3c6.7,6.2,14,3.6,18.3,0.3c3.2-2.5,5.2-5.5,6.3-8.3c1.8,0.2,3.8-0.1,5.5-1.1c0.6-0.3,1.1-0.7,1.6-1.2 c0.2,0.5,0.3,1,0.5,1.6c1.4,5.9-4.5,8.1-5.1,14.1c-0.9,8.6,10.6,8.8,15.3,3.7c6.2-6.7,3.6-14,0.3-18.3c-2.5-3.2-5.5-5.2-8.3-6.3 c0.2-1.8-0.1-3.8-1.1-5.5c-0.3-0.6-0.7-1.1-1.2-1.6c0.5-0.2,1-0.3,1.6-0.5c5.9-1.4,8.1,4.5,14.1,5.1c8.6,0.9,8.8-10.6,3.7-15.3 c-6.7-6.2-14-3.6-18.3-0.4c-1.2,0.9-2.2,1.8-3,2.8"
+ id="path15" /></g><g
+ id="g17"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="-26.1323"
+ y1="141.6157"
+ x2="145.4036"
+ y2="-22.8267"
+ gradientTransform="matrix(1 5.464556e-03 -5.464556e-03 1 -2.5808 -2.4627)"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop20" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop22" /></linearGradient><path
+ class="st1"
+ d="M57,114c-0.1,0-0.2,0-0.3,0C25.3,113.8-0.2,88.1,0,56.7C0.2,25.4,25.7,0,57,0c0.1,0,0.2,0,0.3,0 c31.4,0.2,56.9,25.9,56.7,57.3l0,0C113.8,88.6,88.3,114,57,114z M57,2C26.8,2,2.2,26.5,2,56.7C1.8,87,26.4,111.8,56.7,112 c0.1,0,0.2,0,0.3,0c30.2,0,54.8-24.5,55-54.7C112.2,27,87.6,2.2,57.3,2C57.2,2,57.1,2,57,2z"
+ id="path24" /></g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Fan_Section.svg b/qml/images/HMI_HVAC_Fan_Section.svg
new file mode 100644
index 0000000..6ce708a
--- /dev/null
+++ b/qml/images/HMI_HVAC_Fan_Section.svg
@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_1"
+ x="0px"
+ y="0px"
+ viewBox="0 0 900 145"
+ style="enable-background:new 0 0 900 145;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Fan_Section.svg"><metadata
+ id="metadata49"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs47" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview45"
+ showgrid="false"
+ inkscape:zoom="0.74666667"
+ inkscape:cx="199.55357"
+ inkscape:cy="72.5"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_1" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:none;stroke:#36333A;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+ .st1{fill:none;stroke:url(#SVGID_1_);stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+ .st2{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+ .st3{fill:url(#SVGID_2_);}
+ .st4{fill:#FFFFFF;}
+ .st5{font-family:'Roboto-Regular';}
+ .st6{font-size:16px;}
+ .st7{letter-spacing:2;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><g
+ id="g11"><g
+ id="g13"><line
+ class="st0"
+ x1="164.2"
+ y1="69.1"
+ x2="878.2"
+ y2="69.1"
+ id="line15" /><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="154.177"
+ y1="69.0668"
+ x2="361.687"
+ y2="69.0668"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop18" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop20" /></linearGradient><line
+ class="st1"
+ x1="164.2"
+ y1="69.1"
+ x2="351.7"
+ y2="69.1"
+ id="line22" /></g></g><g
+ id="g24"><ellipse
+ transform="matrix(0.8685 -0.4958 0.4958 0.8685 -26.7761 48.9248)"
+ class="st2"
+ cx="78.8"
+ cy="74.9"
+ rx="3.7"
+ ry="3.7"
+ id="ellipse26" /><path
+ class="st2"
+ d="M79.9,66.2c-1.8-0.2-3.8,0.1-5.5,1.1c-0.6,0.3-1.1,0.7-1.6,1.2c-0.2-0.5-0.3-1-0.5-1.6 c-1.4-5.9,4.5-8.1,5.1-14.1c0.9-8.6-10.6-8.8-15.3-3.7c-6.2,6.7-3.6,14-0.4,18.3c2.5,3.2,5.5,5.2,8.3,6.3 c-0.2,1.8,0.1,3.8,1.1,5.5c0.3,0.6,0.7,1.1,1.2,1.6c-0.5,0.2-1,0.3-1.6,0.5c-5.9,1.4-8.1-4.5-14.1-5.1 c-8.6-0.9-8.8,10.6-3.7,15.3c6.7,6.2,14,3.6,18.3,0.3c3.2-2.5,5.2-5.5,6.3-8.3c1.8,0.2,3.8-0.1,5.5-1.1c0.6-0.3,1.1-0.7,1.6-1.2 c0.2,0.5,0.3,1,0.5,1.6c1.4,5.9-4.5,8.1-5.1,14.1c-0.9,8.6,10.6,8.8,15.3,3.7c6.2-6.7,3.6-14,0.3-18.3c-2.5-3.2-5.5-5.2-8.3-6.3 c0.2-1.8-0.1-3.8-1.1-5.5c-0.3-0.6-0.7-1.1-1.2-1.6c0.5-0.2,1-0.3,1.6-0.5c5.9-1.4,8.1,4.5,14.1,5.1c8.6,0.9,8.8-10.6,3.7-15.3 c-6.7-6.2-14-3.6-18.3-0.4c-1.2,0.9-2.2,1.8-3,2.8"
+ id="path28" /></g><g
+ id="g30"><linearGradient
+ id="SVGID_2_"
+ gradientUnits="userSpaceOnUse"
+ x1="-4.3195"
+ y1="159.1441"
+ x2="167.2165"
+ y2="-5.2983"
+ gradientTransform="matrix(1 5.464556e-03 -5.464556e-03 1 -2.4902 -4.61)"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop33" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop35" /></linearGradient><path
+ class="st3"
+ d="M78.8,129.5c-0.1,0-0.2,0-0.3,0c-31.4-0.2-56.9-25.9-56.7-57.3c0.2-31.3,25.7-56.7,57-56.7 c0.1,0,0.2,0,0.3,0c31.4,0.2,56.9,25.9,56.7,57.3l0,0C135.6,104.1,110.1,129.5,78.8,129.5z M78.8,17.5 c-30.2,0-54.8,24.5-55,54.7c-0.2,30.3,24.4,55.1,54.7,55.3c0.1,0,0.2,0,0.3,0c30.2,0,54.8-24.5,55-54.7 c0.2-30.3-24.4-55.1-54.7-55.3C79,17.5,78.9,17.5,78.8,17.5z"
+ id="path37" /></g><circle
+ class="st4"
+ cx="351.7"
+ cy="69.1"
+ r="10"
+ id="circle39" /><g
+ id="g41"><text
+ transform="matrix(1 0 0 1 164.1769 107.3239)"
+ class="st4 st5 st6 st7"
+ id="text43">Fan Speed</text>
+</g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Front_Active.svg b/qml/images/HMI_HVAC_Front_Active.svg
new file mode 100644
index 0000000..2c873de
--- /dev/null
+++ b/qml/images/HMI_HVAC_Front_Active.svg
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 140 140"
+ style="enable-background:new 0 0 140 140;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Front_Active.svg"><metadata
+ id="metadata46"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs44" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview42"
+ showgrid="false"
+ inkscape:zoom="1.6857143"
+ inkscape:cx="-207.0339"
+ inkscape:cy="70"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#66FFC4;}
+ .st1{font-family:'Roboto-Regular';}
+ .st2{font-size:19.2px;}
+ .st3{letter-spacing:3;}
+ .st4{fill:url(#SVGID_1_);}
+ .st5{fill:url(#SVGID_2_);}
+ .st6{fill:url(#SVGID_3_);}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><g
+ id="g11"><text
+ transform="matrix(1 0 0 1 30.8062 42.6951)"
+ class="st0 st1 st2 st3"
+ id="text13">FRONT</text>
+</g><g
+ id="g15"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="11.6389"
+ y1="158.3479"
+ x2="114.2385"
+ y2="3.0985"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop18" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop20" /></linearGradient><path
+ class="st4"
+ d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9C1.7,32,32.4,1.5,70,1.5c0.1,0,0.3,0,0.4,0 c18.3,0.1,35.5,7.3,48.3,20.3s19.9,30.2,19.8,48.5c-0.1,18.3-7.3,35.5-20.3,48.3C105.3,131.5,88.2,138.5,70,138.5z M70,3.9 c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6c-0.2,36.4,29.3,66.3,65.7,66.5c0.1,0,0.2,0,0.4,0c17.5,0,34-6.8,46.5-19.1 c12.6-12.4,19.5-29,19.6-46.6l0,0c0.1-17.7-6.7-34.3-19.1-46.8S88,4,70.4,3.9C70.2,3.9,70.1,3.9,70,3.9z"
+ id="path22" /></g><g
+ id="g24"><linearGradient
+ id="SVGID_2_"
+ gradientUnits="userSpaceOnUse"
+ x1="13.3004"
+ y1="159.5306"
+ x2="115.9684"
+ y2="4.1777"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop27" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop29" /></linearGradient><path
+ class="st5"
+ d="M50.3,107.7L17.4,73.8l0.8-0.8C32,59,50.4,51.4,70,51.3c0,0,0.1,0,0.1,0c19.5,0,37.9,7.6,51.7,21.5l0.8,0.8 L97,100.2l-1.7-1.7l24-24.8c-13.2-12.9-30.6-20-49.1-20c0,0-0.1,0-0.1,0c-18.5,0-36,7.2-49.2,20.1l29.6,30.5 c5.4-4.9,12.4-7.5,19.7-7.5c0,0,0,0,0,0c7.7,0,15,2.9,20.5,8.3l-1.7,1.7c-5.1-4.9-11.8-7.6-18.9-7.6c0,0,0,0,0,0 c-7.1,0-13.8,2.7-18.9,7.7L50.3,107.7z"
+ id="path31" /></g><g
+ id="g33"><linearGradient
+ id="SVGID_3_"
+ gradientUnits="userSpaceOnUse"
+ x1="16.1835"
+ y1="161.4359"
+ x2="118.8515"
+ y2="6.083"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop36" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop38" /></linearGradient><path
+ class="st6"
+ d="M70.7,89.5c-2,0-3.4-1.4-3.5-1.6l-6.8-5.5c-0.9-1.3-2.2-1.9-3.4-1.8c-1.4,0.1-2.7,1.1-3.6,2.7 c-1.5,2.6-3.5,4.2-5.8,4.3c-2.1,0.1-4.1-1.1-5.6-3.3l-1.2-1.7c-0.9-1.3-2.1-2-3.4-2c-1.4,0.1-2.7,1-3.6,2.6l-0.6,1l-2-3.9 l0.2-0.3c1.5-2.6,3.6-4.1,5.9-4.2c2.1-0.1,4.1,1.1,5.7,3.3l1.2,1.7c0.9,1.3,2.1,2.1,3.3,2c1.3-0.1,2.6-1,3.5-2.6 c1.5-2.6,3.6-4.2,5.9-4.4c2.1-0.2,4.1,0.9,5.6,2.9l6.5,5.2c0.2,0.2,0.8,0.7,1.6,0.7c0,0,0,0,0,0c0.6,0,1.3-0.4,1.9-1l4.2-3.7 c1.5-2.6,3.6-4,5.8-4.1c2.2-0.1,4.1,1.1,5.7,3.3l1.2,1.7c0.9,1.3,2.1,2,3.3,2c1.3-0.1,2.6-1,3.5-2.6c1.5-2.6,3.6-4.2,5.9-4.4 c2.1-0.1,4.1,0.9,5.6,3l0.2,0.3l-1.7,4.2l-0.6-0.9c-0.9-1.3-2.1-1.9-3.4-1.8c-1.4,0.1-2.7,1.1-3.6,2.7c-1.5,2.6-3.5,4.2-5.8,4.3 c-2.1,0.1-4.1-1.1-5.7-3.3l-1.2-1.7c-0.9-1.3-2.1-2-3.4-2c-1.4,0.1-2.7,1-3.6,2.6L79,83.4l-5.1,4.7l0,0 C72.9,89,71.8,89.5,70.7,89.5z M61.3,81.7L68,87c0.1,0.1,1.2,1.3,2.7,1.3c1,0,2-0.5,3-1.6l0.6-0.6l0.1,0.1l3.9-3.6 c1.1-1.9,2.8-3.1,4.5-3.1c1.6-0.1,3.2,0.8,4.4,2.5l1.2,1.7c1.3,1.9,2.9,2.8,4.6,2.8c1.8-0.1,3.5-1.4,4.8-3.7 c1.1-2,2.8-3.2,4.6-3.3c1.4-0.1,2.7,0.4,3.7,1.5l0.7-1.7c-1.3-1.6-2.8-2.4-4.4-2.3c-1.9,0.1-3.7,1.5-4.9,3.8 c-1.1,2-2.7,3.2-4.5,3.2c-1.7,0.1-3.2-0.8-4.4-2.5l-1.2-1.7C86,77.9,84.4,77,82.7,77c-1.9,0.1-3.6,1.4-4.9,3.6l-0.1,0.2 l-4.3,3.7c-0.8,0.9-1.7,1.3-2.7,1.3c-1.3,0.1-2.2-0.8-2.5-1l-6.7-5.3c-1.3-1.7-2.9-2.6-4.6-2.5c-1.9,0.1-3.7,1.5-4.9,3.8 c-1.1,2-2.7,3.2-4.5,3.2c-1.7,0-3.2-0.8-4.4-2.5L42,79.8c-1.3-1.9-2.9-2.8-4.6-2.8c-1.8,0.1-3.4,1.2-4.7,3.3l0.7,1.4 c1.1-1.4,2.5-2.3,4-2.3c1.7,0,3.2,0.8,4.4,2.5l1.2,1.7c1.3,1.9,2.9,2.8,4.6,2.8c1.8-0.1,3.5-1.4,4.8-3.7c1.1-2,2.8-3.2,4.6-3.3 C58.6,79.3,60.2,80.1,61.3,81.7z"
+ id="path40" /></g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Front_Inactive.svg b/qml/images/HMI_HVAC_Front_Inactive.svg
new file mode 100644
index 0000000..c5d9166
--- /dev/null
+++ b/qml/images/HMI_HVAC_Front_Inactive.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 140 140"
+ style="enable-background:new 0 0 140 140;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Front_Inactive.svg"><metadata
+ id="metadata31"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs29" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview27"
+ showgrid="false"
+ inkscape:zoom="1.6857143"
+ inkscape:cx="-161.94915"
+ inkscape:cy="70"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#848286;}
+ .st1{font-family:'Roboto-Regular';}
+ .st2{font-size:19.2px;}
+ .st3{letter-spacing:3;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><g
+ id="g11"><text
+ transform="matrix(1 0 0 1 30.8062 42.6951)"
+ class="st0 st1 st2 st3"
+ id="text13">FRONT</text>
+</g><g
+ id="g15"><path
+ class="st0"
+ d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9C1.7,32,32.4,1.5,70,1.5c0.1,0,0.3,0,0.4,0 c18.3,0.1,35.5,7.3,48.3,20.3s19.9,30.2,19.8,48.5c-0.1,18.3-7.3,35.5-20.3,48.3C105.3,131.5,88.2,138.5,70,138.5z M70,3.9 c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6c-0.2,36.4,29.3,66.3,65.7,66.5c0.1,0,0.2,0,0.4,0c17.5,0,34-6.8,46.5-19.1 c12.6-12.4,19.5-29,19.6-46.6l0,0c0.1-17.7-6.7-34.3-19.1-46.8S88,4,70.4,3.9C70.2,3.9,70.1,3.9,70,3.9z"
+ id="path17" /></g><g
+ id="g19"><path
+ class="st0"
+ d="M50.3,107.7L17.4,73.8l0.8-0.8C32,59,50.4,51.4,70,51.3c0,0,0.1,0,0.1,0c19.5,0,37.9,7.6,51.7,21.5l0.8,0.8 L97,100.2l-1.7-1.7l24-24.8c-13.2-12.9-30.6-20-49.1-20c0,0-0.1,0-0.1,0c-18.5,0-36,7.2-49.2,20.1l29.6,30.5 c5.4-4.9,12.4-7.5,19.7-7.5c0,0,0,0,0,0c7.7,0,15,2.9,20.5,8.3l-1.7,1.7c-5.1-4.9-11.8-7.6-18.9-7.6c0,0,0,0,0,0 c-7.1,0-13.8,2.7-18.9,7.7L50.3,107.7z"
+ id="path21" /></g><g
+ id="g23"><path
+ class="st0"
+ d="M70.7,89.5c-2,0-3.4-1.4-3.5-1.6l-6.8-5.5c-0.9-1.3-2.2-1.9-3.4-1.8c-1.4,0.1-2.7,1.1-3.6,2.7 c-1.5,2.6-3.5,4.2-5.8,4.3c-2.1,0.1-4.1-1.1-5.6-3.3l-1.2-1.7c-0.9-1.3-2.1-2-3.4-2c-1.4,0.1-2.7,1-3.6,2.6l-0.6,1l-2-3.9 l0.2-0.3c1.5-2.6,3.6-4.1,5.9-4.2c2.1-0.1,4.1,1.1,5.7,3.3l1.2,1.7c0.9,1.3,2.1,2.1,3.3,2c1.3-0.1,2.6-1,3.5-2.6 c1.5-2.6,3.6-4.2,5.9-4.4c2.1-0.2,4.1,0.9,5.6,2.9l6.5,5.2c0.2,0.2,0.8,0.7,1.6,0.7c0,0,0,0,0,0c0.6,0,1.3-0.4,1.9-1l4.2-3.7 c1.5-2.6,3.6-4,5.8-4.1c2.2-0.1,4.1,1.1,5.7,3.3l1.2,1.7c0.9,1.3,2.1,2,3.3,2c1.3-0.1,2.6-1,3.5-2.6c1.5-2.6,3.6-4.2,5.9-4.4 c2.1-0.1,4.1,0.9,5.6,3l0.2,0.3l-1.7,4.2l-0.6-0.9c-0.9-1.3-2.1-1.9-3.4-1.8c-1.4,0.1-2.7,1.1-3.6,2.7c-1.5,2.6-3.5,4.2-5.8,4.3 c-2.1,0.1-4.1-1.1-5.7-3.3l-1.2-1.7c-0.9-1.3-2.1-2-3.4-2c-1.4,0.1-2.7,1-3.6,2.6L79,83.4l-5.1,4.7l0,0 C72.9,89,71.8,89.5,70.7,89.5z M61.3,81.7L68,87c0.1,0.1,1.2,1.3,2.7,1.3c1,0,2-0.5,3-1.6l0.6-0.6l0.1,0.1l3.9-3.6 c1.1-1.9,2.8-3.1,4.5-3.1c1.6-0.1,3.2,0.8,4.4,2.5l1.2,1.7c1.3,1.9,2.9,2.8,4.6,2.8c1.8-0.1,3.5-1.4,4.8-3.7 c1.1-2,2.8-3.2,4.6-3.3c1.4-0.1,2.7,0.4,3.7,1.5l0.7-1.7c-1.3-1.6-2.8-2.4-4.4-2.3c-1.9,0.1-3.7,1.5-4.9,3.8 c-1.1,2-2.7,3.2-4.5,3.2c-1.7,0.1-3.2-0.8-4.4-2.5l-1.2-1.7C86,77.9,84.4,77,82.7,77c-1.9,0.1-3.6,1.4-4.9,3.6l-0.1,0.2 l-4.3,3.7c-0.8,0.9-1.7,1.3-2.7,1.3c-1.3,0.1-2.2-0.8-2.5-1l-6.7-5.3c-1.3-1.7-2.9-2.6-4.6-2.5c-1.9,0.1-3.7,1.5-4.9,3.8 c-1.1,2-2.7,3.2-4.5,3.2c-1.7,0-3.2-0.8-4.4-2.5L42,79.8c-1.3-1.9-2.9-2.8-4.6-2.8c-1.8,0.1-3.4,1.2-4.7,3.3l0.7,1.4 c1.1-1.4,2.5-2.3,4-2.3c1.7,0,3.2,0.8,4.4,2.5l1.2,1.7c1.3,1.9,2.9,2.8,4.6,2.8c1.8-0.1,3.5-1.4,4.8-3.7c1.1-2,2.8-3.2,4.6-3.3 C58.6,79.3,60.2,80.1,61.3,81.7z"
+ id="path25" /></g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_LeftChair_Section.svg b/qml/images/HMI_HVAC_LeftChair_Section.svg
new file mode 100644
index 0000000..07575ad
--- /dev/null
+++ b/qml/images/HMI_HVAC_LeftChair_Section.svg
@@ -0,0 +1,209 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 377 575"
+ style="enable-background:new 0 0 377 575;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_LeftChair_Section.svg"><metadata
+ id="metadata102"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs100" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview98"
+ showgrid="false"
+ inkscape:zoom="0.41043478"
+ inkscape:cx="-1370.822"
+ inkscape:cy="287.5"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{opacity:0.8;fill:#1B1A1D;}
+ .st1{fill:none;stroke:#ACACA5;stroke-width:2;stroke-miterlimit:10;}
+ .st2{fill:#66FF99;}
+ .st3{font-family:'Roboto-Light';}
+ .st4{font-size:70px;}
+ .st5{fill:#FFFFFF;}
+ .st6{font-family:'Roboto-Regular';}
+ .st7{font-size:140px;}
+ .st8{fill:none;stroke:#66FF99;stroke-miterlimit:10;}
+ .st9{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
+ .st10{fill:url(#SVGID_2_);}
+ .st11{fill:none;stroke:#66FF99;stroke-width:4;stroke-miterlimit:10;}
+ .st12{opacity:0.43;fill:url(#SVGID_3_);}
+ .st13{font-size:16px;}
+ .st14{letter-spacing:2;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><rect
+ x="6"
+ y="5.4"
+ class="st0"
+ width="120"
+ height="120"
+ id="rect9" /><rect
+ x="6"
+ y="133.1"
+ class="st0"
+ width="120"
+ height="120"
+ id="rect11" /><g
+ id="g13"><line
+ class="st1"
+ x1="38.4"
+ y1="64"
+ x2="93.5"
+ y2="64"
+ id="line15" /><line
+ class="st1"
+ x1="66"
+ y1="36.5"
+ x2="66"
+ y2="91.5"
+ id="line17" /></g><g
+ id="g19"><line
+ class="st1"
+ x1="38.5"
+ y1="192.8"
+ x2="93.4"
+ y2="192.8"
+ id="line21" /></g><text
+ transform="matrix(1 5.460000e-03 -5.460000e-03 1 170.7961 98.6537)"
+ class="st2 st3 st4"
+ id="text23">lo</text>
+<text
+ transform="matrix(1 0 0 1 159.9067 228.9015)"
+ class="st5 st6 st7"
+ id="text25">62°</text>
+<rect
+ x="81.5"
+ y="530.9"
+ class="st2"
+ width="78.6"
+ height="9.6"
+ id="rect27" /><rect
+ x="166.6"
+ y="530.9"
+ class="st0"
+ width="78.6"
+ height="9.6"
+ id="rect29" /><rect
+ x="166.6"
+ y="530.9"
+ class="st8"
+ width="78.6"
+ height="9.6"
+ id="rect31" /><g
+ id="g33"><g
+ id="g35"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="253.4457"
+ y1="417.3826"
+ x2="73.8596"
+ y2="417.3826"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop38" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop40" /></linearGradient><polyline
+ class="st9"
+ points="74.4,527.6 74.4,546 252.9,546 252.9,288.3 "
+ id="polyline42" /><g
+ id="g44"><linearGradient
+ id="SVGID_2_"
+ gradientUnits="userSpaceOnUse"
+ x1="253.4457"
+ y1="288.4385"
+ x2="73.8596"
+ y2="288.4385"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop47" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop49" /></linearGradient><circle
+ class="st10"
+ cx="252.9"
+ cy="288.4"
+ r="3.8"
+ id="circle51" /></g></g></g><g
+ id="g53"><path
+ class="st11"
+ d="M98.7,475.6H191l39.2-114.9c0,0,2.5-10.9-9.1-11.4s-19,16.2-19,16.2s-12.3,40.7-24.1,70.4 c0,0-76.7-4.6-89.8-4.6s-16.6,5.1-12.5,14.1S98.7,475.6,98.7,475.6z"
+ id="path55" /><linearGradient
+ id="SVGID_3_"
+ gradientUnits="userSpaceOnUse"
+ x1="85.8052"
+ y1="539.3391"
+ x2="200.1687"
+ y2="336.7523"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop58" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop60" /></linearGradient><path
+ class="st12"
+ d="M98.7,475.6H191l39.2-114.9c0,0,2.5-10.9-9.1-11.4s-19,16.2-19,16.2s-12.3,40.7-24.1,70.4 c0,0-76.7-4.6-89.8-4.6s-16.6,5.1-12.5,14.1S98.7,475.6,98.7,475.6z"
+ id="path62" /><g
+ id="g64"><g
+ id="g66"><path
+ class="st11"
+ d="M108.8,503.9c0,0,35.8-24,12.9-58.3c-17.5-26.3-25.5-41.8-24.4-56.7"
+ id="path68" /><g
+ id="g70"><polygon
+ class="st2"
+ points="106.8,394 100.8,375 87.3,389.6 "
+ id="polygon72" /></g></g></g><g
+ id="g74"><g
+ id="g76"><path
+ class="st11"
+ d="M132.4,503.9c0,0,35.8-24,12.9-58.3c-17.5-26.3-25.5-41.8-24.4-56.7"
+ id="path78" /><g
+ id="g80"><polygon
+ class="st2"
+ points="130.4,394 124.4,375 110.9,389.6 "
+ id="polygon82" /></g></g></g><g
+ id="g84"><g
+ id="g86"><path
+ class="st11"
+ d="M156.7,503.9c0,0,35.8-24,12.9-58.3c-17.5-26.3-25.5-41.8-24.4-56.7"
+ id="path88" /><g
+ id="g90"><polygon
+ class="st2"
+ points="154.7,394 148.7,375 135.2,389.6 "
+ id="polygon92" /></g></g></g></g><g
+ id="g94"><text
+ transform="matrix(1 0 0 1 74.3595 571.53)"
+ class="st5 st6 st13 st14"
+ id="text96">L. Climate</text>
+</g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_LeftDetails.svg b/qml/images/HMI_HVAC_LeftDetails.svg
new file mode 100644
index 0000000..9527af4
--- /dev/null
+++ b/qml/images/HMI_HVAC_LeftDetails.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 440 350"
+ style="enable-background:new 0 0 440 350;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_LeftDetails.svg"><metadata
+ id="metadata33"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs31" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview29"
+ showgrid="false"
+ inkscape:zoom="0.67428571"
+ inkscape:cx="-598.64407"
+ inkscape:cy="234.32203"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{opacity:0.8;fill:#1B1A1D;}
+ .st1{fill:none;stroke:#ACACA5;stroke-width:2;stroke-miterlimit:10;}
+ .st2{fill:#66FF99;}
+ .st3{font-family:'Roboto-Light';}
+ .st4{font-size:70px;}
+ .st5{fill:#FFFFFF;}
+ .st6{font-family:'Roboto-Regular';}
+ .st7{font-size:140px;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><rect
+ x="49.9"
+ y="43.9"
+ class="st0"
+ width="120"
+ height="120"
+ id="rect11" /><rect
+ x="49.9"
+ y="171.6"
+ class="st0"
+ width="120"
+ height="120"
+ id="rect13" /><g
+ id="g15"><line
+ class="st1"
+ x1="82.4"
+ y1="102.5"
+ x2="137.4"
+ y2="102.5"
+ id="line17" /><line
+ class="st1"
+ x1="109.9"
+ y1="75"
+ x2="109.9"
+ y2="130"
+ id="line19" /></g><g
+ id="g21"><line
+ class="st1"
+ x1="82.4"
+ y1="231.3"
+ x2="137.4"
+ y2="231.3"
+ id="line23" /></g><text
+ transform="matrix(1 5.460000e-03 -5.460000e-03 1 214.7317 137.1537)"
+ class="st2 st3 st4"
+ id="text25">lo</text>
+<text
+ transform="matrix(1 0 0 1 203.8423 267.4015)"
+ class="st5 st6 st7"
+ id="text27">62°</text>
+</g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Left_Chair_OFF.svg b/qml/images/HMI_HVAC_Left_Chair_OFF.svg
new file mode 100644
index 0000000..1412266
--- /dev/null
+++ b/qml/images/HMI_HVAC_Left_Chair_OFF.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 172 172"
+ style="enable-background:new 0 0 172 172;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Left_Chair_OFF.svg"><metadata
+ id="metadata49"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs47" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview45"
+ showgrid="false"
+ inkscape:zoom="1.372093"
+ inkscape:cx="-267.83898"
+ inkscape:cy="86"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:none;stroke:#69676C;stroke-width:4;stroke-miterlimit:10;}
+ .st1{opacity:0.43;fill:#69676C;}
+ .st2{fill:#69676C;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><path
+ class="st0"
+ d="M32.3,135.3h92.4l39.2-114.9c0,0,2.5-10.9-9.1-11.4c-11.6-0.5-19,16.2-19,16.2S123.6,66,111.8,95.6 c0,0-76.7-4.6-89.8-4.6S5.4,96.1,9.5,105.1S32.3,135.3,32.3,135.3z"
+ id="path11" /><path
+ class="st1"
+ d="M32.3,134.7h92.4l39.2-114.9c0,0,2.5-10.9-9.1-11.4s-19,16.2-19,16.2S123.6,65.3,111.8,95 c0,0-76.7-4.6-89.8-4.6S5.4,95.4,9.5,104.5S32.3,134.7,32.3,134.7z"
+ id="path13" /><g
+ id="g15"><g
+ id="g17"><path
+ class="st0"
+ d="M42.4,163.6c0,0,35.8-24,12.9-58.3C37.8,79,29.8,63.5,30.9,48.6"
+ id="path19" /><g
+ id="g21"><polygon
+ class="st2"
+ points="40.4,53.7 34.4,34.7 21,49.4 "
+ id="polygon23" /></g></g></g><g
+ id="g25"><g
+ id="g27"><path
+ class="st0"
+ d="M66.1,163.6c0,0,35.8-24,12.9-58.3C61.4,79,53.5,63.5,54.6,48.6"
+ id="path29" /><g
+ id="g31"><polygon
+ class="st2"
+ points="64.1,53.7 58.1,34.7 44.6,49.4 "
+ id="polygon33" /></g></g></g><g
+ id="g35"><g
+ id="g37"><path
+ class="st0"
+ d="M90.4,163.6c0,0,35.8-24,12.9-58.3C85.7,79,77.8,63.5,78.8,48.6"
+ id="path39" /><g
+ id="g41"><polygon
+ class="st2"
+ points="88.3,53.7 82.4,34.7 68.9,49.4 "
+ id="polygon43" /></g></g></g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Left_Chair_ON.svg b/qml/images/HMI_HVAC_Left_Chair_ON.svg
new file mode 100644
index 0000000..14faf49
--- /dev/null
+++ b/qml/images/HMI_HVAC_Left_Chair_ON.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 172 172"
+ style="enable-background:new 0 0 172 172;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Left_Chair_ON.svg"><metadata
+ id="metadata54"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs52" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview50"
+ showgrid="false"
+ inkscape:zoom="1.372093"
+ inkscape:cx="-240.14407"
+ inkscape:cy="86"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{opacity:0.43;fill:url(#SVGID_1_);}
+ .st1{fill:none;stroke:#66FF99;stroke-width:4;stroke-miterlimit:10;}
+ .st2{fill:#66FF99;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="19.4613"
+ y1="198.7467"
+ x2="133.8248"
+ y2="-3.84"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop12" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop14" /></linearGradient><path
+ class="st0"
+ d="M32.3,135h92.4l39.2-114.9c0,0,2.5-10.9-9.1-11.4s-19,16.2-19,16.2s-12.3,40.7-24.1,70.4 c0,0-76.7-4.6-89.8-4.6S5.4,95.8,9.5,104.8S32.3,135,32.3,135z"
+ id="path16" /><g
+ id="g18"><g
+ id="g20"><path
+ class="st1"
+ d="M42.4,163.3c0,0,35.8-24,12.9-58.3C37.8,78.7,29.8,63.2,30.9,48.3"
+ id="path22" /><g
+ id="g24"><polygon
+ class="st2"
+ points="40.4,53.4 34.4,34.4 21,49.1 "
+ id="polygon26" /></g></g></g><g
+ id="g28"><g
+ id="g30"><path
+ class="st1"
+ d="M66.1,163.3c0,0,35.8-24,12.9-58.3C61.4,78.7,53.5,63.2,54.6,48.3"
+ id="path32" /><g
+ id="g34"><polygon
+ class="st2"
+ points="64.1,53.4 58.1,34.4 44.6,49.1 "
+ id="polygon36" /></g></g></g><g
+ id="g38"><g
+ id="g40"><path
+ class="st1"
+ d="M90.4,163.3c0,0,35.8-24,12.9-58.3C85.7,78.7,77.8,63.2,78.8,48.3"
+ id="path42" /><g
+ id="g44"><polygon
+ class="st2"
+ points="88.3,53.4 82.4,34.4 68.9,49.1 "
+ id="polygon46" /></g></g></g><path
+ class="st1"
+ d="M32.3,135h92.4l39.2-114.9c0,0,2.5-10.9-9.1-11.4s-19,16.2-19,16.2s-12.3,40.7-24.1,70.4 c0,0-76.7-4.6-89.8-4.6S5.4,95.8,9.5,104.8S32.3,135,32.3,135z"
+ id="path48" /></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Minus.svg b/qml/images/HMI_HVAC_Minus.svg
new file mode 100644
index 0000000..3659b8e
--- /dev/null
+++ b/qml/images/HMI_HVAC_Minus.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ x="0px"
+ y="0px"
+ viewBox="0 0 120 120"
+ style="enable-background:new 0 0 120 120;"
+ xml:space="preserve"
+ id="svg2"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Minus.svg"><metadata
+ id="metadata34"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs32" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview30"
+ showgrid="false"
+ inkscape:zoom="1.9666667"
+ inkscape:cx="-215.08475"
+ inkscape:cy="60"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2" /><style
+ type="text/css"
+ id="style4">
+ .st0{display:none;}
+ .st1{display:inline;}
+ .st2{opacity:0.8;fill:#1B1A1D;}
+ .st3{fill:none;stroke:#ACACA5;stroke-width:2;stroke-miterlimit:10;}
+</style><switch
+ id="switch6"><g
+ i:extraneous="self"
+ id="g8"><g
+ id="Layer_1"
+ class="st0"><g
+ class="st1"
+ id="g11"><rect
+ class="st2"
+ width="120"
+ height="120"
+ id="rect13" /><g
+ id="g15"><line
+ class="st3"
+ x1="32.5"
+ y1="58.6"
+ x2="87.5"
+ y2="58.6"
+ id="line17" /><line
+ class="st3"
+ x1="60"
+ y1="31.1"
+ x2="60"
+ y2="86.2"
+ id="line19" /></g></g></g><g
+ id="Layer_2"><g
+ id="g22"><rect
+ class="st2"
+ width="120"
+ height="120"
+ id="rect24" /><g
+ id="g26"><line
+ class="st3"
+ x1="32.5"
+ y1="59.7"
+ x2="87.5"
+ y2="59.7"
+ id="line28" /></g></g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Minus_Push.svg b/qml/images/HMI_HVAC_Minus_Push.svg
new file mode 100644
index 0000000..c14820d
--- /dev/null
+++ b/qml/images/HMI_HVAC_Minus_Push.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ x="0px"
+ y="0px"
+ viewBox="0 0 120 120"
+ style="enable-background:new 0 0 120 120;"
+ xml:space="preserve"
+ id="svg2"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Minus_Push.svg"><metadata
+ id="metadata34"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs32" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview30"
+ showgrid="false"
+ inkscape:zoom="1.9666667"
+ inkscape:cx="-205.42373"
+ inkscape:cy="60"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2" /><style
+ type="text/css"
+ id="style4">
+ .st0{display:none;}
+ .st1{display:inline;}
+ .st2{opacity:0.8;fill:#1B1A1D;}
+ .st3{fill:none;stroke:#ACACA5;stroke-width:2;stroke-miterlimit:10;}
+ .st4{opacity:0.8;fill:#FFFFFF;}
+ .st5{fill:none;stroke:#231F20;stroke-width:2;stroke-miterlimit:10;}
+</style><switch
+ id="switch6"><g
+ i:extraneous="self"
+ id="g8"><g
+ id="Layer_1"
+ class="st0"><g
+ class="st1"
+ id="g11"><rect
+ class="st2"
+ width="120"
+ height="120"
+ id="rect13" /><g
+ id="g15"><line
+ class="st3"
+ x1="32.5"
+ y1="58.6"
+ x2="87.5"
+ y2="58.6"
+ id="line17" /><line
+ class="st3"
+ x1="60"
+ y1="31.1"
+ x2="60"
+ y2="86.2"
+ id="line19" /></g></g></g><g
+ id="Layer_2"><g
+ id="g22"><rect
+ class="st4"
+ width="120"
+ height="120"
+ id="rect24" /><g
+ id="g26"><line
+ class="st5"
+ x1="32.5"
+ y1="59.7"
+ x2="87.5"
+ y2="59.7"
+ id="line28" /></g></g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Plus.svg b/qml/images/HMI_HVAC_Plus.svg
new file mode 100644
index 0000000..6ede403
--- /dev/null
+++ b/qml/images/HMI_HVAC_Plus.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_1"
+ x="0px"
+ y="0px"
+ viewBox="0 0 120 120"
+ style="enable-background:new 0 0 120 120;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Plus.svg"><metadata
+ id="metadata23"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs21" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview19"
+ showgrid="false"
+ inkscape:zoom="1.9666667"
+ inkscape:cx="-204.66102"
+ inkscape:cy="60"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_1" /><style
+ type="text/css"
+ id="style3">
+ .st0{opacity:0.8;fill:#1B1A1D;}
+ .st1{fill:none;stroke:#ACACA5;stroke-width:2;stroke-miterlimit:10;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><rect
+ class="st0"
+ width="120"
+ height="120"
+ id="rect11" /><g
+ id="g13"><line
+ class="st1"
+ x1="32.5"
+ y1="58.6"
+ x2="87.5"
+ y2="58.6"
+ id="line15" /><line
+ class="st1"
+ x1="60"
+ y1="31.1"
+ x2="60"
+ y2="86.2"
+ id="line17" /></g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Rear_Active.svg b/qml/images/HMI_HVAC_Rear_Active.svg
new file mode 100644
index 0000000..7c67104
--- /dev/null
+++ b/qml/images/HMI_HVAC_Rear_Active.svg
@@ -0,0 +1,195 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 140 140"
+ style="enable-background:new 0 0 140 140;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Rear_Active.svg"><metadata
+ id="metadata89"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs87" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview85"
+ showgrid="false"
+ inkscape:zoom="1.6857143"
+ inkscape:cx="-239.36441"
+ inkscape:cy="70"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#66FFC4;}
+ .st1{font-family:'Roboto-Regular';}
+ .st2{font-size:19.2px;}
+ .st3{letter-spacing:3;}
+ .st4{fill:url(#SVGID_1_);}
+ .st5{fill:url(#SVGID_2_);}
+ .st6{fill:url(#SVGID_3_);}
+ .st7{fill:url(#SVGID_4_);}
+ .st8{fill:url(#SVGID_5_);}
+ .st9{fill:url(#SVGID_6_);}
+ .st10{fill:url(#SVGID_7_);}
+ .st11{fill:url(#SVGID_8_);}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><text
+ transform="matrix(1 0 0 1 39.3138 38.5051)"
+ class="st0 st1 st2 st3"
+ id="text11">REAR</text>
+<g
+ id="g13"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="10.4889"
+ y1="155.8405"
+ x2="117.1391"
+ y2="1.9402"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop16" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop18" /></linearGradient><path
+ class="st4"
+ d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9c0.1-18.3,7.3-35.5,20.3-48.3 C34.7,8.5,51.8,1.5,70,1.5c0.1,0,0.3,0,0.4,0c18.3,0.1,35.5,7.3,48.3,20.3c12.9,13,19.9,30.2,19.8,48.5 C138.3,108,107.6,138.5,70,138.5z M70,3.9c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6c-0.2,36.4,29.3,66.3,65.7,66.5 c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7l0,0c0.1-17.7-6.7-34.3-19.1-46.8C104.6,11,88,4,70.4,3.9 C70.2,3.9,70.1,3.9,70,3.9z"
+ id="path20" /></g><g
+ id="g22"><linearGradient
+ id="SVGID_2_"
+ gradientUnits="userSpaceOnUse"
+ x1="11.5789"
+ y1="156.6799"
+ x2="118.2996"
+ y2="2.6779"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop25" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop27" /></linearGradient><polygon
+ class="st5"
+ points="30.5,97.5 30.5,47.4 109.5,47.3 109.5,97.4 60.7,97.4 60.7,95 107.1,95 107.1,49.7 32.9,49.8 32.9,95.1 51.9,95 51.9,97.4 "
+ id="polygon29" /></g><g
+ id="g31"><linearGradient
+ id="SVGID_3_"
+ gradientUnits="userSpaceOnUse"
+ x1="9.0573"
+ y1="154.9325"
+ x2="115.778"
+ y2="0.9304"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop34" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop36" /></linearGradient><path
+ class="st6"
+ d="M57.1,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1 c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C63.3,100.5,57.4,111.2,57.1,111.6z"
+ id="path38" /></g><g
+ id="g40"><linearGradient
+ id="SVGID_4_"
+ gradientUnits="userSpaceOnUse"
+ x1="0.4632"
+ y1="148.9769"
+ x2="107.1839"
+ y2="-5.0251"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop43" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop45" /></linearGradient><polygon
+ class="st7"
+ points="50,75.1 47.9,74 53.1,64.4 58.4,74 56.3,75.1 53.1,69.4 "
+ id="polygon47" /></g><g
+ id="g49"><linearGradient
+ id="SVGID_5_"
+ gradientUnits="userSpaceOnUse"
+ x1="19.6431"
+ y1="162.2683"
+ x2="126.3638"
+ y2="8.2663"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop52" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop54" /></linearGradient><path
+ class="st8"
+ d="M72.8,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1 c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C78.9,100.5,73,111.2,72.8,111.6z"
+ id="path56" /></g><g
+ id="g58"><linearGradient
+ id="SVGID_6_"
+ gradientUnits="userSpaceOnUse"
+ x1="11.0493"
+ y1="156.3129"
+ x2="117.77"
+ y2="2.3109"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop61" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop63" /></linearGradient><polygon
+ class="st9"
+ points="72,75.1 68.8,69.4 65.6,75.1 63.5,74 68.8,64.4 74.1,74 "
+ id="polygon65" /></g><g
+ id="g67"><linearGradient
+ id="SVGID_7_"
+ gradientUnits="userSpaceOnUse"
+ x1="30.229"
+ y1="169.6041"
+ x2="136.9497"
+ y2="15.6021"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop70" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop72" /></linearGradient><path
+ class="st10"
+ d="M88.5,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.3-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7 l2.4,0.1c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C94.6,100.5,88.7,111.2,88.5,111.6z"
+ id="path74" /></g><g
+ id="g76"><linearGradient
+ id="SVGID_8_"
+ gradientUnits="userSpaceOnUse"
+ x1="21.6348"
+ y1="163.6485"
+ x2="128.3555"
+ y2="9.6464"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop79" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop81" /></linearGradient><polygon
+ class="st11"
+ points="81.3,75.1 79.2,74 84.5,64.4 89.7,74 87.6,75.1 84.5,69.4 "
+ id="polygon83" /></g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Rear_Inactive.svg b/qml/images/HMI_HVAC_Rear_Inactive.svg
new file mode 100644
index 0000000..574c541
--- /dev/null
+++ b/qml/images/HMI_HVAC_Rear_Inactive.svg
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 140 140"
+ style="enable-background:new 0 0 140 140;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Rear_Inactive.svg"><metadata
+ id="metadata49"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs47" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview45"
+ showgrid="false"
+ inkscape:zoom="1.6857143"
+ inkscape:cx="-285.9322"
+ inkscape:cy="70"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#848286;}
+ .st1{font-family:'Roboto-Regular';}
+ .st2{font-size:19.2px;}
+ .st3{letter-spacing:3;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><text
+ transform="matrix(1 0 0 1 39.3138 38.5051)"
+ class="st0 st1 st2 st3"
+ id="text11">REAR</text>
+<g
+ id="g13"><path
+ class="st0"
+ d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9c0.1-18.3,7.3-35.5,20.3-48.3 C34.7,8.5,51.8,1.5,70,1.5c0.1,0,0.3,0,0.4,0c18.3,0.1,35.5,7.3,48.3,20.3c12.9,13,19.9,30.2,19.8,48.5 C138.3,108,107.6,138.5,70,138.5z M70,3.9c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6c-0.2,36.4,29.3,66.3,65.7,66.5 c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7l0,0c0.1-17.7-6.7-34.3-19.1-46.8C104.6,11,88,4,70.4,3.9 C70.2,3.9,70.1,3.9,70,3.9z"
+ id="path15" /></g><g
+ id="g17"><polygon
+ class="st0"
+ points="30.5,97.5 30.5,47.4 109.5,47.3 109.5,97.4 60.7,97.4 60.7,95 107.1,95 107.1,49.7 32.9,49.8 32.9,95.1 51.9,95 51.9,97.4 "
+ id="polygon19" /></g><g
+ id="g21"><path
+ class="st0"
+ d="M57.1,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1 c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C63.3,100.5,57.4,111.2,57.1,111.6z"
+ id="path23" /></g><g
+ id="g25"><polygon
+ class="st0"
+ points="50,75.1 47.9,74 53.1,64.4 58.4,74 56.3,75.1 53.1,69.4 "
+ id="polygon27" /></g><g
+ id="g29"><path
+ class="st0"
+ d="M72.8,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1 c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C78.9,100.5,73,111.2,72.8,111.6z"
+ id="path31" /></g><g
+ id="g33"><polygon
+ class="st0"
+ points="72,75.1 68.8,69.4 65.6,75.1 63.5,74 68.8,64.4 74.1,74 "
+ id="polygon35" /></g><g
+ id="g37"><path
+ class="st0"
+ d="M88.5,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.3-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1 c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C94.6,100.5,88.7,111.2,88.5,111.6z"
+ id="path39" /></g><g
+ id="g41"><polygon
+ class="st0"
+ points="81.3,75.1 79.2,74 84.5,64.4 89.7,74 87.6,75.1 84.5,69.4 "
+ id="polygon43" /></g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_RightChair_Section.svg b/qml/images/HMI_HVAC_RightChair_Section.svg
new file mode 100644
index 0000000..bc06af4
--- /dev/null
+++ b/qml/images/HMI_HVAC_RightChair_Section.svg
@@ -0,0 +1,217 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 377 575"
+ style="enable-background:new 0 0 377 575;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_RightChair_Section.svg"><metadata
+ id="metadata106"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs104" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview102"
+ showgrid="false"
+ inkscape:zoom="0.41043478"
+ inkscape:cx="-1186.8708"
+ inkscape:cy="287.5"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{opacity:0.8;fill:#1B1A1D;}
+ .st1{fill:none;stroke:#ACACA5;stroke-width:2;stroke-miterlimit:10;}
+ .st2{fill:#FFFFFF;}
+ .st3{font-family:'Roboto-Regular';}
+ .st4{font-size:140px;}
+ .st5{fill:#66FF99;}
+ .st6{font-family:'Roboto-Light';}
+ .st7{font-size:70px;}
+ .st8{fill:none;stroke:#848286;stroke-miterlimit:10;}
+ .st9{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
+ .st10{fill:url(#SVGID_2_);}
+ .st11{opacity:0.43;fill:url(#SVGID_3_);}
+ .st12{fill:none;stroke:#66FF99;stroke-width:4;stroke-miterlimit:10;}
+ .st13{font-size:16px;}
+ .st14{letter-spacing:2;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><rect
+ x="215.2"
+ y="6.2"
+ class="st0"
+ width="120"
+ height="120"
+ id="rect11" /><rect
+ x="215.2"
+ y="134"
+ class="st0"
+ width="120"
+ height="120"
+ id="rect13" /><g
+ id="g15"><line
+ class="st1"
+ x1="247.7"
+ y1="64.9"
+ x2="302.7"
+ y2="64.9"
+ id="line17" /><line
+ class="st1"
+ x1="275.2"
+ y1="37.4"
+ x2="275.2"
+ y2="92.4"
+ id="line19" /></g><g
+ id="g21"><line
+ class="st1"
+ x1="247.7"
+ y1="193.7"
+ x2="302.7"
+ y2="193.7"
+ id="line23" /></g><text
+ transform="matrix(1 5.460000e-03 -5.460000e-03 1 5.0505 229.7825)"
+ class="st2 st3 st4"
+ id="text25">62°</text>
+<text
+ transform="matrix(1 5.460000e-03 -5.460000e-03 1 15.5522 99.5382)"
+ class="st5 st6 st7"
+ id="text27">Lo</text>
+<rect
+ x="93.1"
+ y="531.8"
+ class="st0"
+ width="78.6"
+ height="9.6"
+ id="rect29" /><rect
+ x="93.1"
+ y="531.8"
+ class="st8"
+ width="78.6"
+ height="9.6"
+ id="rect31" /><rect
+ x="178.1"
+ y="531.8"
+ class="st0"
+ width="78.6"
+ height="9.6"
+ id="rect33" /><rect
+ x="178.1"
+ y="531.8"
+ class="st8"
+ width="78.6"
+ height="9.6"
+ id="rect35" /><g
+ id="g37"><g
+ id="g39"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="84.4673"
+ y1="418.2673"
+ x2="264.0533"
+ y2="418.2673"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop42" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop44" /></linearGradient><polyline
+ class="st9"
+ points="263.6,528.4 263.6,546.9 85,546.9 85,289.1 "
+ id="polyline46" /><g
+ id="g48"><linearGradient
+ id="SVGID_2_"
+ gradientUnits="userSpaceOnUse"
+ x1="84.4673"
+ y1="289.3232"
+ x2="264.0534"
+ y2="289.3232"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop51" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop53" /></linearGradient><circle
+ class="st10"
+ cx="85"
+ cy="289.3"
+ r="3.8"
+ id="circle55" /></g></g></g><g
+ id="g57"><linearGradient
+ id="SVGID_3_"
+ gradientUnits="userSpaceOnUse"
+ x1="-543.1716"
+ y1="540.2239"
+ x2="-428.8081"
+ y2="337.6371"
+ gradientTransform="matrix(-1 0 0 1 -291.8747 0)"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop60" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop62" /></linearGradient><path
+ class="st11"
+ d="M238.4,476.5h-92.4l-39.2-114.9c0,0-2.5-10.9,9.1-11.4s19,16.2,19,16.2s12.3,40.7,24.1,70.4 c0,0,76.7-4.6,89.8-4.6s16.6,5.1,12.5,14.1C257.1,455.3,238.4,476.5,238.4,476.5z"
+ id="path64" /><g
+ id="g66"><g
+ id="g68"><path
+ class="st12"
+ d="M228.3,504.8c0,0-35.8-24-12.9-58.3c17.5-26.3,25.5-41.8,24.4-56.7"
+ id="path70" /><g
+ id="g72"><polygon
+ class="st5"
+ points="249.8,390.5 236.3,375.8 230.3,394.9 "
+ id="polygon74" /></g></g></g><g
+ id="g76"><g
+ id="g78"><path
+ class="st12"
+ d="M204.7,504.8c0,0-35.8-24-12.9-58.3c17.5-26.3,25.5-41.8,24.4-56.7"
+ id="path80" /><g
+ id="g82"><polygon
+ class="st5"
+ points="226.2,390.5 212.7,375.8 206.7,394.9 "
+ id="polygon84" /></g></g></g><g
+ id="g86"><g
+ id="g88"><path
+ class="st12"
+ d="M180.4,504.8c0,0-35.8-24-12.9-58.3c17.5-26.3,25.5-41.8,24.4-56.7"
+ id="path90" /><g
+ id="g92"><polygon
+ class="st5"
+ points="201.9,390.5 188.4,375.8 182.4,394.9 "
+ id="polygon94" /></g></g></g><path
+ class="st12"
+ d="M238.4,476.5h-92.4l-39.2-114.9c0,0-2.5-10.9,9.1-11.4s19,16.2,19,16.2s12.3,40.7,24.1,70.4 c0,0,76.7-4.6,89.8-4.6s16.6,5.1,12.5,14.1C257.1,455.3,238.4,476.5,238.4,476.5z"
+ id="path96" /></g><g
+ id="g98"><text
+ transform="matrix(1 0 0 1 157.4469 572.4147)"
+ class="st2 st3 st13 st14"
+ id="text100">R. Climate</text>
+</g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_RightDetails.svg b/qml/images/HMI_HVAC_RightDetails.svg
new file mode 100644
index 0000000..3e6f7e3
--- /dev/null
+++ b/qml/images/HMI_HVAC_RightDetails.svg
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 440 350"
+ style="enable-background:new 0 0 440 350;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_RightDetails.svg"><metadata
+ id="metadata31"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs29" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview27"
+ showgrid="false"
+ inkscape:zoom="0.67428571"
+ inkscape:cx="-538.58051"
+ inkscape:cy="175"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{opacity:0.8;fill:#1B1A1D;}
+ .st1{fill:none;stroke:#ACACA5;stroke-width:2;stroke-miterlimit:10;}
+ .st2{fill:#FFFFFF;}
+ .st3{font-family:'Roboto-Regular';}
+ .st4{font-size:140px;}
+ .st5{fill:#66FF99;}
+ .st6{font-family:'Roboto-Light';}
+ .st7{font-size:70px;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><rect
+ x="279"
+ y="43.9"
+ class="st0"
+ width="120"
+ height="120"
+ id="rect9" /><rect
+ x="279"
+ y="171.6"
+ class="st0"
+ width="120"
+ height="120"
+ id="rect11" /><g
+ id="g13"><line
+ class="st1"
+ x1="311.5"
+ y1="102.5"
+ x2="366.5"
+ y2="102.5"
+ id="line15" /><line
+ class="st1"
+ x1="339"
+ y1="75"
+ x2="339"
+ y2="130"
+ id="line17" /></g><g
+ id="g19"><line
+ class="st1"
+ x1="311.5"
+ y1="231.3"
+ x2="366.5"
+ y2="231.3"
+ id="line21" /></g><text
+ transform="matrix(1 5.460000e-03 -5.460000e-03 1 68.8093 267.3978)"
+ class="st2 st3 st4"
+ id="text23">62°</text>
+<text
+ transform="matrix(1 5.460000e-03 -5.460000e-03 1 79.311 137.1534)"
+ class="st5 st6 st7"
+ id="text25">Lo</text>
+</g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Right_Chair_OFF.svg b/qml/images/HMI_HVAC_Right_Chair_OFF.svg
new file mode 100644
index 0000000..711a942
--- /dev/null
+++ b/qml/images/HMI_HVAC_Right_Chair_OFF.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 172 172"
+ style="enable-background:new 0 0 172 172;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Right_Chair_OFF.svg"><metadata
+ id="metadata49"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs47" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview45"
+ showgrid="false"
+ inkscape:zoom="1.372093"
+ inkscape:cx="-273.66949"
+ inkscape:cy="86"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:none;stroke:#69676C;stroke-width:4;stroke-miterlimit:10;}
+ .st1{opacity:0.43;fill:#69676C;}
+ .st2{fill:#69676C;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><path
+ class="st0"
+ d="M139.7,135H47.3L8.1,20.1c0,0-2.5-10.9,9.1-11.4c11.6-0.5,19,16.2,19,16.2s12.3,40.7,24.1,70.4 c0,0,76.7-4.6,89.8-4.6c13.1,0,16.6,5.1,12.5,14.1S139.7,135,139.7,135z"
+ id="path11" /><path
+ class="st1"
+ d="M139.7,135H47.3L8.1,20.1c0,0-2.5-10.9,9.1-11.4c11.6-0.5,19,16.2,19,16.2s12.3,40.7,24.1,70.4 c0,0,76.7-4.6,89.8-4.6c13.1,0,16.6,5.1,12.5,14.1S139.7,135,139.7,135z"
+ id="path13" /><g
+ id="g15"><g
+ id="g17"><path
+ class="st0"
+ d="M129.6,163.3c0,0-35.8-24-12.9-58.3c17.5-26.3,25.5-41.8,24.4-56.7"
+ id="path19" /><g
+ id="g21"><polygon
+ class="st2"
+ points="151,49.1 137.6,34.4 131.6,53.4 "
+ id="polygon23" /></g></g></g><g
+ id="g25"><g
+ id="g27"><path
+ class="st0"
+ d="M105.9,163.3c0,0-35.8-24-12.9-58.3c17.5-26.3,25.5-41.8,24.4-56.7"
+ id="path29" /><g
+ id="g31"><polygon
+ class="st2"
+ points="127.4,49.1 113.9,34.4 107.9,53.4 "
+ id="polygon33" /></g></g></g><g
+ id="g35"><g
+ id="g37"><path
+ class="st0"
+ d="M81.6,163.3c0,0-35.8-24-12.9-58.3c17.5-26.3,25.5-41.8,24.4-56.7"
+ id="path39" /><g
+ id="g41"><polygon
+ class="st2"
+ points="103.1,49.1 89.6,34.4 83.7,53.4 "
+ id="polygon43" /></g></g></g></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/HMI_HVAC_Right_Chair_ON.svg b/qml/images/HMI_HVAC_Right_Chair_ON.svg
new file mode 100644
index 0000000..319ef67
--- /dev/null
+++ b/qml/images/HMI_HVAC_Right_Chair_ON.svg
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Layer_2"
+ x="0px"
+ y="0px"
+ viewBox="0 0 172 172"
+ style="enable-background:new 0 0 172 172;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_HVAC_Right_Chair_ON.svg"><metadata
+ id="metadata54"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs52" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview50"
+ showgrid="false"
+ inkscape:zoom="1.372093"
+ inkscape:cx="-265.28814"
+ inkscape:cy="86"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_2" /><style
+ type="text/css"
+ id="style3">
+ .st0{opacity:0.43;fill:url(#SVGID_1_);}
+ .st1{fill:none;stroke:#66FF99;stroke-width:4;stroke-miterlimit:10;}
+ .st2{fill:#66FF99;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="-670.8471"
+ y1="198.7467"
+ x2="-556.4836"
+ y2="-3.84"
+ gradientTransform="matrix(-1 0 0 1 -518.3083 0)"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop12" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop14" /></linearGradient><path
+ class="st0"
+ d="M139.7,135H47.3L8.1,20.1c0,0-2.5-10.9,9.1-11.4c11.6-0.5,19,16.2,19,16.2s12.3,40.7,24.1,70.4 c0,0,76.7-4.6,89.8-4.6c13.1,0,16.6,5.1,12.5,14.1S139.7,135,139.7,135z"
+ id="path16" /><g
+ id="g18"><g
+ id="g20"><path
+ class="st1"
+ d="M129.6,163.3c0,0-35.8-24-12.9-58.3c17.5-26.3,25.5-41.8,24.4-56.7"
+ id="path22" /><g
+ id="g24"><polygon
+ class="st2"
+ points="151,49.1 137.6,34.4 131.6,53.4 "
+ id="polygon26" /></g></g></g><g
+ id="g28"><g
+ id="g30"><path
+ class="st1"
+ d="M105.9,163.3c0,0-35.8-24-12.9-58.3c17.5-26.3,25.5-41.8,24.4-56.7"
+ id="path32" /><g
+ id="g34"><polygon
+ class="st2"
+ points="127.4,49.1 113.9,34.4 107.9,53.4 "
+ id="polygon36" /></g></g></g><g
+ id="g38"><g
+ id="g40"><path
+ class="st1"
+ d="M81.6,163.3c0,0-35.8-24-12.9-58.3c17.5-26.3,25.5-41.8,24.4-56.7"
+ id="path42" /><g
+ id="g44"><polygon
+ class="st2"
+ points="103.1,49.1 89.6,34.4 83.7,53.4 "
+ id="polygon46" /></g></g></g><path
+ class="st1"
+ d="M139.7,135H47.3L8.1,20.1c0,0-2.5-10.9,9.1-11.4c11.6-0.5,19,16.2,19,16.2s12.3,40.7,24.1,70.4 c0,0,76.7-4.6,89.8-4.6c13.1,0,16.6,5.1,12.5,14.1S139.7,135,139.7,135z"
+ id="path48" /></g></g></switch></svg> \ No newline at end of file
diff --git a/qml/images/images.qrc b/qml/images/images.qrc
new file mode 100644
index 0000000..81768a9
--- /dev/null
+++ b/qml/images/images.qrc
@@ -0,0 +1,36 @@
+<RCC>
+ <qresource prefix="/images">
+ <file>HMI_HVAC_AC_Active.svg</file>
+ <file>HMI_HVAC_AC_Inactive.svg</file>
+ <file>HMI_HVAC_AirDown_Active.svg</file>
+ <file>HMI_HVAC_AirDown_Inactive.svg</file>
+ <file>HMI_HVAC_AirRight_Active.svg</file>
+ <file>HMI_HVAC_AirRight_Inactive.svg</file>
+ <file>HMI_HVAC_AirUp_Active.svg</file>
+ <file>HMI_HVAC_AirUp_Inactive.svg</file>
+ <file>HMI_HVAC_Auto_Active.svg</file>
+ <file>HMI_HVAC_Auto_Inactive.svg</file>
+ <file>HMI_HVAC_ChairIndicator_OFF.svg</file>
+ <file>HMI_HVAC_ChairIndicator_One.svg</file>
+ <file>HMI_HVAC_ChairIndicator_Two.svg</file>
+ <file>HMI_HVAC_Circulation_Active.svg</file>
+ <file>HMI_HVAC_Circulation_Inactive.svg</file>
+ <file>HMI_HVAC_Fan_Icon.svg</file>
+ <file>HMI_HVAC_Fan_Section.svg</file>
+ <file>HMI_HVAC_Front_Active.svg</file>
+ <file>HMI_HVAC_Front_Inactive.svg</file>
+ <file>HMI_HVAC_Left_Chair_OFF.svg</file>
+ <file>HMI_HVAC_Left_Chair_ON.svg</file>
+ <file>HMI_HVAC_LeftChair_Section.svg</file>
+ <file>HMI_HVAC_LeftDetails.svg</file>
+ <file>HMI_HVAC_Minus_Push.svg</file>
+ <file>HMI_HVAC_Minus.svg</file>
+ <file>HMI_HVAC_Plus.svg</file>
+ <file>HMI_HVAC_Rear_Active.svg</file>
+ <file>HMI_HVAC_Rear_Inactive.svg</file>
+ <file>HMI_HVAC_Right_Chair_OFF.svg</file>
+ <file>HMI_HVAC_Right_Chair_ON.svg</file>
+ <file>HMI_HVAC_RightChair_Section.svg</file>
+ <file>HMI_HVAC_RightDetails.svg</file>
+ </qresource>
+</RCC>
diff --git a/qml/main.cpp b/qml/main.cpp
new file mode 100644
index 0000000..b2133f7
--- /dev/null
+++ b/qml/main.cpp
@@ -0,0 +1,46 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ *
+ * 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.
+ */
+
+#include <QtCore/QDebug>
+#include <QtGui/QGuiApplication>
+#include <QtQml/QQmlApplicationEngine>
+#include <QtQuickControls2/QQuickStyle>
+
+#ifdef HAVE_LIBHOMESCREEN
+#include <libhomescreen.hpp>
+#endif
+
+int main(int argc, char *argv[])
+{
+#ifdef HAVE_LIBHOMESCREEN
+ LibHomeScreen libHomeScreen;
+
+ if (!libHomeScreen.renderAppToAreaAllowed(0, 1)) {
+ qWarning() << "renderAppToAreaAllowed is denied";
+ return -1;
+ }
+#endif
+
+ QGuiApplication app(argc, argv);
+
+ QQuickStyle::setStyle("AGL");
+
+ QQmlApplicationEngine engine;
+ engine.load(QUrl(QStringLiteral("qrc:/HVAC.qml")));
+
+ return app.exec();
+}
+
diff --git a/qml/models/HVACModel.qml b/qml/models/HVACModel.qml
deleted file mode 100644
index e737af4..0000000
--- a/qml/models/HVACModel.qml
+++ /dev/null
@@ -1,47 +0,0 @@
-/* Copyright (C) 2015, Jaguar Land Rover. All Rights Reserved.
- *
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-pragma Singleton
-
-import QtQuick 2.0
-import vehicle 1.0
-
-Item {
- property bool fanUp: false
- property bool fanRight: false
- property bool fanDown: false
-
- property bool fanAC: false
- property bool fanAuto: false
- property bool fanRecirc: false
-
- property real fanSpeed: 0
-
- property bool defrostMax: false
- property bool defrostFront: false
- property bool defrostRear: false
-
- property real leftTemperature: 0
- property real rightTemperature: 0
-
- property int leftSeatHeat: 0
- property int rightSeatHeat: 0
-
- onFanSpeedChanged: {
- var currentFan = ClimateModel.getRangeValue(fanSpeed,ClimateModel.fanStepSize);
- ClimateModel.fanSpeed = currentFan;
- }
-
- onLeftTemperatureChanged: {
- var temperature = ClimateModel.getRangeValue(leftTemperature,ClimateModel.temperatureStepSize);
- ClimateModel.leftTemp = temperature;
- }
-
- onRightTemperatureChanged: {
- var temperature = ClimateModel.getRangeValue(rightTemperature,ClimateModel.temperatureStepSize);
- ClimateModel.rightTemp = temperature;
- }
-}
diff --git a/qml/models/TemperatureModel.qml b/qml/models/TemperatureModel.qml
deleted file mode 100644
index 85ca415..0000000
--- a/qml/models/TemperatureModel.qml
+++ /dev/null
@@ -1,28 +0,0 @@
-/* Copyright (C) 2015, Jaguar Land Rover. All Rights Reserved.
- *
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-pragma Singleton
-
-import QtQuick 2.0
-
-ListModel {
- ListElement { text: "LO" }
- ListElement { text: "16\u00b0" }
- ListElement { text: "17\u00b0" }
- ListElement { text: "18\u00b0" }
- ListElement { text: "19\u00b0" }
- ListElement { text: "20\u00b0" }
- ListElement { text: "21\u00b0" }
- ListElement { text: "22\u00b0" }
- ListElement { text: "23\u00b0" }
- ListElement { text: "24\u00b0" }
- ListElement { text: "25\u00b0" }
- ListElement { text: "26\u00b0" }
- ListElement { text: "27\u00b0" }
- ListElement { text: "28\u00b0" }
- ListElement { text: "29\u00b0" }
- ListElement { text: "HI" }
-}
diff --git a/qml/models/qmldir b/qml/models/qmldir
deleted file mode 100644
index d757168..0000000
--- a/qml/models/qmldir
+++ /dev/null
@@ -1,8 +0,0 @@
-#/* Copyright (C) 2015, Jaguar Land Rover. All Rights Reserved.
-# *
-# * This Source Code Form is subject to the terms of the Mozilla Public
-# * License, v. 2.0. If a copy of the MPL was not distributed with this
-# * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-singleton HVACModel 1.0 HVACModel.qml
-singleton TemperatureModel 1.0 TemperatureModel.qml