[vlc-commits] qml: Editor - switch to tab layout

[Rohan Rajpal]

vlc | branch: master | Rohan Rajpal <rohan17089 at iiitd.ac.in> | Sun Aug 11 00:08:16 2019 +0530| [1c7cd4c117cc4688016a9580d243edc34dcb4ed5] | committer: Jean-Baptiste Kempf

qml: Editor - switch to tab layout

Switch to tab layout to support more configs
in future

Signed-off-by: Jean-Baptiste Kempf <jb at videolan.org>

> http://git.videolan.org/gitweb.cgi/vlc.git/?a=commit;h=1c7cd4c117cc4688016a9580d243edc34dcb4ed5
---

 modules/gui/qt/qml/dialogs/ToolbarEditor.qml | 38 +++++++++++++++-------------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/modules/gui/qt/qml/dialogs/ToolbarEditor.qml b/modules/gui/qt/qml/dialogs/ToolbarEditor.qml
index 75e110953f..b065a184e1 100644
--- a/modules/gui/qt/qml/dialogs/ToolbarEditor.qml
+++ b/modules/gui/qt/qml/dialogs/ToolbarEditor.qml
@@ -32,29 +32,31 @@ Rectangle{
     ColumnLayout{
         anchors.fill: parent
         spacing: 0
-
-        ColumnLayout{
+        TabBar {
+            id: bar
+            Layout.preferredHeight: VLCStyle.heightBar_normal
+            Layout.preferredWidth: VLCStyle.button_width_large * bar.count
+
+            EditorTabButton {
+                id: mainPlayerTab
+                index: 0
+                text: qsTr("Mainplayer")
+            }
+        }
+        Rectangle{
             Layout.preferredHeight: VLCStyle.heightBar_large
             Layout.fillWidth: true
-            spacing: 0
-
-            Text {
-                id: dndHint
-                Layout.topMargin: VLCStyle.margin_xxsmall
-                Layout.leftMargin: VLCStyle.margin_xxsmall
-                text: qsTr("Drag and drop the items below: ")
-                font.pointSize: VLCStyle.fontHeight_xsmall
-                color: VLCStyle.colors.buttonText
-            }
-            Rectangle{
-                Layout.preferredHeight: VLCStyle.heightBar_large
-                Layout.fillWidth: true
-                Layout.margins: VLCStyle.margin_xxsmall
-                color: VLCStyle.colors.bgAlt
+            radius: 2
+            color: VLCStyle.colors.bgAlt
+
+            StackLayout{
+                anchors.fill: parent
+                currentIndex: bar.currentIndex
 
                 EditorDNDView {
                     id : playerBtnDND
-                    anchors.fill: parent
+                    Layout.preferredHeight: VLCStyle.heightBar_large
+                    Layout.fillWidth: true
                     model: playerControlBarModel
                 }
             }