X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?a=blobdiff_plain;f=app%2FVolumeSlider.qml;h=b7a98f84d95fe1638955cc402605dbe2d137704c;hb=refs%2Ftags%2Ficefish_8.99.1;hp=130eed44f4f444f6fd81103e805db35b42da5908;hpb=bc11d604c87c2a04406e0750106e17a5c32f2e27;p=apps%2Fmixer.git

diff --git a/app/VolumeSlider.qml b/app/VolumeSlider.qml
index 130eed4..b7a98f8 100644
--- a/app/VolumeSlider.qml
+++ b/app/VolumeSlider.qml
@@ -1,39 +1,33 @@
+import QtQuick 2.6
 import QtQuick.Layouts 1.1
 import QtQuick.Controls 2.0
 
-RowLayout {
-    property int value
-    property string role
-    signal sliderValueChanged(string role, int value)
+ColumnLayout {
+	anchors.left: parent.left
+	anchors.right: parent.right
+	Layout.minimumHeight: 125
 
-    onRoleChanged: sliderName.text = role
-    onValueChanged: {
-        sliderValue.text = value + " %"
-        sliderControl.value = value;
-    }
+	Label {
+		font.pixelSize: 24
+		text: modelData.name
+	}
+	Label {
+		font.pixelSize: 24
+		text: modelData.value + " %"
+	}
+	Slider {
+		id: roleValueSlider
+		Layout.fillWidth: true
+		from: 0
+		to: 100
+		value: modelData.value
+		stepSize: 1
+		snapMode: Slider.SnapOnRelease
+	}
 
-    Layout.minimumHeight: 75
-    Label {
-        id: sliderName
-        font.pixelSize: 24
-        text: role
-        Layout.minimumWidth: 150
-    }
-    Label {
-        id: sliderValue
-        font.pixelSize: 24
-        text: "0 %"
-    }
-    Slider {
-        id: sliderControl
-        Layout.fillWidth: true
-        from: 0
-        to: 100
-        stepSize: 1
-        snapMode: Slider.SnapOnRelease
-        onValueChanged: {
-            sliderValue.text = value + " %";
-            sliderValueChanged(role, value);
-        }
-    }
+	Binding {
+		target: modelData
+		property: "value"
+		value: roleValueSlider.value
+	}
 }