Add master sliders

HomePage.qml

@@ -4,13 +4,104 @@ import QtQuick.Layouts
 
 import com.büro 1.0
 
-RowLayout {
-    Item {
-        Layout.fillWidth: true
-        Layout.fillHeight: true
+Item {
+    id: homePage
 
-        Flow {
-            anchors.fill: parent
+    property alias masterDimmer: masterDimmer.value
+    property alias masterRed: masterRed.value
+    property alias masterGreen: masterGreen.value
+    property alias masterBlue: masterBlue.value
+    property alias masterWhite: masterWhite.value
+
+    Button {
+        anchors.top: parent.top
+        anchors.right: parent.right
+        width: 100
+        height: 100
+
+        text: qsTr('Settings')
+
+        onClicked: stackview.push(settingsPage)
+
+        Component {
+            id: settingsPage
+
+            SettingsPage {
+            }
+        }
+    }
+
+    ColumnLayout {
+        anchors.fill: parent
+
+        GridLayout {
+            Layout.fillWidth: true
+
+            columns: 2
+
+            Label {
+                text: qsTr("Alle Dimmer:")
+            }
+
+            DmxSlider {
+                id: masterDimmer
+            }
+
+            Label {
+                text: qsTr("Alle Rot:")
+            }
+
+            DmxSlider {
+                id: masterRed
+            }
+
+            Label {
+                text: qsTr("Alle Grün:")
+            }
+
+            DmxSlider {
+                id: masterGreen
+            }
+
+            Label {
+                text: qsTr("Alle Blau:")
+            }
+
+            DmxSlider {
+                id: masterBlue
+            }
+
+            Label {
+                text: qsTr("Alle Weiß:")
+            }
+
+            DmxSlider {
+                id: masterWhite
+            }
+        }
+
+        Item {
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+        }
+    }
+
+    Flickable {
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.bottom: parent.bottom
+
+        height: 300
+
+        contentWidth: theFlow.width
+        contentHeight: theFlow.height
+
+        flickableDirection: Flickable.HorizontalFlick
+
+        RowLayout {
+            id: theFlow
+
+            height: parent.height
 
             spacing: 5
 
@@ -20,33 +111,11 @@ RowLayout {
                 delegate: LightSliderPane {
                     light: model
 
-                    height: 250
+                    //Layout.fillHeight: true
+
+                    height: theFlow.height
                 }
             }
         }
     }
-
-    ColumnLayout {
-        Layout.preferredWidth: 100
-        Layout.fillHeight: true
-
-        Button {
-            Layout.preferredHeight: 100
-
-            text: qsTr('Settings')
-
-            onClicked: stackview.push(settingsPage)
-
-            Component {
-                id: settingsPage
-
-                SettingsPage {
-                }
-            }
-        }
-
-        Item {
-            Layout.fillHeight: true
-        }
-    }
 }