Change background image for demo3 cluster mode.needlefish_13.93.0needlefish/13.93.0marlin_12.93.0marlin_12.92.0marlin_12.91.0marlin_12.90.1marlin_12.90.0marlin/12.93.0marlin/12.92.0marlin/12.91.0marlin/12.90.1marlin/12.90.0lamprey_11.92.0lamprey_11.91.0lamprey/11.92.0lamprey/11.91.0koi_10.93.0koi_10.92.0koi_10.91.0koi/10.93.0koi/10.92.0koi/10.91.0jellyfish_9.99.4jellyfish_9.99.3jellyfish_9.99.2jellyfish_9.99.1jellyfish/9.99.4jellyfish/9.99.3jellyfish/9.99.2jellyfish/9.99.1icefish_8.99.5icefish_8.99.4icefish_8.99.3icefish_8.99.2icefish_8.99.1icefish/8.99.5icefish/8.99.4icefish/8.99.3icefish/8.99.2icefish/8.99.1halibut_8.0.6halibut_8.0.5halibut_8.0.4halibut_8.0.3halibut_8.0.2halibut_8.0.1halibut_8.0.0halibut_7.99.3halibut_7.99.2halibut_7.99.1halibut/8.0.6halibut/8.0.5halibut/8.0.4halibut/8.0.3halibut/8.0.2halibut/8.0.1halibut/8.0.0halibut/7.99.3halibut/7.99.2halibut/7.99.19.99.49.99.39.99.29.99.18.99.58.99.48.99.38.99.28.99.18.0.68.0.58.0.48.0.38.0.28.0.18.0.07.99.37.99.27.99.113.93.012.93.012.92.012.91.012.90.112.90.011.92.011.91.010.93.010.92.010.91.0halibut

Change background image for demo3 cluster mode.

Change-Id: If7aa520cfb5dccb6a2ed72e29028863e0994dc1b
BUG-AGL: SPEC-2261
Signed-off-by: zheng_wenlong <wenlong_zheng@nexty-ele.com>

17 files changed, 622 insertions, 0 deletions

