Rearrange for tidier structure (#2212)

2025-10-16 07:19:55 +08:00
parent 13065d7e5a
commit 8b493e091d
529 changed files with 165 additions and 138 deletions
@@ -0,0 +1,117 @@
+import qs.modules.common
+import qs.modules.common.widgets
+import qs.services
+import Qt5Compat.GraphicalEffects
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+Item {
+    id: root
+
+    NotificationListView { // Scrollable window
+        id: listview
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.top: parent.top
+        anchors.bottom: statusRow.top
+        anchors.bottomMargin: 5
+
+        clip: true
+        layer.enabled: true
+        layer.effect: OpacityMask {
+            maskSource: Rectangle {
+                width: listview.width
+                height: listview.height
+                radius: Appearance.rounding.normal
+            }
+        }
+
+        popup: false
+    }
+
+    // Placeholder when list is empty
+    Item {
+        anchors.fill: listview
+
+        visible: opacity > 0
+        opacity: (Notifications.list.length === 0) ? 1 : 0
+
+        Behavior on opacity {
+            NumberAnimation {
+                duration: Appearance.animation.menuDecel.duration
+                easing.type: Appearance.animation.menuDecel.type
+            }
+        }
+
+        ColumnLayout {
+            anchors.centerIn: parent
+            spacing: 5
+
+            MaterialSymbol {
+                Layout.alignment: Qt.AlignHCenter
+                iconSize: 55
+                color: Appearance.m3colors.m3outline
+                text: "notifications_active"
+            }
+            StyledText {
+                Layout.alignment: Qt.AlignHCenter
+                font.pixelSize: Appearance.font.pixelSize.normal
+                color: Appearance.m3colors.m3outline
+                horizontalAlignment: Text.AlignHCenter
+                text: Translation.tr("No notifications")
+            }
+        }
+    }
+
+    Item {
+        id: statusRow
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.bottom: parent.bottom
+
+        Layout.fillWidth: true
+        implicitHeight: Math.max(
+            controls.implicitHeight,
+            statusText.implicitHeight
+        )
+
+        StyledText {
+            id: statusText
+            anchors.left: parent.left
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.leftMargin: 10
+            horizontalAlignment: Text.AlignHCenter
+            text: Translation.tr("%1 notifications").arg(Notifications.list.length)
+
+            opacity: Notifications.list.length > 0 ? 1 : 0
+            visible: opacity > 0
+            Behavior on opacity {
+                animation: Appearance.animation.elementMove.numberAnimation.createObject(this)
+            }
+        }
+
+        ButtonGroup {
+            id: controls
+            anchors.right: parent.right
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.rightMargin: 5
+
+            NotificationStatusButton {
+                buttonIcon: "notifications_paused"
+                buttonText: Translation.tr("Silent")
+                toggled: Notifications.silent
+                onClicked: () => {
+                    Notifications.silent = !Notifications.silent;
+                }
+            }
+            NotificationStatusButton {
+                buttonIcon: "clear_all"
+                buttonText: Translation.tr("Clear")
+                onClicked: () => {
+                    Notifications.discardAllNotifications()
+                }
+            }
+        }
+    }
+}
@@ -0,0 +1,43 @@
+import qs.modules.common
+import qs.modules.common.widgets
+import QtQuick
+import QtQuick.Layouts
+
+GroupButton {
+    id: button
+    property string buttonText: ""
+    property string buttonIcon: ""
+
+    baseWidth: content.implicitWidth + 10 * 2
+    baseHeight: 30
+
+    buttonRadius: baseHeight / 2
+    buttonRadiusPressed: Appearance.rounding.small
+    colBackground: Appearance.colors.colLayer2
+    colBackgroundHover: Appearance.colors.colLayer2Hover
+    colBackgroundActive: Appearance.colors.colLayer2Active
+    property color colText: toggled ? Appearance.m3colors.m3onPrimary : Appearance.colors.colOnLayer1
+
+    contentItem: Item {
+        id: content
+        anchors.fill: parent
+        implicitWidth: contentRowLayout.implicitWidth
+        implicitHeight: contentRowLayout.implicitHeight
+        RowLayout {
+            id: contentRowLayout
+            anchors.centerIn: parent
+            spacing: 5
+            MaterialSymbol {
+                text: buttonIcon
+                iconSize: Appearance.font.pixelSize.large
+                color: button.colText
+            }
+            StyledText {
+                text: buttonText
+                font.pixelSize: Appearance.font.pixelSize.small
+                color: button.colText
+            }
+        }
+    }
+
+}