dock: create an initial basic dock

Modules/Settings/LauncherTab.qml

@@ -148,6 +148,107 @@ ScrollView {
 
         }
 
+        StyledRect {
+            width: parent.width
+            height: dockSection.implicitHeight + Theme.spacingL * 2
+            radius: Theme.cornerRadiusLarge
+            color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.3)
+            border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
+            border.width: 1
+
+            Column {
+                id: dockSection
+
+                anchors.fill: parent
+                anchors.margins: Theme.spacingL
+                spacing: Theme.spacingM
+
+                Row {
+                    width: parent.width
+                    spacing: Theme.spacingM
+
+                    DankIcon {
+                        name: "dock_to_bottom"
+                        size: Theme.iconSize
+                        color: Theme.primary
+                        anchors.verticalCenter: parent.verticalCenter
+                    }
+
+                    StyledText {
+                        text: "Dock"
+                        font.pixelSize: Theme.fontSizeLarge
+                        font.weight: Font.Medium
+                        color: Theme.surfaceText
+                        anchors.verticalCenter: parent.verticalCenter
+                    }
+                }
+
+                DankToggle {
+                    width: parent.width
+                    text: "Show Dock"
+                    description: "Display a dock at the bottom of the screen with pinned and running applications"
+                    checked: Prefs.showDock
+                    onToggled: (checked) => {
+                        Prefs.setShowDock(checked)
+                    }
+                }
+
+                DankToggle {
+                    width: parent.width
+                    text: "Auto-hide Dock"
+                    description: "Hide the dock when not in use and reveal it when hovering near the bottom of the screen"
+                    checked: Prefs.dockAutoHide
+                    visible: Prefs.showDock
+                    opacity: visible ? 1 : 0
+                    onToggled: (checked) => {
+                        Prefs.setDockAutoHide(checked)
+                    }
+
+                    Behavior on opacity {
+                        NumberAnimation {
+                            duration: Theme.mediumDuration
+                            easing.type: Theme.emphasizedEasing
+                        }
+                    }
+                }
+
+                Column {
+                    width: parent.width
+                    spacing: Theme.spacingS
+                    visible: Prefs.showDock
+                    opacity: visible ? 1 : 0
+
+                    StyledText {
+                        text: "Dock Transparency"
+                        font.pixelSize: Theme.fontSizeSmall
+                        color: Theme.surfaceText
+                        font.weight: Font.Medium
+                    }
+
+                    DankSlider {
+                        width: parent.width
+                        height: 24
+                        value: Math.round(Prefs.dockTransparency * 100)
+                        minimum: 0
+                        maximum: 100
+                        unit: ""
+                        showValue: true
+                        onSliderValueChanged: (newValue) => {
+                            Prefs.setDockTransparency(newValue / 100);
+                        }
+                    }
+
+                    Behavior on opacity {
+                        NumberAnimation {
+                            duration: Theme.mediumDuration
+                            easing.type: Theme.emphasizedEasing
+                        }
+                    }
+                }
+
+            }
+        }
+
         StyledRect {
             width: parent.width
             height: recentlyUsedSection.implicitHeight + Theme.spacingL * 2