diff --git a/imports/imports.pro b/imports/imports.pro
new file mode 100644
index 0000000..6eb6b10
--- /dev/null
+++ b/imports/imports.pro
@@ -0,0 +1,2 @@
+TEMPLATE = subdirs
+SUBDIRS = qtquickcontrols2aglstyle
diff --git a/imports/qtquickcontrols2aglstyle/ApplicationWindow.qml b/imports/qtquickcontrols2aglstyle/ApplicationWindow.qml
new file mode 100644
index 0000000..f923d46
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/ApplicationWindow.qml
@@ -0,0 +1,35 @@
+/*
+ * 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.
+ */
+
+import QtQuick 2.6
+import QtQuick.Window 2.2
+import QtQuick.Templates 2.0 as T
+
+T.ApplicationWindow {
+    id: root
+    visible: true
+    flags: Qt.FramelessWindowHint
+
+    font.family: 'Robota'
+
+    background: Image {
+        anchors {
+            fill: parent
+            centerIn: parent
+        }
+        source: './images/AGL_HMI_Blue_Background_NoCar-1920x720.png'
+    }
+}
diff --git a/imports/qtquickcontrols2aglstyle/Button.qml b/imports/qtquickcontrols2aglstyle/Button.qml
new file mode 100644
index 0000000..eee700d
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/Button.qml
@@ -0,0 +1,63 @@
+/*
+ * 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.
+ */
+
+import QtQuick 2.6
+import QtQuick.Window 2.0
+import QtQuick.Templates 2.0 as T
+
+T.Button {
+    id: root
+    implicitWidth: background.implicitWidth
+    implicitHeight: background.implicitHeight
+    font.family: 'Roboto'
+    font.pixelSize: Math.min(Screen.width, Screen.height) / 50
+
+    Translate {
+        id: translate
+    }
+
+    contentItem: Text {
+        text: root.text
+        font: root.font
+        opacity: enabled ? 1.0 : 0.3
+        color: 'white'
+        horizontalAlignment: Text.AlignHCenter
+        verticalAlignment: Text.AlignVCenter
+        elide: Text.ElideRight
+        transform: translate
+    }
+
+    background: Image {
+        source: root.highlighted ? './images/HMI_Settings_Button_Ok.svg' : './images/HMI_Settings_Button_Cancel.svg'
+        transform: translate
+    }
+
+    states: [
+        State {
+            name: 'pressed'
+            when: root.pressed
+            PropertyChanges {
+                target: translate
+                x: 3
+                y: 3
+            }
+            PropertyChanges {
+                target: background
+                opacity: 0.75
+            }
+        }
+    ]
+}
diff --git a/imports/qtquickcontrols2aglstyle/Label.qml b/imports/qtquickcontrols2aglstyle/Label.qml
new file mode 100644
index 0000000..3e9a934
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/Label.qml
@@ -0,0 +1,25 @@
+/*
+ * 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.
+ */
+
+import QtQuick 2.6
+import QtQuick.Window 2.2
+import QtQuick.Templates 2.0 as T
+
+T.Label {
+    font.family: 'Roboto'
+    font.pixelSize: Math.min(Screen.width, Screen.height) / 30
+    color: 'white'
+}
diff --git a/imports/qtquickcontrols2aglstyle/Page.qml b/imports/qtquickcontrols2aglstyle/Page.qml
new file mode 100644
index 0000000..0ce5de2
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/Page.qml
@@ -0,0 +1,58 @@
+/*
+ * 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.
+ */
+
+import QtQuick 2.6
+import QtQuick.Templates 2.0 as T
+
+T.Page {
+    id: root
+
+    Item {
+        id: headerItem
+        height: 150
+        opacity: 0.0
+        Label {
+            id: text
+            text: root.title.toUpperCase()
+            anchors.left: bar.left
+            anchors.bottom: bar.top
+        }
+        Rectangle {
+            id: bar
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.bottom: parent.bottom
+            width: root.width * 0.85
+            height: 1
+            color: 'white'
+        }
+    }
+    states: [
+        State {
+            when: root.title.length > 0
+            PropertyChanges {
+                target: root
+                header: headerItem
+            }
+            PropertyChanges {
+                target: headerItem
+                opacity: 0.5
+            }
+        }
+    ]
+
+    contentItem: Item {}
+    background: Item {}
+}
diff --git a/imports/qtquickcontrols2aglstyle/ProgressBar.qml b/imports/qtquickcontrols2aglstyle/ProgressBar.qml
new file mode 100644
index 0000000..6d5e3ae
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/ProgressBar.qml
@@ -0,0 +1,71 @@
+/*
+ * 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.
+ */
+
+import QtQuick 2.6
+import QtQuick.Templates 2.0 as T
+import QtGraphicalEffects 1.0
+
+T.ProgressBar {
+    id: control
+    implicitWidth: background.implicitWidth
+    implicitHeight: background.implicitHeight
+
+    background: Rectangle {
+        implicitWidth: 200
+        implicitHeight: 10
+        radius: control.height / 2
+        x: control.leftPadding
+        y: parent.height / 2 - height / 2
+        color: "#666666"
+    }
+
+    contentItem: Item {
+        implicitWidth: background.implicitWidth
+        implicitHeight: background.implicitHeight
+
+        Rectangle {
+            width: control.visualPosition * background.width
+            height: background.height
+            radius: background.radius
+            visible: !control.indeterminate
+        }
+
+        Rectangle {
+            visible: control.indeterminate
+            width: background.width * 0.1
+            height: background.height
+            radius: background.radius
+            NumberAnimation on x {
+                from: 0
+                to: background.width * 0.9
+                duration: 2000
+                loops: Animation.Infinite
+                running: control.indeterminate
+                easing.type: Easing.SineCurve
+            }
+        }
+
+        layer.enabled: true
+        layer.effect: LinearGradient {
+            start: Qt.point(0, 0)
+            end: Qt.point(background.width, 0)
+            gradient: Gradient {
+                GradientStop { position: 0.0; color: "#00ADDC" }
+                GradientStop { position: 1.0; color: "#6BFBFF" }
+            }
+        }
+    }
+}
diff --git a/imports/qtquickcontrols2aglstyle/Slider.qml b/imports/qtquickcontrols2aglstyle/Slider.qml
new file mode 100644
index 0000000..5b6a495
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/Slider.qml
@@ -0,0 +1,60 @@
+/*
+ * 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.
+ */
+
+import QtQuick 2.6
+import QtQuick.Templates 2.0 as T
+import QtGraphicalEffects 1.0
+
+T.Slider {
+    id: root
+    implicitWidth: background.implicitWidth
+    implicitHeight: handle.implicitHeight
+
+    background: Rectangle {
+        implicitWidth: 200
+        height: 10
+        radius: height / 2
+        x: root.leftPadding
+        y: parent.height / 2 - height / 2
+        color: "#666666"
+
+        Rectangle {
+            height: parent.height
+            width: handle.x + handle.width
+            radius: height / 2
+
+            layer.enabled: true
+            layer.effect: LinearGradient {
+                start: Qt.point(0, 0)
+                end: Qt.point(background.width, 0)
+                gradient: Gradient {
+                    GradientStop { position: 0.0; color: "#00ADDC" }
+                    GradientStop { position: 1.0; color: "#6BFBFF" }
+                }
+            }
+        }
+    }
+
+    handle: Rectangle {
+        x: root.leftPadding + root.visualPosition * (root.availableWidth - width)
+        y: root.topPadding + root.availableHeight / 2 - height / 2
+        implicitWidth: implicitHeight
+        implicitHeight: 50
+        radius: implicitHeight / 2
+        color: root.pressed ? "#f0f0f0" : "#f6f6f6"
+        border.color: "#bdbebf"
+    }
+}
diff --git a/imports/qtquickcontrols2aglstyle/Switch.qml b/imports/qtquickcontrols2aglstyle/Switch.qml
new file mode 100644
index 0000000..f3f712e
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/Switch.qml
@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+
+import QtQuick 2.6
+import QtQuick.Templates 2.0 as T
+
+T.Switch {
+    id: root
+    implicitWidth: indicator.implicitWidth
+    implicitHeight: indicator.implicitHeight
+
+    indicator: Image {
+        source: root.checked ? './images/HMI_Settings_Toggle_ON.svg' : './images/HMI_Settings_Toggle_OFF.svg'
+    }
+}
diff --git a/imports/qtquickcontrols2aglstyle/TextField.qml b/imports/qtquickcontrols2aglstyle/TextField.qml
new file mode 100644
index 0000000..5429afb
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/TextField.qml
@@ -0,0 +1,40 @@
+/*
+ * 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.
+ */
+
+import QtQuick 2.6
+import QtQuick.Window 2.2
+import QtQuick.Templates 2.0 as T
+
+T.TextField {
+    id: root
+    implicitWidth: background.implicitWidth
+    implicitHeight: background.implicitHeight
+    font.family: 'Roboto'
+    font.pixelSize: Math.min(Screen.width, Screen.height) / 20
+    color: 'white'
+
+    background: Item {
+        implicitWidth: 586
+        implicitHeight: Math.min(Screen.width, Screen.height) / 20
+        Rectangle {
+            anchors.left: parent.left
+            anchors.bottom: parent.bottom
+            anchors.right: parent.right
+            height: 1
+            color: 'white'
+        }
+    }
+}
diff --git a/imports/qtquickcontrols2aglstyle/Tumbler.qml b/imports/qtquickcontrols2aglstyle/Tumbler.qml
new file mode 100644
index 0000000..5ec6653
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/Tumbler.qml
@@ -0,0 +1,86 @@
+/****************************************************************************
+**
+** Copyright (C) 2016 The Qt Company Ltd.
+** Contact: http://www.qt.io/licensing/
+**
+** This file is part of the Qt Quick Controls 2 module of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see http://www.qt.io/terms-conditions. For further
+** information use the contact form at http://www.qt.io/contact-us.
+**
+** GNU Lesser General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU Lesser
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.LGPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU Lesser General Public License version 3 requirements
+** will be met: https://www.gnu.org/licenses/lgpl.html.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 2.0 or later as published by the Free
+** Software Foundation and appearing in the file LICENSE.GPL included in
+** the packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 2.0 requirements will be
+** met: http://www.gnu.org/licenses/gpl-2.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.6
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 2.0
+import QtQuick.Templates 2.0 as T
+
+T.Tumbler {
+    id: control
+    implicitWidth: 200
+    implicitHeight: 200
+
+    //! [delegate]
+    delegate: Label {
+        width: PathView.view.width
+        text: model.modelData
+        opacity: PathView.isCurrentItem ? 1 : 0.5
+        Behavior on opacity {
+            NumberAnimation { duration: 250 }
+        }
+
+        horizontalAlignment: Text.AlignHCenter
+        verticalAlignment: Text.AlignVCenter
+    }
+    //! [delegate]
+
+    //! [contentItem]
+    contentItem: PathView {
+        id: pathView
+        anchors.fill: parent
+        model: control.model
+        delegate: control.delegate
+        clip: true
+        pathItemCount: control.visibleItemCount + 1
+        preferredHighlightBegin: 0.5
+        preferredHighlightEnd: 0.5
+        dragMargin: width / 2
+
+        path: Path {
+            startX: pathView.width / 2
+            startY: -pathView.delegateHeight / 2
+            PathLine {
+                x: pathView.width / 2
+                y: pathView.pathItemCount * pathView.delegateHeight - pathView.delegateHeight / 2
+            }
+        }
+
+        property real delegateHeight: pathView.height / control.visibleItemCount
+
+    }
+    //! [contentItem]
+}
diff --git a/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Blue_Background_NoCar-01.png b/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Blue_Background_NoCar-01.png
new file mode 100644
index 0000000..a76b140
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Blue_Background_NoCar-01.png
diff --git a/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Blue_Background_NoCar-1920x720.png b/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Blue_Background_NoCar-1920x720.png
new file mode 100644
index 0000000..e413300
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Blue_Background_NoCar-1920x720.png
diff --git a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Cancel.svg b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Cancel.svg
new file mode 100644
index 0000000..6d234fb
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Cancel.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 151 51"
+	 style="enable-background:new 0 0 151 51;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#0DF9FF;stroke-miterlimit:10;}
+	.st1{opacity:0.3;fill:url(#SVGID_1_);stroke:#0DF9FF;stroke-miterlimit:10;}
+	.st2{fill:#FFFFFF;}
+	.st3{font-family:'Roboto-Regular';}
+	.st4{font-size:20px;}
+	.st5{letter-spacing:3;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<rect x="0.5" y="0.5" class="st0" width="150" height="50"/>
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-25.8746" y1="126.14" x2="190.2191" y2="-88.3878">
+				<stop  offset="0" style="stop-color:#00ADDC"/>
+				<stop  offset="1" style="stop-color:#6BFBFF"/>
+			</linearGradient>
+			<rect x="0.5" y="0.5" class="st1" width="150" height="50"/>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Ok.svg b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Ok.svg
new file mode 100644
index 0000000..c7831ff
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Ok.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 151 51"
+	 style="enable-background:new 0 0 151 51;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.84;fill:url(#SVGID_1_);}
+	.st1{fill:none;stroke:#0DF9FF;stroke-miterlimit:10;}
+	.st2{fill:#27232B;}
+	.st3{font-family:'Roboto-Regular';}
+	.st4{font-size:20px;}
+	.st5{letter-spacing:3;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-25.8746" y1="125.9981" x2="190.2191" y2="-88.5298">
+				<stop  offset="0" style="stop-color:#00ADDC"/>
+				<stop  offset="1" style="stop-color:#6BFBFF"/>
+			</linearGradient>
+			<rect x="0.5" y="0.4" class="st0" width="150" height="50"/>
+			<rect x="0.5" y="0.4" class="st1" width="150" height="50"/>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_OFF.svg b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_OFF.svg
new file mode 100644
index 0000000..94fbf06
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_OFF.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 211 55"
+	 style="enable-background:new 0 0 211 55;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{font-family:'Roboto-Regular';}
+	.st2{font-size:30px;}
+	.st3{fill:#848286;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<g>
+				<path class="st3" d="M183.7,54.6H95.3c-15,0-27.1-12.1-27.1-27.1S80.3,0.4,95.3,0.4h88.4c15,0,27.1,12.1,27.1,27.1
+					S198.6,54.6,183.7,54.6z"/>
+			</g>
+			<g>
+				<circle class="st0" cx="95.3" cy="27.5" r="27.2"/>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_ON.svg b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_ON.svg
new file mode 100644
index 0000000..705e733
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_ON.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 211 55"
+	 style="enable-background:new 0 0 211 55;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{font-family:'Roboto-Regular';}
+	.st2{font-size:30px;}
+	.st3{fill:url(#SVGID_1_);}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<g>
+				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="68.1324" y1="27.5007" x2="210.7838" y2="27.5007">
+					<stop  offset="0" style="stop-color:#00ADDC"/>
+					<stop  offset="1" style="stop-color:#6BFBFF"/>
+				</linearGradient>
+				<path class="st3" d="M183.7,54.6H95.3c-15,0-27.1-12.1-27.1-27.1S80.3,0.4,95.3,0.4h88.4c15,0,27.1,12.1,27.1,27.1
+					S198.6,54.6,183.7,54.6z"/>
+			</g>
+			<g>
+				<circle class="st0" cx="183.6" cy="27.5" r="27.2"/>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/imports/qtquickcontrols2aglstyle/qtquickcontrols2aglstyle.pro b/imports/qtquickcontrols2aglstyle/qtquickcontrols2aglstyle.pro
new file mode 100644
index 0000000..5a34485
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/qtquickcontrols2aglstyle.pro
@@ -0,0 +1,8 @@
+TEMPLATE = aux
+
+DISTFILES = *.qml images
+
+files.files = $$DISTFILES
+files.path = $$PREFIX$$[QT_INSTALL_QML]/QtQuick/Controls.2/AGL
+
+INSTALLS += files