Initial commit of Pelagicore's Neptune-UI with squashed history.

Change-Id: I36747394458e3528f38ed9c078334c260f22d53b
Reviewed-by: Lars Knoll <lars.knoll@theqtcompany.com>

16 files changed, 1245 insertions, 0 deletions

diff --git a/boards/AppButtonBoard.qml b/boards/AppButtonBoard.qml
new file mode 100644
index 0000000..20e705f
--- /dev/null
+++ b/boards/AppButtonBoard.qml
@@ -0,0 +1,71 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.1
+import QtQuick.Controls 1.0 as QControls
+import QtQuick.Layouts 1.0
+
+import controls 1.0
+import utils 1.0
+import "../sysui/Launcher"
+
+BaseBoard {
+    id: root
+
+    title: "App Launcher Grid Delegate Board"
+    color: "#333"
+
+    Component.onCompleted: Style.debugMode = true
+    ColumnLayout {
+
+        AppButton {
+            icon: Style.icon("widgets_phone")
+            name: "Hello World"
+            onClicked: print("Clicked")
+        }
+
+        AppButton {
+            icon: Style.icon("widgets_phone")
+            name: "Downloading"
+            installProgress: slider.value
+        }
+
+        QControls.Slider {
+            id: slider
+            minimumValue: 0
+            maximumValue: 1
+            Layout.fillWidth: true
+        }
+
+        AppButton {
+            icon: Style.icon("widgets_phone")
+            name: "Edit Mode"
+            editMode: true
+            onRemoveClicked: print("Remove clicked")
+        }
+    }
+}
diff --git a/boards/AssetsBoard.qml b/boards/AssetsBoard.qml
new file mode 100644
index 0000000..b7d25de
--- /dev/null
+++ b/boards/AssetsBoard.qml
@@ -0,0 +1,58 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtQuick.Controls 1.0
+import QtQuick.Layouts 1.0
+import Qt.labs.folderlistmodel 2.0
+import utils 1.0
+
+BaseBoard {
+    color: '#333'
+
+
+    Item {
+        id: content
+        anchors.fill: parent
+        FolderListModel {
+            id: folderModel
+            folder: Qt.resolvedUrl("../../assets/drawable-ldpi")
+        }
+        GridView {
+            anchors.fill: parent
+            anchors.margins: 32
+            clip: true
+            cellWidth: 72; cellHeight: 72
+            model: folderModel
+            delegate: Image {
+                width: 64; height: 64; source: Style.icon(model.fileBaseName)
+                fillMode: Image.PreserveAspectFit
+                asynchronous: true
+            }
+        }
+    }
+}
diff --git a/boards/BaseBoard.qml b/boards/BaseBoard.qml
new file mode 100644
index 0000000..1e3bd18
--- /dev/null
+++ b/boards/BaseBoard.qml
@@ -0,0 +1,61 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import controls 1.0
+import utils 1.0
+
+Item {
+    id: root
+    width: Style.cellWidth*12
+    height: Style.cellHeight*24
+    property alias title: label.text
+
+    default property alias content: content.children
+    property alias color: background.color
+
+    Rectangle {
+        id: background
+        anchors.fill: parent
+        color: '#000000'
+    }
+
+    Label {
+        id: label
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.top: parent.top
+    }
+
+    Item {
+        id: content
+        anchors.top: label.bottom
+        anchors.margins: Style.padding
+        anchors.bottom: parent.bottom
+        anchors.left: parent.left
+        anchors.right: parent.right
+    }
+}
diff --git a/boards/ButtonBoard.qml b/boards/ButtonBoard.qml
new file mode 100644
index 0000000..3739b6c
--- /dev/null
+++ b/boards/ButtonBoard.qml
@@ -0,0 +1,91 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.1
+import QtQuick.Controls 1.0
+import QtQuick.Layouts 1.0
+
+import controls 1.0
+import utils 1.0
+
+BaseBoard {
+    id: root
+
+    title: "Button Board"
+
+    Flickable {
+        id: scrollView
+        anchors.fill: parent
+
+        flickableDirection: Flickable.VerticalFlick
+        contentWidth: layout.width; contentHeight: layout.height
+
+        GridLayout {
+            id: layout
+
+            width: parent.width
+
+            rowSpacing: Style.paddingXL
+            columnSpacing: Style.padding
+
+            columns: 2
+
+            Label { hspan: 8; text: "No Text, No Icon, grid 2x2" }
+            Button {
+                hspan: 2; vspan: 2
+
+                Marker { anchors.fill: parent; visible: parent.pressed }
+                Tracer { visible: true }
+            }
+
+            Label { hspan: 8; text: "Only text, grid 2x1" }
+            Button {
+                hspan: 2; vspan: 1
+                text: "Press me"
+
+                Marker { anchors.fill: parent; visible: parent.pressed }
+            }
+
+            Label { hspan: 8; text: "Only icon, grid 1x2" }
+            Button {
+                hspan: 1; vspan: 2
+                iconName: "widgets_play_track"
+
+                Marker { anchors.fill: parent; visible: parent.pressed }
+            }
+
+            Label { hspan: 8;  text: "Text & Icon, grid 3x3" }
+            Button {
+                hspan: 3; vspan: 3
+                iconName: "widgets_play_track"
+                text: "Hello World"
+
+                Marker { anchors.fill: parent; visible: parent.pressed }
+            }
+        }
+    }
+}
diff --git a/boards/IconBoard.qml b/boards/IconBoard.qml
new file mode 100644
index 0000000..9d805a3
--- /dev/null
+++ b/boards/IconBoard.qml
@@ -0,0 +1,144 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.1
+import QtQuick.Layouts 1.0
+
+import controls 1.0
+import utils 1.0
+
+BaseBoard {
+    id: root
+
+    title: "Icon Board"
+
+    Grid {
+        anchors.fill: parent; anchors.margins: Style.padding
+        rowSpacing: Style.padding
+        columns: 2
+
+        // Test icon w/o specifying any width/height
+        Label {
+            text: "No w/h specified"
+            font.pixelSize: Style.fontSizeXS
+        }
+        Icon {
+            vspan: 2
+            source: Style.icon("climatebar_icon_seating_person")
+        }
+
+        // Test specify a width/height greater than the image's width/height
+        Label {
+            text: "w/h > image's w/h"
+            font.pixelSize: Style.fontSizeXS
+        }
+        Icon {
+            hspan: 3; vspan: 3
+            source: Style.icon("climatebar_icon_seating_person")
+        }
+
+        // Test specifying a width/height which is less than the image's width/height
+        Label {
+            text: "w/h < image's w/h, w/ manual clip"
+            font.pixelSize: Style.fontSizeXS
+        }
+        Icon {
+            source: Style.icon("climatebar_icon_seating_person")
+            hspan: 1; vspan: 1
+            clip: true
+        }
+
+        // Test specifying a width/height which is less than the image's width/height
+        Label {
+            text: "w/h < image's w/h, w/o clip"
+            font.pixelSize: Style.fontSizeXS
+        }
+        Icon {
+            source: Style.icon("climatebar_icon_seating_person")
+            Layout.preferredWidth: 30; Layout.preferredHeight: 30
+        }
+
+
+        // Test icon w/o specifying any width/height but use anchoring
+        Label {
+            text: "anchor to parent"
+            font.pixelSize: Style.fontSizeXS
+        }
+        Item {
+            width: Style.hspan(3); height: Style.vspan(3)
+
+            Icon {
+                source: Style.icon("climatebar_icon_seating_person")
+                anchors.fill: parent
+                Tracer {visible:true}
+            }
+        }
+
+        // Test disable w/o a disable image
+        Label {
+            text: "Opacity on disabled"
+            font.pixelSize: Style.fontSizeXS
+        }
+        Item {
+            width: disableEnableOpacityIcon.width; height: disableEnableOpacityIcon.height
+
+            Icon {
+                id: disableEnableOpacityIcon
+
+                vspan: 2
+                source: Style.icon("climatebar_icon_seating_person")
+                enabled: false
+            }
+            MouseArea {
+                anchors.fill: parent
+                onClicked: disableEnableOpacityIcon.enabled = !disableEnableOpacityIcon.enabled
+            }
+        }
+
+        // Test disable w/ a disable image
+        Label {
+            text: "Image on disabled"
+            font.pixelSize: Style.fontSizeXS
+        }
+        Item {
+            width: disableEnableImageIcon.width; height: disableEnableImageIcon.height
+
+            Icon {
+                id: disableEnableImageIcon
+
+                vspan: 2
+                source: Style.icon ("climatebar_icon_seating_person")
+                enabled: false
+            }
+
+            MouseArea {
+                anchors.fill: parent
+                onClicked: disableEnableImageIcon.enabled = !disableEnableImageIcon.enabled
+            }
+        }
+    }
+}
diff --git a/boards/LabelBoard.qml b/boards/LabelBoard.qml
new file mode 100644
index 0000000..124f4c8
--- /dev/null
+++ b/boards/LabelBoard.qml
@@ -0,0 +1,65 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.1
+import QtQuick.Layouts 1.0
+
+import controls 1.0
+import utils 1.0
+
+BaseBoard {
+    id: root
+
+    title: "Label Board"
+
+    Component.onCompleted: Style.debugMode = true
+
+    ColumnLayout {
+        anchors.fill: parent; anchors.margins: Style.padding
+        anchors.topMargin: 50
+
+        Label {
+            text: "Hello World"
+        }
+
+        Label {
+            Layout.fillWidth: true
+            text: "HorizontalAlignment = Text.AlignCenter"
+            horizontalAlignment: Text.AlignHCenter
+        }
+
+        Label {
+            vspan: 3
+            hspan: 5
+            text: "vspan=3, hspan=5"
+        }
+
+        Spacer {
+            Layout.fillHeight: true
+        }
+    }
+}
diff --git a/boards/ListItemBoard.qml b/boards/ListItemBoard.qml
new file mode 100644
index 0000000..d9691c8
--- /dev/null
+++ b/boards/ListItemBoard.qml
@@ -0,0 +1,119 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.1
+
+import controls 1.0
+import utils 1.0
+
+BaseBoard {
+    width: 800
+
+    title: "List Items"
+
+    ListViewManager {
+        id: categoryListView
+        width: 300
+        height: parent.height/3
+        model: 5
+        header: Label {
+            width: parent.width
+            text: "Category List Item"
+        }
+
+        delegate: CategoryListItem {
+            width: 300
+            height: Style.vspan(3)
+
+            text: "CATEGORY ITEM #" + (index + 1)
+            symbol: "tire_pressure"
+            onClicked: categoryListView.currentIndex = index
+        }
+
+    }
+
+    ListViewManager {
+        id: settingsListView
+        anchors.top: categoryListView.bottom
+        width: parent.width
+        height: parent.height/3
+        model: 6
+        header: Label {
+            width: parent.width
+            text: "Settings List Item"
+        }
+
+        delegate: SettingsListItem {
+            hspan: 6
+            vspan: 2
+            checkedEnabled: index%2 === 0 ? true : false
+            titleText: index%2 === 0 ? "Settings item with check option": "Settings item without check option"
+            iconName: "tire_pressure"
+        }
+
+    }
+
+    ListViewManager {
+        id: listView
+        anchors.top: settingsListView.bottom
+        hspan: 11
+        height: parent.height/3
+        model: ListModel {
+            ListElement {
+                text: "Normal List Item"
+            }
+            ListElement {
+                text: "Normal List Item"
+            }
+            ListElement {
+                text: "Normal List Item"
+            }
+            ListElement {
+                text: "Normal List Item"
+            }
+            ListElement {
+                text: "Normal List Item"
+            }
+        }
+
+        scrollVisible: true
+        header: Label {
+            width: parent.width
+            text: "Settings List Item"
+        }
+
+        delegate: ListItem {
+            hspan: 11
+            vspan: 2
+
+            titleText: "Normal List Item"
+            iconName: Style.symbol("tire_pressure", Style.defaultSymbolSize, false)
+        }
+
+    }
+
+}
diff --git a/boards/SliderBoard.qml b/boards/SliderBoard.qml
new file mode 100644
index 0000000..3373f8b
--- /dev/null
+++ b/boards/SliderBoard.qml
@@ -0,0 +1,55 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import utils 1.0
+import controls 1.0
+
+BaseBoard {
+
+    Label {
+        anchors.horizontalCenter: parent.horizontalCenter
+        text: "Slider Component"
+    }
+
+    Column {
+        anchors.centerIn: parent
+        Slider {
+
+        }
+
+        Slider {
+            value: 0.5
+        }
+
+        Slider {
+            value: 1
+        }
+    }
+
+
+}
diff --git a/boards/StyleBoard.qml b/boards/StyleBoard.qml
new file mode 100644
index 0000000..e59439d
--- /dev/null
+++ b/boards/StyleBoard.qml
@@ -0,0 +1,119 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtQuick.Layouts 1.0
+
+import controls 1.0
+import utils 1.0
+
+BaseBoard {
+    id: root
+    title: 'Style Board'
+
+    GridLayout {
+        anchors.fill: parent
+        anchors.margins: Style.padding
+        columns: 2
+        Label {
+            text: 'Style.colorWhite'
+            font.pixelSize: Style.fontSizeXS
+        }
+        Marker {
+            color: Style.colorWhite
+            solid: true
+        }
+        Label {
+            text: 'Style.colorOrange'
+            font.pixelSize: Style.fontSizeXS
+        }
+        Marker {
+            color: Style.colorOrange
+            solid: true
+        }
+        Label {
+            id: label
+            text: 'Style.colorGrey'
+            font.pixelSize: Style.fontSizeXS
+        }
+        Marker {
+            color: Style.colorGrey
+            solid: true
+        }
+        Label {
+            text: 'Style.colorBlack'
+            font.pixelSize: Style.fontSizeXS
+        }
+        Marker {
+            color: Style.colorBlack
+            solid: true
+        }
+        Label {
+            text: 'Size XS'
+            font.pixelSize: Style.fontSizeXS
+        }
+        Label {
+            text: 'Lorem Ipsum'
+            font.pixelSize: Style.fontSizeXS
+        }
+        Label {
+            text: 'Size S'
+            font.pixelSize: Style.fontSizeXS
+        }
+        Label {
+            text: 'Lorem Ipsum'
+            font.pixelSize: Style.fontSizeS
+        }
+        Label {
+            text: 'Size M'
+            font.pixelSize: Style.fontSizeXS
+        }
+        Label {
+            text: 'Lorem Ipsum'
+            font.pixelSize: Style.fontSizeM
+        }
+        Label {
+            text: 'Size L'
+            font.pixelSize: Style.fontSizeXS
+        }
+        Label {
+            text: 'Lorem Ipsum'
+            font.pixelSize: Style.fontSizeL
+        }
+        Label {
+            text: 'Size XL'
+            font.pixelSize: Style.fontSizeXS
+        }
+        Label {
+            text: 'Lorem Ipsum'
+            font.pixelSize: Style.fontSizeXL
+        }
+        Spacer {
+            Layout.fillHeight: true
+        }
+    }
+}
diff --git a/boards/SwitchBoard.qml b/boards/SwitchBoard.qml
new file mode 100644
index 0000000..ef080a2
--- /dev/null
+++ b/boards/SwitchBoard.qml
@@ -0,0 +1,86 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtQuick.Layouts 1.0
+
+import controls 1.0
+import utils 1.0
+
+BaseBoard {
+    id: root
+
+    title: 'Switch Board'
+    color: "gray"
+
+    GridLayout {
+        anchors.fill: parent; anchors.margins: Style.padding
+        columns: 2
+
+        Label {
+            text: qsTr('Switch 1 - %1').arg(switch1.checked ? 'On' : 'Off')
+            font.pixelSize: Style.fontSizeXS
+        }
+
+        Switch {
+            id: switch1
+            checked: true
+        }
+
+        Label {
+            text: qsTr('Switch 2 - %1').arg(switch2.checked ? 'On' : 'Off')
+            font.pixelSize: Style.fontSizeXS
+        }
+
+        Switch {
+            id: switch2
+            checked: false
+        }
+
+        Label {
+            text: "hspan: 4; vspan: 4"
+            font.pixelSize: Style.fontSizeXS
+        }
+
+        UIElement {
+            hspan: 4; vspan: 4
+
+            Marker { anchors.fill: parent }
+
+            Switch {
+                id: switch3
+                hspan: 4; vspan: 4
+                checked: true
+
+            }
+        }
+
+        Spacer {
+            Layout.fillHeight: true
+        }
+    }
+}
diff --git a/boards/TabBoard.qml b/boards/TabBoard.qml
new file mode 100644
index 0000000..2fd7430
--- /dev/null
+++ b/boards/TabBoard.qml
@@ -0,0 +1,74 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.1
+import QtQuick.Layouts 1.0
+
+import controls 1.0
+import utils 1.0
+import "../modules/controls" as Controls
+
+BaseBoard {
+    id: root
+
+    title: "Tab Board"
+
+    DisplayBackground {
+        anchors.fill: parent
+    }
+
+    TabView {
+        id: tabView
+        anchors.fill: parent
+        tabs: [
+            { title : "ICON BOARD", url : rectTest, properties : {} },
+            { title : "LABEL BOARD", url : rectTest1, properties : {} },
+        ]
+    }
+
+    Item {
+        id: rectTest
+        width: 400
+        height: 800
+        visible: false
+        Label {
+            anchors.centerIn: parent
+            text: "TAB 1"
+        }
+    }
+
+    Item {
+        id: rectTest1
+        width: 400
+        height: 800
+        visible: false
+        Label {
+            anchors.centerIn: parent
+            text: "TAB 2"
+        }
+    }
+}
diff --git a/boards/TemperatureSliderBoard.qml b/boards/TemperatureSliderBoard.qml
new file mode 100644
index 0000000..548e9e4
--- /dev/null
+++ b/boards/TemperatureSliderBoard.qml
@@ -0,0 +1,82 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.1
+import QtQuick.Layouts 1.0
+
+import controls 1.0
+import utils 1.0
+import "../sysui/Climate"
+
+BaseBoard {
+    id: root
+
+    title: "Label Board"
+
+    Row {
+
+        spacing: 100
+        anchors.centerIn: parent
+
+        Column {
+            Label {
+                hspan: 3
+                vspan: 1
+                text: qsTr("Value: %1").arg(temp.value.toFixed(1))
+                horizontalAlignment: Qt.AlignHCenter
+            }
+
+            TemperatureSlider {
+                id: temp
+                hspan: 3
+                vspan: 14
+            }
+        }
+
+        Column {
+            Label {
+                hspan: 3
+                vspan: 1
+                text: qsTr("Value: %1").arg(temp2.value)
+                horizontalAlignment: Qt.AlignHCenter
+            }
+
+            TemperatureSlider {
+                id: temp2
+                hspan: 3
+                vspan: 20
+                mirrorSlider: true
+                roundingMode: roundingModeWhole
+                minValue: 0
+                maxValue: 20
+                value: 10
+            }
+        }
+
+    }
+
+}
diff --git a/boards/TextFieldBoard.qml b/boards/TextFieldBoard.qml
new file mode 100644
index 0000000..c052c14
--- /dev/null
+++ b/boards/TextFieldBoard.qml
@@ -0,0 +1,52 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import controls 1.0
+import utils 1.0
+
+BaseBoard {
+
+    title: "Text Field Board"
+
+    Column {
+        anchors.centerIn: parent
+
+        TextField {
+            hintText: "Hint Text"
+        }
+
+        TextField {
+            text: "Real Text"
+        }
+
+        TextTool {
+            text: "Text Tool"
+            name: "music"
+        }
+    }
+}
diff --git a/boards/ToolBoard.qml b/boards/ToolBoard.qml
new file mode 100644
index 0000000..aed996e
--- /dev/null
+++ b/boards/ToolBoard.qml
@@ -0,0 +1,71 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.1
+
+import controls 1.0
+import utils 1.0
+
+BaseBoard {
+
+    title: "Tool Board"
+
+    Column {
+        anchors.centerIn: parent
+        spacing: 50
+
+        Tool {
+            name: "music"
+            size: 32
+        }
+
+        Tool {
+            name: "music"
+            size: 48
+        }
+
+        Tool {
+            name: "music"
+            size: 72
+        }
+
+        Tool {
+            name: "music"
+            size: 96
+        }
+
+        Tool {
+            name: "music"
+            size: 144
+        }
+
+        Tool {
+            name: "music"
+            size: 192
+        }
+    }
+}
diff --git a/boards/VolumeSliderBoard.qml b/boards/VolumeSliderBoard.qml
new file mode 100644
index 0000000..7b59fd3
--- /dev/null
+++ b/boards/VolumeSliderBoard.qml
@@ -0,0 +1,49 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtQuick.Layouts 1.0
+import controls 1.0
+
+BaseBoard {
+    title: 'Volume Board'
+    color: "#333"
+
+    ColumnLayout {
+        anchors.horizontalCenter: parent.horizontalCenter
+        VolumeSlider {
+            value: 0.0
+            Layout.fillWidth: true
+        }
+        VolumeSlider {
+            value: 0.5
+            Layout.fillWidth: true
+        }
+        VolumeSlider { value: 1.0 }
+    }
+
+}
diff --git a/boards/WebBrowserBoard.qml b/boards/WebBrowserBoard.qml
new file mode 100644
index 0000000..88593dd
--- /dev/null
+++ b/boards/WebBrowserBoard.qml
@@ -0,0 +1,48 @@
+/****************************************************************************
+**
+** Copyright (C) 2015 Pelagicore AG
+** Contact: http://www.pelagicore.com/
+**
+** This file is part of Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Neptune IVI UI 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 Pelagicore. For licensing terms
+** and conditions see http://www.pelagicore.com.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 3 requirements will be
+** met: http://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.1
+import QtQuick.Layouts 1.0
+
+import controls 1.0
+import utils 1.0
+
+BaseBoard {
+    id: root
+
+    width: Style.hspan(20)
+    height: Style.hspan(12)
+
+    title: "WebBrowser Board"
+
+    color: "darkgray"
+
+    WebBrowser {
+        anchors.fill: parent
+        url: ""
+    }
+}