191 lines
6.4 KiB
JavaScript
191 lines
6.4 KiB
JavaScript
import { Applications, Utils, Widget } from '../../imports.js';
|
|
const { lookUpIcon, execAsync } = Utils;
|
|
const { Box, Icon, Label, Button } = Widget;
|
|
|
|
import GLib from 'gi://GLib';
|
|
|
|
const setTime = time => {
|
|
return GLib.DateTime
|
|
.new_from_unix_local(time)
|
|
.format('%H:%M');
|
|
};
|
|
|
|
const getDragState = box => box.get_parent().get_parent()
|
|
.get_parent().get_parent().get_parent()._dragging;
|
|
|
|
import Gesture from './gesture.js';
|
|
import EventBox from '../misc/cursorbox.js';
|
|
|
|
|
|
const NotificationIcon = notif => {
|
|
let iconCmd = () => {};
|
|
|
|
if (Applications.query(notif.appEntry).length > 0) {
|
|
const app = Applications.query(notif.appEntry)[0];
|
|
|
|
let wmClass = app.app.get_string('StartupWMClass');
|
|
if (app.app.get_filename().includes('discord'))
|
|
wmClass = 'discord';
|
|
|
|
if (wmClass != null) {
|
|
iconCmd = box => {
|
|
if (!getDragState(box)) {
|
|
execAsync(['bash', '-c',
|
|
`$AGS_PATH/launch-app.sh
|
|
${wmClass}
|
|
${app.app.get_string('Exec')}`,
|
|
]).catch(print);
|
|
|
|
globalThis.closeAll();
|
|
}
|
|
};
|
|
}
|
|
}
|
|
|
|
if (notif.image) {
|
|
return EventBox({
|
|
onPrimaryClickRelease: iconCmd,
|
|
child: Box({
|
|
valign: 'start',
|
|
hexpand: false,
|
|
className: 'icon img',
|
|
style: `background-image: url("${notif.image}");
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
min-width: 78px;
|
|
min-height: 78px;`,
|
|
}),
|
|
});
|
|
}
|
|
|
|
let icon = 'dialog-information-symbolic';
|
|
if (lookUpIcon(notif.appIcon))
|
|
icon = notif.appIcon;
|
|
|
|
|
|
if (lookUpIcon(notif.appEntry))
|
|
icon = notif.appEntry;
|
|
|
|
|
|
return EventBox({
|
|
onPrimaryClickRelease: iconCmd,
|
|
child: Box({
|
|
valign: 'start',
|
|
hexpand: false,
|
|
className: 'icon',
|
|
style: `min-width: 78px;
|
|
min-height: 78px;`,
|
|
children: [Icon({
|
|
icon, size: 58,
|
|
halign: 'center',
|
|
hexpand: true,
|
|
valign: 'center',
|
|
vexpand: true,
|
|
})],
|
|
}),
|
|
});
|
|
};
|
|
|
|
export default ({
|
|
notif,
|
|
command = () => {},
|
|
} = {}) => {
|
|
const BlockedApps = [
|
|
'Spotify',
|
|
];
|
|
|
|
if (BlockedApps.find(app => app == notif.appName)) {
|
|
notif.close();
|
|
return;
|
|
}
|
|
|
|
return Gesture({
|
|
maxOffset: 200,
|
|
command: () => command(),
|
|
properties: [
|
|
['hovered', false],
|
|
['id', notif.id],
|
|
],
|
|
onHover: w => {
|
|
if (!w._hovered)
|
|
w._hovered = true;
|
|
},
|
|
onHoverLost: w => {
|
|
if (w._hovered)
|
|
w._hovered = false;
|
|
},
|
|
|
|
child: Box({
|
|
className: `notification ${notif.urgency}`,
|
|
vexpand: false,
|
|
// Notification
|
|
child: Box({
|
|
vertical: true,
|
|
children: [
|
|
// Content
|
|
Box({
|
|
children: [
|
|
NotificationIcon(notif),
|
|
Box({
|
|
hexpand: true,
|
|
vertical: true,
|
|
children: [
|
|
// Top of Content
|
|
Box({
|
|
children: [
|
|
Label({
|
|
className: 'title',
|
|
xalign: 0,
|
|
justification: 'left',
|
|
hexpand: true,
|
|
maxWidthChars: 24,
|
|
truncate: 'end',
|
|
wrap: true,
|
|
label: notif.summary,
|
|
useMarkup: notif.summary.startsWith('<'),
|
|
}),
|
|
Label({
|
|
className: 'time',
|
|
valign: 'start',
|
|
label: setTime(notif.time),
|
|
}),
|
|
EventBox({
|
|
reset: false,
|
|
child: Button({
|
|
className: 'close-button',
|
|
valign: 'start',
|
|
onClicked: () => notif.close(),
|
|
child: Icon('window-close-symbolic'),
|
|
}),
|
|
}),
|
|
],
|
|
}),
|
|
Label({
|
|
className: 'description',
|
|
hexpand: true,
|
|
useMarkup: true,
|
|
xalign: 0,
|
|
justification: 'left',
|
|
label: notif.body,
|
|
wrap: true,
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}),
|
|
// Actions
|
|
Box({
|
|
className: 'actions',
|
|
children: notif.actions.map(action => Button({
|
|
className: 'action-button',
|
|
onClicked: () => notif.invoke(action.id),
|
|
hexpand: true,
|
|
child: Label(action.label),
|
|
})),
|
|
}),
|
|
],
|
|
}),
|
|
}),
|
|
});
|
|
};
|