nixos-configs/config/ags/js/bar/notif-button.js

53 lines
1.2 KiB
JavaScript
Raw Normal View History

const { Box, Label, Icon } = ags.Widget;
const { openWindow, closeWindow } = ags.App;
const { Notifications } = ags.Service;
2023-09-05 15:10:25 -04:00
import { EventBox, Separator } from '../common.js';
var notifButtonState = false;
export const NotifButton = EventBox({
className: 'toggle-off',
onPrimaryClickRelease: () => {
if (notifButtonState) {
2023-09-05 15:10:25 -04:00
NotifButton.toggleClassName('toggle-on', false);
closeWindow('notification-center');
notifButtonState = false;
}
else {
2023-09-05 15:10:25 -04:00
NotifButton.toggleClassName('toggle-on', true);
openWindow('notification-center');
notifButtonState = true;
2023-09-05 15:10:25 -04:00
}
},
child: Box({
className: 'notif-panel',
vertical: false,
children: [
Separator(28),
Icon({
connections: [
[Notifications, icon => {
2023-09-11 16:25:57 -04:00
// TODO: add no notifs vs notifs
icon.icon = Notifications.dnd
? 'notifications-disabled-symbolic'
: 'preferences-system-notifications-symbolic';
}],
],
}),
Separator(8),
Label({
connections: [
[Notifications, label => {
label.label = String(Notifications.notifications.length);
}],
],
}),
],
2023-09-05 15:10:25 -04:00
}),
});