notification changes

2026-02-04 14:11:30 +01:00
parent 29606e363a
commit 76e008007e
57 changed files with 4537 additions and 202 deletions
@@ -0,0 +1,55 @@
+import qs.Components
+import qs.Config
+import qs.Modules as Modules
+import QtQuick
+import QtQuick.Shapes
+
+ShapePath {
+    id: root
+
+    required property Wrapper wrapper
+    required property var sidebar
+    readonly property real rounding: 8
+    readonly property bool flatten: wrapper.height < rounding * 2
+    readonly property real roundingY: flatten ? wrapper.height / 2 : rounding
+
+    strokeWidth: -1
+    fillColor: DynamicColors.palette.m3surface
+
+    PathLine {
+        relativeX: -(root.wrapper.width + root.rounding)
+        relativeY: 0
+    }
+    PathArc {
+        relativeX: root.rounding
+        relativeY: -root.roundingY
+        radiusX: root.rounding
+        radiusY: Math.min(root.rounding, root.wrapper.height)
+        direction: PathArc.Counterclockwise
+    }
+    PathLine {
+        relativeX: 0
+        relativeY: -(root.wrapper.height - root.roundingY * 2)
+    }
+    PathArc {
+        relativeX: root.sidebar.utilsRoundingX
+        relativeY: -root.roundingY
+        radiusX: root.sidebar.utilsRoundingX
+        radiusY: Math.min(root.rounding, root.wrapper.height)
+    }
+    PathLine {
+        relativeX: root.wrapper.height > 0 ? root.wrapper.width - root.rounding - root.sidebar.utilsRoundingX : root.wrapper.width
+        relativeY: 0
+    }
+    PathArc {
+        relativeX: root.rounding
+        relativeY: -root.rounding
+        radiusX: root.rounding
+        radiusY: root.rounding
+        direction: PathArc.Counterclockwise
+    }
+
+    Behavior on fillColor {
+        Modules.CAnim {}
+    }
+}
@@ -0,0 +1,57 @@
+import qs.Components
+import qs.Config
+import qs.Modules
+import qs.Daemons
+import Quickshell
+import Quickshell.Bluetooth
+import QtQuick
+import QtQuick.Layouts
+
+CustomRect {
+    id: root
+
+    required property var visibilities
+    required property Item popouts
+
+    Layout.fillWidth: true
+    implicitHeight: layout.implicitHeight + 18 * 2
+
+    radius: 8
+    color: DynamicColors.tPalette.m3surfaceContainer
+
+    ColumnLayout {
+        id: layout
+
+        anchors.fill: parent
+        anchors.margins: 18
+        spacing: 10
+
+        RowLayout {
+            Layout.alignment: Qt.AlignHCenter
+            spacing: 7
+
+            Toggle {
+                icon: "notifications_off"
+                checked: NotifServer.dnd
+                onClicked: NotifServer.dnd = !NotifServer.dnd
+            }
+        }
+    }
+
+    component Toggle: IconButton {
+        Layout.fillWidth: true
+        Layout.preferredWidth: implicitWidth + (stateLayer.pressed ? 18 : internalChecked ? 7 : 0)
+        radius: stateLayer.pressed ? 6 / 2 : internalChecked ? 6 : 8
+        inactiveColour: DynamicColors.layer(DynamicColors.palette.m3surfaceContainerHighest, 2)
+        toggle: true
+        radiusAnim.duration: MaterialEasing.expressiveEffectsTime
+        radiusAnim.easing.bezierCurve: MaterialEasing.expressiveEffects
+
+        Behavior on Layout.preferredWidth {
+            Anim {
+				duration: MaterialEasing.expressiveEffectsTime
+				easing.bezierCurve: MaterialEasing.expressiveEffects
+            }
+        }
+    }
+}
@@ -0,0 +1,29 @@
+import qs.Modules.Notifications.Sidebar.Utils.Cards
+import qs.Config
+import QtQuick
+import QtQuick.Layouts
+
+Item {
+    id: root
+
+    required property var props
+    required property var visibilities
+    required property Item popouts
+
+    implicitWidth: layout.implicitWidth
+    implicitHeight: layout.implicitHeight
+
+    ColumnLayout {
+        id: layout
+
+        anchors.fill: parent
+        spacing: 8
+
+        IdleInhibit {}
+
+        Toggles {
+            visibilities: root.visibilities
+            popouts: root.popouts
+        }
+    }
+}
@@ -0,0 +1,125 @@
+import qs.Components
+import qs.Config
+import qs.Modules as Modules
+import qs.Helpers
+import QtQuick
+import QtQuick.Layouts
+
+CustomRect {
+    id: root
+
+    Layout.fillWidth: true
+    implicitHeight: layout.implicitHeight + (IdleInhibitor.enabled ? activeChip.implicitHeight + activeChip.anchors.topMargin : 0) + 18 * 2
+
+    radius: 8
+    color: DynamicColors.tPalette.m3surfaceContainer
+    clip: true
+
+    RowLayout {
+        id: layout
+
+        anchors.top: parent.top
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.margins: 18
+        spacing: 10
+
+        CustomRect {
+            implicitWidth: implicitHeight
+            implicitHeight: icon.implicitHeight + 7 * 2
+
+            radius: 1000
+            color: IdleInhibitor.enabled ? DynamicColors.palette.m3secondary : DynamicColors.palette.m3secondaryContainer
+
+            MaterialIcon {
+                id: icon
+
+                anchors.centerIn: parent
+                text: "coffee"
+                color: IdleInhibitor.enabled ? DynamicColors.palette.m3onSecondary : DynamicColors.palette.m3onSecondaryContainer
+                font.pointSize: 18
+            }
+        }
+
+        ColumnLayout {
+            Layout.fillWidth: true
+            spacing: 0
+
+            CustomText {
+                Layout.fillWidth: true
+                text: qsTr("Keep Awake")
+                font.pointSize: 13
+                elide: Text.ElideRight
+            }
+
+            CustomText {
+                Layout.fillWidth: true
+                text: IdleInhibitor.enabled ? qsTr("Preventing sleep mode") : qsTr("Normal power management")
+                color: DynamicColors.palette.m3onSurfaceVariant
+                font.pointSize: 11
+                elide: Text.ElideRight
+            }
+        }
+
+        CustomSwitch {
+            checked: IdleInhibitor.enabled
+            onToggled: IdleInhibitor.enabled = checked
+        }
+    }
+
+    Loader {
+        id: activeChip
+
+        anchors.bottom: parent.bottom
+        anchors.left: parent.left
+        anchors.topMargin: 20
+        anchors.bottomMargin: IdleInhibitor.enabled ? 18 : -implicitHeight
+        anchors.leftMargin: 18
+
+        opacity: IdleInhibitor.enabled ? 1 : 0
+        scale: IdleInhibitor.enabled ? 1 : 0.5
+
+        Component.onCompleted: active = Qt.binding(() => opacity > 0)
+
+        sourceComponent: CustomRect {
+            implicitWidth: activeText.implicitWidth + 10 * 2
+            implicitHeight: activeText.implicitHeight + 10 * 2
+
+            radius: 1000
+            color: DynamicColors.palette.m3primary
+
+            CustomText {
+                id: activeText
+
+                anchors.centerIn: parent
+                text: qsTr("Active since %1").arg(Qt.formatTime(IdleInhibitor.enabledSince, Config.services.useTwelveHourClock ? "hh:mm a" : "hh:mm"))
+                color: DynamicColors.palette.m3onPrimary
+                font.pointSize: Math.round(11 * 0.9)
+            }
+        }
+
+        Behavior on anchors.bottomMargin {
+            Modules.Anim {
+				duration: MaterialEasing.expressiveEffectsTime
+				easing.bezierCurve: MaterialEasing.expressiveEffects
+            }
+        }
+
+        Behavior on opacity {
+            Modules.Anim {
+				duration: MaterialEasing.expressiveEffectsTime
+            }
+        }
+
+        Behavior on scale {
+            Modules.Anim {}
+        }
+    }
+
+    Behavior on implicitHeight {
+        Modules.Anim {
+			duration: MaterialEasing.expressiveEffectsTime
+			easing.bezierCurve: MaterialEasing.expressiveEffects
+        }
+    }
+}
@@ -0,0 +1,97 @@
+pragma ComponentBehavior: Bound
+
+import qs.Components
+import qs.Config
+import qs.Modules as Modules
+import Quickshell
+import QtQuick
+
+Item {
+    id: root
+
+    required property var visibilities
+    required property Item sidebar
+    required property Item popouts
+
+    readonly property PersistentProperties props: PersistentProperties {
+        property bool recordingListExpanded: false
+        property string recordingConfirmDelete
+        property string recordingMode
+
+        reloadableId: "utilities"
+    }
+    readonly property bool shouldBeActive: visibilities.sidebar
+
+    visible: height > 0
+    implicitHeight: 0
+    implicitWidth: sidebar.visible ? sidebar.width : Config.utilities.sizes.width
+
+    onStateChanged: {
+        if (state === "visible" && timer.running) {
+            timer.triggered();
+            timer.stop();
+        }
+    }
+
+    states: State {
+        name: "visible"
+        when: root.shouldBeActive
+
+        PropertyChanges {
+            root.implicitHeight: content.implicitHeight + 18 * 2
+        }
+    }
+
+    transitions: [
+        Transition {
+            from: ""
+            to: "visible"
+
+            Modules.Anim {
+                target: root
+                property: "implicitHeight"
+				duration: MaterialEasing.expressiveEffectsTime
+				easing.bezierCurve: MaterialEasing.expressiveEffects
+            }
+        },
+        Transition {
+            from: "visible"
+            to: ""
+
+            Modules.Anim {
+                target: root
+                property: "implicitHeight"
+				easing.bezierCurve: MaterialEasing.expressiveEffects
+            }
+        }
+    ]
+
+    Timer {
+        id: timer
+
+        running: true
+        interval: 1000
+        onTriggered: {
+            content.active = Qt.binding(() => root.shouldBeActive || root.visible);
+            content.visible = true;
+        }
+    }
+
+    Loader {
+        id: content
+
+        anchors.top: parent.top
+        anchors.left: parent.left
+        anchors.margins: 18
+
+        visible: false
+        active: true
+
+        sourceComponent: Content {
+            implicitWidth: root.implicitWidth - 18 * 2
+            props: root.props
+            visibilities: root.visibilities
+            popouts: root.popouts
+        }
+    }
+}