Initial import from CES2017 repositoryeel_4.99.3eel_4.99.2eel_4.99.1eel/4.99.3eel/4.99.2eel/4.99.1dab_3.99.1dab/3.99.1chinook_3.0.4chinook/3.0.44.99.34.99.24.99.13.99.13.0.4chinook

Pull AGL QtQuickControls2 style customizations out of CES2017 repository.

Bug-AGL: SPEC-462

Change-Id: I7d7c6df3ea2832026adf26c640c56308668f0340
Signed-off-by: Scott Murray <scott.murray@konsulko.com>

16 files changed, 791 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..04dd476
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/ApplicationWindow.qml
@@ -0,0 +1,36 @@
+/*
+ * 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
+    width: 1080
+    height: 1920 - 218 - 215
+    visible: true
+    flags: Qt.FramelessWindowHint
+
+    font.family: 'Robota'
+
+    background: Image {
+        anchors.fill: parent
+        anchors.topMargin:  -218
+        anchors.bottomMargin: -215
+        source: './images/AGL_HMI_Background_NoCar-01.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..8a085e9
--- /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: 200
+        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..26135a1
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/ProgressBar.qml
@@ -0,0 +1,51 @@
+/*
+ * 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.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 {
+            rotation: -90
+            transformOrigin: Item.TopLeft
+            y: 10
+            width: parent.height
+            height: control.visualPosition * background.width
+            radius: width / 2
+            gradient: Gradient {
+                GradientStop { position: 0.0; color: '#59FF7F' }
+                GradientStop { position: 1.0; color: '#6BFBFF' }
+            }
+        }
+    }
+}
diff --git a/imports/qtquickcontrols2aglstyle/Slider.qml b/imports/qtquickcontrols2aglstyle/Slider.qml
new file mode 100644
index 0000000..6c9863b
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/Slider.qml
@@ -0,0 +1,56 @@
+/*
+ * 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.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 {
+            rotation: -90
+            transformOrigin: Item.TopLeft
+            y: parent.height
+            width: parent.height
+            height: handle.x + handle.width
+            radius: width / 2
+            gradient: Gradient {
+                GradientStop { position: 0.0; color: '#59FF7F' }
+                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_Background_NoCar-01.png b/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Background_NoCar-01.png
new file mode 100644
index 0000000..595f742
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Background_NoCar-01.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..4251412
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Cancel.svg
@@ -0,0 +1,93 @@
+<?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;#38;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 151 51"
+   style="enable-background:new 0 0 151 51;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="HMI_Settings_TimeDate_Button_Cancel.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="4.4503311"
+     inkscape:cx="-69.095982"
+     inkscape:cy="25.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:url(#SVGID_1_);stroke-miterlimit:10;}
+	.st1{opacity:0.3;fill:url(#SVGID_2_);}
+	.st2{fill:#FFFFFF;}
+	.st3{font-family:'Roboto-Regular';}
+	.st4{font-size:20px;}
+	.st5{letter-spacing:3;}
+</style><switch
+     id="switch5"><g
+       i:extraneous="self"
+       id="g7"><g
+         id="g9"><linearGradient
+           id="SVGID_1_"
+           gradientUnits="userSpaceOnUse"
+           x1="24.7258"
+           y1="75.9063"
+           x2="126.2742"
+           y2="-24.9063"><stop
+             offset="0"
+             style="stop-color:#59FF7F"
+             id="stop12" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop14" /></linearGradient><rect
+           x="0.5"
+           y="0.5"
+           class="st0"
+           width="150"
+           height="50"
+           id="rect16" /><linearGradient
+           id="SVGID_2_"
+           gradientUnits="userSpaceOnUse"
+           x1="-25.8746"
+           y1="126.14"
+           x2="190.2191"
+           y2="-88.3878"><stop
+             offset="0"
+             style="stop-color:#59FF7F"
+             id="stop19" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop21" /></linearGradient><rect
+           x="0.5"
+           y="0.5"
+           class="st1"
+           width="150"
+           height="50"
+           id="rect23" /></g></g></switch></svg>
\ No newline at end of file
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..dac68d8
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Ok.svg
@@ -0,0 +1,93 @@
+<?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;#38;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 151 51"
+   style="enable-background:new 0 0 151 51;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="HMI_Settings_TimeDate_Button_Set.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="4.4503311"
+     inkscape:cx="-106.17187"
+     inkscape:cy="25.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:url(#SVGID_1_);stroke-miterlimit:10;}
+	.st1{opacity:0.84;fill:url(#SVGID_2_);}
+	.st2{fill:#27232B;}
+	.st3{font-family:'Roboto-Regular';}
+	.st4{font-size:20px;}
+	.st5{letter-spacing:3;}
+</style><switch
+     id="switch5"><g
+       i:extraneous="self"
+       id="g7"><g
+         id="g9"><linearGradient
+           id="SVGID_1_"
+           gradientUnits="userSpaceOnUse"
+           x1="24.7258"
+           y1="75.9063"
+           x2="126.2742"
+           y2="-24.9063"><stop
+             offset="0"
+             style="stop-color:#59FF7F"
+             id="stop12" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop14" /></linearGradient><rect
+           x="0.5"
+           y="0.5"
+           class="st0"
+           width="150"
+           height="50"
+           id="rect16" /><linearGradient
+           id="SVGID_2_"
+           gradientUnits="userSpaceOnUse"
+           x1="-25.8746"
+           y1="126.14"
+           x2="190.2191"
+           y2="-88.3878"><stop
+             offset="0"
+             style="stop-color:#59FF7F"
+             id="stop19" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop21" /></linearGradient><rect
+           x="0.5"
+           y="0.5"
+           class="st1"
+           width="150"
+           height="50"
+           id="rect23" /></g></g></switch></svg>
\ No newline at end of file
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..f448359
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_OFF.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 211 55"
+   style="enable-background:new 0 0 211 55;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="HMI_Settings_Toggle_OFF.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="3.1848341"
+     inkscape:cx="-36.579613"
+     inkscape:cy="27.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:#FFFFFF;}
+	.st1{font-family:'Roboto-Regular';}
+	.st2{font-size:30px;}
+	.st3{fill:#848286;}
+</style><switch
+     id="switch5"><g
+       i:extraneous="self"
+       id="g7"><g
+         id="g9"><g
+           id="g11"><text
+             transform="matrix(1 5.460000e-03 -5.460000e-03 1 0.2607 36.1283)"
+             class="st0 st1 st2"
+             id="text13">OFF</text>
+</g><g
+           id="g15"><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"
+             id="path17" /></g><g
+           id="g19"><circle
+             class="st0"
+             cx="95.3"
+             cy="27.5"
+             r="27.2"
+             id="circle21" /></g></g></g></switch></svg>
\ No newline at end of file
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..3ee9843
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_ON.svg
@@ -0,0 +1,82 @@
+<?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 211 55"
+   style="enable-background:new 0 0 211 55;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="HMI_Settings_Toggle_ON.svg"><metadata
+     id="metadata32"><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="defs30" /><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="namedview28"
+     showgrid="false"
+     inkscape:zoom="3.1848341"
+     inkscape:cx="-48.040179"
+     inkscape:cy="27.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:#FFFFFF;}
+	.st1{font-family:'Roboto-Regular';}
+	.st2{font-size:30px;}
+	.st3{fill:url(#SVGID_1_);}
+</style><switch
+     id="switch5"><g
+       i:extraneous="self"
+       id="g7"><g
+         id="g9"><g
+           id="g11"><text
+             transform="matrix(1 5.460000e-03 -5.460000e-03 1 0.2607 36.1283)"
+             class="st0 st1 st2"
+             id="text13">ON</text>
+</g><g
+           id="g15"><linearGradient
+             id="SVGID_1_"
+             gradientUnits="userSpaceOnUse"
+             x1="68.1324"
+             y1="27.5007"
+             x2="210.7838"
+             y2="27.5007"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop18" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop20" /></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"
+             id="path22" /></g><g
+           id="g24"><circle
+             class="st0"
+             cx="183.6"
+             cy="27.5"
+             r="27.2"
+             id="circle26" /></g></g></g></switch></svg>
\ No newline at end of file
diff --git a/imports/qtquickcontrols2aglstyle/qtquickcontrols2aglstyle.pro b/imports/qtquickcontrols2aglstyle/qtquickcontrols2aglstyle.pro
new file mode 100644
index 0000000..360c716
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/qtquickcontrols2aglstyle.pro
@@ -0,0 +1,8 @@
+TEMPLATE = aux
+
+DISTFILES = *.qml images
+
+files.files = $$DISTFILES
+files.path = $$[QT_INSTALL_QML]/QtQuick/Controls.2/AGL
+
+INSTALLS += files