mirror of
https://github.com/AvengeMedia/DankMaterialShell.git
synced 2025-12-05 21:15:38 -05:00
f92dc6f71b
- niri only for now - requires quickshell-git, hidden otherwise - Add, Edit, Delete keybinds - Large suite of pre-defined and custom actions - Works with niri 25.11+ include feature
374 lines
14 KiB
QML
374 lines
14 KiB
QML
import QtQuick
|
|
import QtQuick.Effects
|
|
import Quickshell
|
|
import Quickshell.Wayland
|
|
import qs.Common
|
|
import qs.Services
|
|
import qs.Widgets
|
|
|
|
PanelWindow {
|
|
id: root
|
|
|
|
WlrLayershell.namespace: "dms:toast"
|
|
|
|
property var modelData
|
|
property bool shouldBeVisible: false
|
|
property real frozenWidth: 0
|
|
readonly property string copiedText: I18n.tr("Copied!")
|
|
|
|
Connections {
|
|
target: ToastService
|
|
function onToastVisibleChanged() {
|
|
if (ToastService.toastVisible) {
|
|
shouldBeVisible = true;
|
|
visible = true;
|
|
} else {
|
|
// Freeze the width before starting exit animation
|
|
frozenWidth = toast.width;
|
|
shouldBeVisible = false;
|
|
closeTimer.restart();
|
|
}
|
|
}
|
|
}
|
|
|
|
Timer {
|
|
id: closeTimer
|
|
interval: Theme.mediumDuration + 50
|
|
onTriggered: {
|
|
if (!shouldBeVisible) {
|
|
visible = false;
|
|
}
|
|
}
|
|
}
|
|
|
|
screen: modelData
|
|
visible: shouldBeVisible
|
|
WlrLayershell.layer: WlrLayershell.Overlay
|
|
WlrLayershell.exclusiveZone: -1
|
|
WlrLayershell.keyboardFocus: WlrKeyboardFocus.None
|
|
color: "transparent"
|
|
|
|
anchors {
|
|
top: true
|
|
left: true
|
|
right: true
|
|
bottom: true
|
|
}
|
|
|
|
Rectangle {
|
|
id: toast
|
|
|
|
property bool expanded: false
|
|
|
|
Connections {
|
|
target: ToastService
|
|
function onResetToastState() {
|
|
toast.expanded = false;
|
|
}
|
|
}
|
|
|
|
width: shouldBeVisible ? Math.min(900, messageText.implicitWidth + statusIcon.width + Theme.spacingM + (ToastService.hasDetails ? (expandButton.width + closeButton.width + 4) : (ToastService.currentLevel === ToastService.levelError ? closeButton.width + Theme.spacingS : 0)) + Theme.spacingL * 2 + Theme.spacingM * 2) : frozenWidth
|
|
height: toastContent.height + Theme.spacingL * 2
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
y: Theme.barHeight - 4 + (SettingsData.barConfigs[0]?.spacing ?? 4) + 2
|
|
color: {
|
|
switch (ToastService.currentLevel) {
|
|
case ToastService.levelError:
|
|
return Theme.error;
|
|
case ToastService.levelWarn:
|
|
return Theme.warning;
|
|
case ToastService.levelInfo:
|
|
return Theme.surfaceContainer;
|
|
default:
|
|
return Theme.surfaceContainer;
|
|
}
|
|
}
|
|
radius: Theme.cornerRadius
|
|
layer.enabled: true
|
|
opacity: shouldBeVisible ? 1 : 0
|
|
|
|
Column {
|
|
id: toastContent
|
|
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.topMargin: Theme.spacingL
|
|
anchors.leftMargin: Theme.spacingL
|
|
anchors.rightMargin: Theme.spacingL
|
|
spacing: Theme.spacingS
|
|
|
|
Item {
|
|
width: parent.width
|
|
height: Math.max(Theme.iconSize + 8, messageText.implicitHeight)
|
|
|
|
DankIcon {
|
|
id: statusIcon
|
|
name: {
|
|
switch (ToastService.currentLevel) {
|
|
case ToastService.levelError:
|
|
return "error";
|
|
case ToastService.levelWarn:
|
|
return "warning";
|
|
case ToastService.levelInfo:
|
|
return "info";
|
|
default:
|
|
return "info";
|
|
}
|
|
}
|
|
size: Theme.iconSize
|
|
color: {
|
|
switch (ToastService.currentLevel) {
|
|
case ToastService.levelError:
|
|
case ToastService.levelWarn:
|
|
return SessionData.isLightMode ? Theme.surfaceText : Theme.background;
|
|
default:
|
|
return Theme.surfaceText;
|
|
}
|
|
}
|
|
anchors.left: parent.left
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
StyledText {
|
|
id: messageText
|
|
text: ToastService.currentMessage
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
color: {
|
|
switch (ToastService.currentLevel) {
|
|
case ToastService.levelError:
|
|
case ToastService.levelWarn:
|
|
return SessionData.isLightMode ? Theme.surfaceText : Theme.background;
|
|
default:
|
|
return Theme.surfaceText;
|
|
}
|
|
}
|
|
font.weight: Font.Medium
|
|
anchors.left: statusIcon.right
|
|
anchors.leftMargin: Theme.spacingM
|
|
anchors.right: ToastService.hasDetails ? expandButton.left : parent.right
|
|
anchors.rightMargin: ToastService.hasDetails ? Theme.spacingS : 0
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
elide: Text.ElideRight
|
|
wrapMode: Text.NoWrap
|
|
}
|
|
|
|
DankActionButton {
|
|
id: expandButton
|
|
iconName: toast.expanded ? "expand_less" : "expand_more"
|
|
iconSize: Theme.iconSize
|
|
iconColor: {
|
|
switch (ToastService.currentLevel) {
|
|
case ToastService.levelError:
|
|
case ToastService.levelWarn:
|
|
return SessionData.isLightMode ? Theme.surfaceText : Theme.background;
|
|
default:
|
|
return Theme.surfaceText;
|
|
}
|
|
}
|
|
buttonSize: Theme.iconSize + 8
|
|
anchors.right: closeButton.left
|
|
anchors.rightMargin: 2
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
visible: ToastService.hasDetails
|
|
|
|
onClicked: {
|
|
toast.expanded = !toast.expanded;
|
|
if (toast.expanded) {
|
|
ToastService.stopTimer();
|
|
} else {
|
|
ToastService.restartTimer();
|
|
}
|
|
}
|
|
}
|
|
|
|
DankActionButton {
|
|
id: closeButton
|
|
iconName: "close"
|
|
iconSize: Theme.iconSize
|
|
iconColor: {
|
|
switch (ToastService.currentLevel) {
|
|
case ToastService.levelError:
|
|
case ToastService.levelWarn:
|
|
return SessionData.isLightMode ? Theme.surfaceText : Theme.background;
|
|
default:
|
|
return Theme.surfaceText;
|
|
}
|
|
}
|
|
buttonSize: Theme.iconSize + 8
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
visible: ToastService.hasDetails || ToastService.currentLevel === ToastService.levelError
|
|
|
|
onClicked: {
|
|
ToastService.hideToast();
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
width: parent.width
|
|
height: detailsColumn.height + Theme.spacingS * 2
|
|
color: ToastService.currentDetails.length > 0 ? Qt.rgba(0, 0, 0, 0.2) : "transparent"
|
|
radius: Theme.cornerRadius / 2
|
|
visible: toast.expanded && ToastService.hasDetails
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
|
|
Column {
|
|
id: detailsColumn
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.margins: Theme.spacingS
|
|
spacing: Theme.spacingS
|
|
|
|
StyledText {
|
|
id: detailsText
|
|
text: ToastService.currentDetails
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: {
|
|
switch (ToastService.currentLevel) {
|
|
case ToastService.levelError:
|
|
case ToastService.levelWarn:
|
|
return SessionData.isLightMode ? Theme.surfaceText : Theme.background;
|
|
default:
|
|
return Theme.surfaceText;
|
|
}
|
|
}
|
|
visible: ToastService.currentDetails.length > 0
|
|
width: parent.width - Theme.spacingS * 2
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
wrapMode: Text.Wrap
|
|
}
|
|
|
|
Rectangle {
|
|
width: parent.width - Theme.spacingS * 2
|
|
height: commandText.height + Theme.spacingS
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
color: Qt.rgba(0, 0, 0, 0.3)
|
|
radius: Theme.cornerRadius / 2
|
|
visible: ToastService.currentCommand.length > 0
|
|
|
|
StyledText {
|
|
id: commandText
|
|
text: ToastService.currentCommand
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: {
|
|
switch (ToastService.currentLevel) {
|
|
case ToastService.levelError:
|
|
case ToastService.levelWarn:
|
|
return SessionData.isLightMode ? Theme.surfaceText : Theme.background;
|
|
default:
|
|
return Theme.surfaceText;
|
|
}
|
|
}
|
|
isMonospace: true
|
|
anchors.left: parent.left
|
|
anchors.right: copyButton.visible ? copyButton.left : parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.margins: Theme.spacingS / 2
|
|
anchors.rightMargin: Theme.spacingS / 2
|
|
wrapMode: Text.Wrap
|
|
}
|
|
|
|
DankActionButton {
|
|
id: copyButton
|
|
iconName: "content_copy"
|
|
iconSize: Theme.iconSizeSmall
|
|
iconColor: {
|
|
switch (ToastService.currentLevel) {
|
|
case ToastService.levelError:
|
|
case ToastService.levelWarn:
|
|
return SessionData.isLightMode ? Theme.surfaceText : Theme.background;
|
|
default:
|
|
return Theme.surfaceText;
|
|
}
|
|
}
|
|
buttonSize: Theme.iconSizeSmall + 8
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.rightMargin: Theme.spacingS / 2
|
|
visible: ToastService.currentCommand.length > 0
|
|
|
|
property bool showTooltip: false
|
|
|
|
onClicked: {
|
|
Quickshell.execDetached(["wl-copy", ToastService.currentCommand]);
|
|
showTooltip = true;
|
|
tooltipTimer.start();
|
|
}
|
|
|
|
Timer {
|
|
id: tooltipTimer
|
|
interval: 1500
|
|
onTriggered: copyButton.showTooltip = false
|
|
}
|
|
|
|
Rectangle {
|
|
visible: copyButton.showTooltip
|
|
width: tooltipLabel.implicitWidth + 16
|
|
height: tooltipLabel.implicitHeight + 8
|
|
color: Theme.surfaceContainer
|
|
radius: Theme.cornerRadius
|
|
border.width: 1
|
|
border.color: Theme.outlineMedium
|
|
y: -height - 4
|
|
x: -width / 2 + copyButton.width / 2
|
|
|
|
StyledText {
|
|
id: tooltipLabel
|
|
anchors.centerIn: parent
|
|
text: root.copiedText
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.surfaceText
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
visible: !ToastService.hasDetails
|
|
onClicked: ToastService.hideToast()
|
|
}
|
|
|
|
layer.effect: MultiEffect {
|
|
shadowEnabled: true
|
|
shadowHorizontalOffset: 0
|
|
shadowVerticalOffset: 4
|
|
shadowBlur: 0.8
|
|
shadowColor: Qt.rgba(0, 0, 0, 0.3)
|
|
shadowOpacity: 0.3
|
|
}
|
|
|
|
Behavior on opacity {
|
|
NumberAnimation {
|
|
duration: Theme.mediumDuration
|
|
easing.type: Theme.emphasizedEasing
|
|
}
|
|
}
|
|
|
|
Behavior on color {
|
|
ColorAnimation {
|
|
duration: Theme.shortDuration
|
|
easing.type: Theme.standardEasing
|
|
}
|
|
}
|
|
|
|
Behavior on height {
|
|
enabled: false
|
|
}
|
|
|
|
Behavior on width {
|
|
enabled: false
|
|
}
|
|
}
|
|
|
|
mask: Region {
|
|
item: toast
|
|
}
|
|
}
|