quickshell and hyprland additions

2026-04-11 09:36:46 +00:00 · 2026-03-15 13:56:00 +02:00
parent c9c27d1554
commit 1ad06b82a6
509 changed files with 68371 additions and 19 deletions
--- a/.config/quickshell/caelestia/modules/dashboard/Content.qml
+++ b/.config/quickshell/caelestia/modules/dashboard/Content.qml
@@ -0,0 +1,152 @@
+pragma ComponentBehavior: Bound
+
+import qs.components
+import qs.components.filedialog
+import qs.config
+import Quickshell
+import Quickshell.Widgets
+import QtQuick
+import QtQuick.Layouts
+
+Item {
+    id: root
+
+    required property PersistentProperties visibilities
+    required property PersistentProperties state
+    required property FileDialog facePicker
+    readonly property real nonAnimWidth: view.implicitWidth + viewWrapper.anchors.margins * 2
+    readonly property real nonAnimHeight: tabs.implicitHeight + tabs.anchors.topMargin + view.implicitHeight + viewWrapper.anchors.margins * 2
+
+    implicitWidth: nonAnimWidth
+    implicitHeight: nonAnimHeight
+
+    Tabs {
+        id: tabs
+
+        anchors.top: parent.top
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.topMargin: Appearance.padding.normal
+        anchors.margins: Appearance.padding.large
+
+        nonAnimWidth: root.nonAnimWidth - anchors.margins * 2
+        state: root.state
+    }
+
+    ClippingRectangle {
+        id: viewWrapper
+
+        anchors.top: tabs.bottom
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.bottom: parent.bottom
+        anchors.margins: Appearance.padding.large
+
+        radius: Appearance.rounding.normal
+        color: "transparent"
+
+        Flickable {
+            id: view
+
+            readonly property int currentIndex: root.state.currentTab
+            readonly property Item currentItem: row.children[currentIndex]
+
+            anchors.fill: parent
+
+            flickableDirection: Flickable.HorizontalFlick
+
+            implicitWidth: currentItem.implicitWidth
+            implicitHeight: currentItem.implicitHeight
+
+            contentX: currentItem.x
+            contentWidth: row.implicitWidth
+            contentHeight: row.implicitHeight
+
+            onContentXChanged: {
+                if (!moving)
+                    return;
+
+                const x = contentX - currentItem.x;
+                if (x > currentItem.implicitWidth / 2)
+                    root.state.currentTab = Math.min(root.state.currentTab + 1, tabs.count - 1);
+                else if (x < -currentItem.implicitWidth / 2)
+                    root.state.currentTab = Math.max(root.state.currentTab - 1, 0);
+            }
+
+            onDragEnded: {
+                const x = contentX - currentItem.x;
+                if (x > currentItem.implicitWidth / 10)
+                    root.state.currentTab = Math.min(root.state.currentTab + 1, tabs.count - 1);
+                else if (x < -currentItem.implicitWidth / 10)
+                    root.state.currentTab = Math.max(root.state.currentTab - 1, 0);
+                else
+                    contentX = Qt.binding(() => currentItem.x);
+            }
+
+            RowLayout {
+                id: row
+
+                Pane {
+                    index: 0
+                    sourceComponent: Dash {
+                        visibilities: root.visibilities
+                        state: root.state
+                        facePicker: root.facePicker
+                    }
+                }
+
+                Pane {
+                    index: 1
+                    sourceComponent: Media {
+                        visibilities: root.visibilities
+                    }
+                }
+
+                Pane {
+                    index: 2
+                    sourceComponent: Performance {}
+                }
+
+                Pane {
+                    index: 3
+                    sourceComponent: Weather {}
+                }
+            }
+
+            Behavior on contentX {
+                Anim {}
+            }
+        }
+    }
+
+    Behavior on implicitWidth {
+        Anim {
+            duration: Appearance.anim.durations.large
+            easing.bezierCurve: Appearance.anim.curves.emphasized
+        }
+    }
+
+    Behavior on implicitHeight {
+        Anim {
+            duration: Appearance.anim.durations.large
+            easing.bezierCurve: Appearance.anim.curves.emphasized
+        }
+    }
+
+    component Pane: Loader {
+        id: pane
+
+        required property int index
+
+        Layout.alignment: Qt.AlignTop
+
+        Component.onCompleted: active = Qt.binding(() => {
+            // Always keep current tab loaded
+            if (pane.index === view.currentIndex)
+                return true;
+            const vx = Math.floor(view.visibleArea.xPosition * view.contentWidth);
+            const vex = Math.floor(vx + view.visibleArea.widthRatio * view.contentWidth);
+            return (vx >= x && vx <= x + implicitWidth) || (vex >= x && vex <= x + implicitWidth);
+        })
+    }
+}