Add tabs to track settings dialog

Author: juzzlin

CHANGELOG

@@ -15,6 +15,8 @@ New features:
 
 * Adjustable track header font size
 
+* Add tabs to track settings dialog
+
 Bug fixes:
 
 * Fix auto note-off offset calculation

src/view/qml/Constants.qml

@@ -4,6 +4,7 @@ import QtQuick 2.15
 QtObject {
     readonly property int columnHeaderHeight: 40
     readonly property double defaultWindowScale: 0.8
+    readonly property double defaultDialogScale: 0.7
     readonly property int minWindowWidth: 1024
     readonly property int minWindowHeight: 768
     readonly property color lineNumberColumnBackgroundColor: "black"

src/view/qml/Dialogs/TrackSettingsDialog.qml

@@ -56,24 +56,45 @@ Dialog {
             ToolTip.text: qsTr("Don't save current settings")
         }
     }
-    ColumnLayout {
+    Column {
         anchors.fill: parent
-        spacing: 12
-        TrackSettingsDialog_MidiInstrumentSettings {
-            id: midiInstrumentSettings
-            Layout.fillWidth: true
-        }
-        TrackSettingsDialog_MidiCcSettings_Standard {
-            id: midiCcSettingsPredefined
-            Layout.fillWidth: true
-        }
-        TrackSettingsDialog_MidiCcSettings_Custom {
-            id: midiCcSettingsGeneric
-            Layout.fillWidth: true
+        spacing: 10
+        StackLayout {
+            height: parent.height - tabBar.height
+            width: parent.width
+            currentIndex: tabBar.currentIndex
+            TrackSettingsDialog_MidiInstrumentSettings {
+                id: midiInstrumentSettings
+                Layout.fillWidth: true
+            }
+            TrackSettingsDialog_MidiCcSettings_Standard {
+                id: midiCcSettingsPredefined
+                Layout.fillWidth: true
+            }
+            TrackSettingsDialog_MidiCcSettings_Custom {
+                id: midiCcSettingsGeneric
+                Layout.fillWidth: true
+            }
+            TrackSettingsDialog_MidiSettingsMiscellaneous {
+                id: midiSettingsMiscellaneous
+                Layout.fillWidth: true
+            }
         }
-        TrackSettingsDialog_MidiSettingsMiscellaneous {
-            id: midiSettingsMiscellaneous
-            Layout.fillWidth: true
+        TabBar {
+            id: tabBar
+            width: parent.width
+            TabButton {
+                text: qsTr("MIDI Instrument")
+            }
+            TabButton {
+                text: qsTr("Standard MIDI CC")
+            }
+            TabButton {
+                text: qsTr("Custom MIDI CC")
+            }
+            TabButton {
+                text: qsTr("Miscellaneous MIDI")
+            }
         }
     }
     Component.onCompleted: {