1 files changed, 66 insertions, 0 deletions
diff --git a/modules/bar/Workspaces.qml b/modules/bar/Workspaces.qml
new file mode 100644
index 0000000..73995c8
--- /dev/null
+++ b/modules/bar/Workspaces.qml
@@ -0,0 +1,66 @@
+pragma ComponentBehavior: Bound
+
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import Quickshell
+import QtQuick
+import QtQuick.Layouts
+
+Item {
+    property alias vertical: root.vertical
+
+    implicitWidth: root.implicitWidth
+    implicitHeight: root.implicitHeight
+
+    Box {
+        id: root
+
+        readonly property color colour: Appearance.colours.mauve
+
+        // homogenous: true
+
+        Repeater {
+            model: BarConfig.workspaces.shown
+
+            Label {
+                required property int index
+
+                text: (index + 1).toString()
+                color: root.colour
+            }
+        }
+
+        // Text {
+        //     Layout.alignment: Qt.AlignCenter
+        //     horizontalAlignment: Text.AlignJustify
+
+        //     text: root.vertical ? Time.format("hh\nmm") : Time.format("dd/MM/yy hh:mm")
+        //     font.pointSize: Appearance.font.size.smaller
+        //     font.family: Appearance.font.family.mono
+        //     color: root.colour
+        // }
+    }
+
+    Rectangle {
+        x: (root.childrenRect.width / BarConfig.workspaces.shown) * ((Hyprland.activeWorkspace?.id ?? 1) - 1)
+        y: 0
+        width: root.childrenRect.width / BarConfig.workspaces.shown
+        height: root.childrenRect.height
+        color: "red"
+        radius: 1000
+
+        // layer.enabled: true
+        // layer.effect: ShaderEffect {
+        //     readonly property Item source: root
+        //     fragmentShader: `
+        //         varying highp vec2 qt_TexCoord0;
+        //         uniform highp vec4 color;
+        //         uniform sampler2D source;
+        //         void main() {
+        //             gl_FragColor = color * (1.0 - texture2D(source, qt_TexCoord0).w);
+        //         }
+        //     `
+        // }
+    }
+}