chore: add wip dashboard

src/Bar.qml

@@ -3,22 +3,32 @@ import QtQuick // for Text
 import QtQuick.Layouts
 import "widgets/systray"
 import "widgets/workspaces"
-import "widgets/privacy"
 import "widgets/battery"
 import "widgets/network"
 import "widgets/notifcenter"
 import "widgets/caffeine"
 import "windows/notificationtoast"
 import "windows/workspace-view"
+import "base"
+import QtQuick.Controls
+import Quickshell.Io
 
 Scope {
     Variants {
         model: Quickshell.screens
-        // the screen from the screens list will be injected into this property
+    }
+
+    Variants {
+        model: Quickshell.screens
+        delegate: Item {
+            id: root
+
+            property var modelData
+            property bool enabled: false
+
             PanelWindow {
                 id: lbar
-            property var modelData
-            screen: modelData
+                screen: root.modelData
 
                 anchors {
                     top: true
@@ -31,14 +41,23 @@ Scope {
 
                 width: 30
                 color: "transparent"
+
                 NotificationToasts {
                     win: lbar
                 }
 
                 WorkspaceView {}
 
+                Rectangle {
+                    color: "transparent"
+                    anchors.margins: 5
+
+                    height: parent.height
+                    width: parent.width
+
                     ColumnLayout {
-                anchors.fill: parent
+                        width: 30
+                        Layout.maximumWidth: 30
 
                         // TODO: on click open a calendar view
                         ClockWidget {}
@@ -63,6 +82,84 @@ Scope {
                             Layout.fillHeight: true
                         }
                     }
+                    MouseArea {
+                        id: mouse
+                        onClicked: () => root.enabled = !root.enabled
+                        height: width
+                        width: 30
+                        anchors.bottom: parent.bottom
+                        cursorShape: Qt.PointingHandCursor
+                        BRectangle {
+                            anchors.fill: parent
+                            Rectangle {
+                                visible: mouse.containsMouse
+                                anchors.fill: parent
+                                radius: parent.radius
+                                color: "#9F9F9FC8"
+                            }
+                        }
+                    }
+                }
+            }
+
+            PanelWindow {
+                id: homeWindow
+
+                property bool animRunning: false
+
+                screen: root.modelData
+
+                IpcHandler {
+                    target: "dash"
+
+                    function toggle() {
+                        root.enabled = !root.enabled;
+                    }
+                }
+
+                color: "transparent"
+                anchors {
+                    top: true
+                    left: true
+                    bottom: true
+                    right: true
+                }
+
+                visible: animRunning || root.enabled
+                focusable: true
+                MouseArea {
+                    anchors.fill: parent
+                    onClicked: () => root.enabled = false
+
+                    BRectangle {
+                        id: home
+
+                        property var maxSize: 0
+
+                        bottomRightRadius: 10
+                        topRightRadius: 10
+                        border.color: "transparent"
+                        height: parent.height
+                        width: root.enabled ? maxSize : 0
+
+                        MouseArea {
+                            anchors.fill: parent
+                        }
+
+                        Component.onCompleted: () => maxSize = homeWindow.screen.width * (2 / 7)
+
+                        Behavior on width {
+                            PropertyAnimation {
+                                id: anim
+                                duration: 100
+                                Component.onCompleted: () => {
+                                    homeWindow.animRunning = Qt.binding(() => anim.running);
+                                }
+                            }
+                        }
+                    }
+                }
+            }
         }
     }
 }

src/widgets/caffeine/Caffeine.qml

@@ -1,5 +1,5 @@
-import "root:base"
-import "root:provider"
+import "../../base"
+import "../../provider"
 
 import QtQuick
 import Quickshell.Widgets

src/widgets/network/Network.qml

@@ -1,4 +1,4 @@
-import "root:base"
+import "../../base"
 import QtQuick
 import Quickshell.Io
 import Quickshell.Widgets

src/widgets/notifcenter/Notifcenter.qml

@@ -1,4 +1,4 @@
-import "root:base"
+import "../../base"
 import Quickshell
 import Quickshell.Widgets
 import Quickshell.Io

src/windows/audioman/AudioManager.qml

@@ -9,11 +9,11 @@ import "root:provider"
 import QtQuick.Effects
 import "root:widgets/MprisBig"
 
-PopupWindow {
+PanelWindow {
     id: audioman
-    anchor {
-        rect.x: lbar.width * 1.2
-        window: lbar
+    anchors {
+        top: true
+        left: true
     }
 
     color: "transparent"
@@ -28,9 +28,8 @@ PopupWindow {
         BRectangle {
             id: display
 
-            x: lbar.width * 1.2
-            y: lbar.width * 0.2
-
+            x: 10
+            y: 10
             width: 500
             height: 600
             radius: 10