mirror of
https://invent.kde.org/marcoa/shift-shell.git
synced 2026-04-26 14:23:09 +00:00
7e2019cb0e
We so far have been recreating the background elements for all the item throughout the shell. This merge request simplifies this by unifying these elements into a single component, making is easier to keep things at a consistent design while also being able to adjust things when needed in the future. Per request, I tried to keep thing looking mostly the same as before. The first picture is what the action drawer looks like now, the one after is with these changes.  
112 lines
3.6 KiB
QML
112 lines
3.6 KiB
QML
// SPDX-FileCopyrightText: 2022 Devin Lin <espidev@gmail.com>
|
|
// SPDX-License-Identifier: GPL-2.0-or-later
|
|
|
|
import QtQuick
|
|
import QtQuick.Layouts
|
|
|
|
import org.kde.plasma.private.mobileshell as MobileShell
|
|
import org.kde.kirigami as Kirigami
|
|
|
|
import org.kde.notificationmanager as NotificationManager
|
|
|
|
Loader {
|
|
id: root
|
|
required property var lockScreenState
|
|
|
|
property var notificationsModel: []
|
|
property var notificationSettings: NotificationManager.Settings {}
|
|
|
|
property real leftMargin: 0
|
|
property real rightMargin: 0
|
|
property real topMargin: 0
|
|
property real bottomMargin: 0
|
|
|
|
property real topPadding: 0
|
|
|
|
readonly property bool notificationsShown: item && item.notificationsList.hasNotifications
|
|
readonly property bool listOverflowing: item && item.notificationsList.listView.listOverflowing
|
|
|
|
property bool scrollLock: false
|
|
|
|
property var notificationsList: item ? item.notificationsList : null
|
|
|
|
signal passwordRequested()
|
|
|
|
// perform delayed loading of notifications
|
|
active: false
|
|
Timer {
|
|
interval: 500
|
|
running: true
|
|
onTriggered: root.active = true
|
|
}
|
|
|
|
Connections {
|
|
target: lockScreenState
|
|
|
|
function onUnlockSucceeded() {
|
|
// run pending action if successfully unlocked
|
|
if (notificationsList.requestNotificationAction) {
|
|
notificationsList.runPendingAction();
|
|
notificationsList.requestNotificationAction = false;
|
|
}
|
|
}
|
|
|
|
function onUnlockFailed() {
|
|
notificationsList.requestNotificationAction = false;
|
|
}
|
|
}
|
|
|
|
sourceComponent: Item {
|
|
clip: true
|
|
|
|
property alias notificationsList: notificationsList
|
|
|
|
Item {
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.topMargin: root.topMargin
|
|
anchors.leftMargin: root.leftMargin
|
|
anchors.rightMargin: root.rightMargin
|
|
|
|
Kirigami.Theme.colorSet: Kirigami.Theme.Window
|
|
Kirigami.Theme.inherit: false
|
|
|
|
height: Math.min(parent.height - root.topMargin - root.bottomMargin, notificationsList.listView.listHeight + Kirigami.Units.gridUnit)
|
|
|
|
MobileShell.NotificationsWidget {
|
|
id: notificationsList
|
|
anchors.fill: parent
|
|
opacity: 0 // we display with the opacity gradient below
|
|
|
|
historyModelType: MobileShell.NotificationsModelType.WatchedNotificationsModel
|
|
actionsRequireUnlock: true
|
|
historyModel: root.notificationsModel
|
|
notificationSettings: root.notificationSettings
|
|
panelType: MobileShell.PanelBackground.PanelType.Wallpaper
|
|
inLockScreen: true
|
|
topPadding: root.topPadding // Kirigami.Units.gridUnit
|
|
bottomPadding: Kirigami.Units.gridUnit
|
|
listView.interactive: !root.scrollLock && listView.listOverflowing
|
|
|
|
property bool requestNotificationAction: false
|
|
|
|
onUnlockRequested: {
|
|
requestNotificationAction = true;
|
|
root.passwordRequested();
|
|
}
|
|
}
|
|
|
|
// opacity gradient at flickable edges
|
|
MobileShell.FlickableOpacityGradient {
|
|
anchors {
|
|
top: notificationsList.top
|
|
left: notificationsList.left
|
|
right: notificationsList.right
|
|
}
|
|
height: notificationsList.listView.height
|
|
flickable: notificationsList.listView
|
|
}
|
|
}
|
|
}
|
|
}
|