hefty: bar: time widget

dots/.config/quickshell/ii/modules/hefty/topLayer/bar/widgets/HTime.qml

@@ -0,0 +1,91 @@
+pragma ComponentBehavior: Bound
+import QtQuick
+import QtQuick.Layouts
+
+import qs.modules.common as C
+import qs.modules.common.functions as F
+import qs.services as S
+import qs.modules.common.widgets as W
+
+W.ButtonMouseArea {
+    id: root
+
+    property bool vertical: C.Config.options.bar.vertical
+    property bool showPopup: false
+
+    property var layoutParent: F.ObjectUtils.findParentWithProperty(root, "startSide")
+    property real layoutParentTopLeftRadius: layoutParent.topLeftRadius
+    property real layoutParentTopRightRadius: layoutParent.topRightRadius
+    property real layoutParentBottomLeftRadius: layoutParent.bottomLeftRadius
+    property real layoutParentBottomRightRadius: layoutParent.bottomRightRadius
+
+    readonly property real barThickness: vertical ? C.Appearance.sizes.verticalBarWidth : C.Appearance.sizes.barHeight
+    property var activeContent: vertical ? verticalContent : horizontalContent
+    property real parentRadiusToPaddingRatio: 0.3
+    implicitWidth: vertical ? barThickness : (activeContent.implicitWidth + (layoutParentTopLeftRadius + layoutParentBottomRightRadius) * parentRadiusToPaddingRatio)
+    implicitHeight: !vertical ? barThickness : (activeContent.implicitHeight + (layoutParentTopLeftRadius + layoutParentBottomRightRadius) * parentRadiusToPaddingRatio)
+    Layout.alignment: vertical ? Qt.AlignHCenter : Qt.AlignVCenter
+    Layout.fillWidth: vertical
+    Layout.fillHeight: !vertical
+
+    onClicked: showPopup = !showPopup
+
+    W.StateOverlay {
+        id: hoverOverlay
+        anchors.fill: parent
+        property real parentMargins: 4
+        property real ownMargins: 2
+        property real edgeMargins: parentMargins + ownMargins
+        property real sideMargins: -2
+        anchors {
+            leftMargin: root.vertical ? edgeMargins : sideMargins
+            rightMargin: root.vertical ? edgeMargins : sideMargins
+            topMargin: root.vertical ? sideMargins : edgeMargins
+            bottomMargin: root.vertical ? sideMargins : edgeMargins
+        }
+        topLeftRadius: root.layoutParentTopLeftRadius - ownMargins
+        topRightRadius: root.layoutParentTopRightRadius - ownMargins
+        bottomLeftRadius: root.layoutParentBottomLeftRadius - ownMargins
+        bottomRightRadius: root.layoutParentBottomRightRadius - ownMargins
+
+        hover: root.containsMouse
+        press: root.containsPress
+    }
+
+    W.FadeLoader {
+        id: horizontalContent
+        anchors.fill: parent
+        shown: !root.vertical
+        sourceComponent: RowLayout {
+            anchors.fill: parent
+
+            W.StyledText {
+                Layout.leftMargin: root.layoutParentTopLeftRadius * root.parentRadiusToPaddingRatio
+                Layout.alignment: Qt.AlignVCenter | Qt.AlignHCenter
+                horizontalAlignment: Text.AlignHCenter
+                font.pixelSize: C.Appearance.font.pixelSize.large
+                color: C.Appearance.colors.colOnLayer1
+                text: S.DateTime.time
+            }
+
+            W.StyledText {
+                Layout.alignment: Qt.AlignVCenter
+                font.pixelSize: C.Appearance.font.pixelSize.small
+                color: C.Appearance.colors.colOnLayer1
+                text: "•"
+            }
+
+            W.StyledText {
+                Layout.alignment: Qt.AlignVCenter
+                font.pixelSize: C.Appearance.font.pixelSize.small
+                color: C.Appearance.colors.colOnLayer1
+                text: S.DateTime.longDate
+            }
+        }
+    }
+
+    W.FadeLoader {
+        id: verticalContent
+        anchors.fill: parent
+    }
+}

dots/.config/quickshell/ii/modules/hefty/topLayer/bar/widgets/HWorkspaces.qml

@@ -36,8 +36,9 @@ Item {
     Layout.alignment: vertical ? Qt.AlignHCenter : Qt.AlignVCenter
     Layout.fillWidth: vertical
     Layout.fillHeight: !vertical
-    implicitWidth: vertical ? Appearance.sizes.verticalBarWidth : occupiedIndicators.implicitWidth
-    implicitHeight: vertical ? occupiedIndicators.implicitHeight : Appearance.sizes.barHeight
+    readonly property real barThickness: vertical ? Appearance.sizes.verticalBarWidth : Appearance.sizes.barHeight
+    implicitWidth: vertical ? barThickness : occupiedIndicators.implicitWidth
+    implicitHeight: vertical ? occupiedIndicators.implicitHeight : barThickness
 
     property real specialBlur: (wsModel.specialWorkspaceActive && !interactionMouseArea.containsMouse) ? 1 : 0
     Behavior on specialBlur {
@@ -316,8 +317,8 @@ Item {
     component WorkspaceItem: Item {
         required property int index
         readonly property int wsId: wsModel.getWorkspaceIdAt(index)
-        implicitWidth: root.vertical ? Appearance.sizes.verticalBarWidth : root.workspaceButtonWidth
-        implicitHeight: root.vertical ? root.workspaceButtonWidth : Appearance.sizes.barHeight
+        implicitWidth: root.vertical ? root.barThickness : root.workspaceButtonWidth
+        implicitHeight: root.vertical ? root.workspaceButtonWidth : root.barThickness
     }
 
     component NumberWorkspaceItem: WorkspaceItem {

dots/.config/quickshell/ii/modules/hefty/topLayer/bar/widgets/Invisible.qml

@@ -0,0 +1,6 @@
+pragma ComponentBehavior: Bound
+import QtQuick
+
+Item {
+    visible: false
+}