Shinonome/dots-hyprland
1
0
Fork 1
mirror of https://github.com/end-4/dots-hyprland.git synced 2026-06-06 07:19:27 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix tray (naive solution) (#190)

Browse Source
This commit is contained in:
end-4
2024-02-17 11:30:43 +07:00
parent 7555018a95
commit 00ea2126f5
1 changed files with 51 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.config/ags/widgets/bar/tray.js
+51 -30
View File
@@ -23,46 +23,67 @@ const SysTrayItem = (item) => Button({
export const Tray = (props = {}) => {
const trayContent = Box({
className: 'margin-right-5 spacing-h-15',
attribute: {
items: new Map(),
onAdded: (box, id) => {
const item = SystemTray.getItem(id);
if (!item) return;
item.menu.className = 'menu';
if (box.attribute.items.has(id) || !item)
return;
const widget = SysTrayItem(item);
box.attribute.items.set(id, widget);
box.add(widget);
box.show_all();
if (box.attribute.items.size === 1)
trayRevealer.revealChild = true;
},
onRemoved: (box, id) => {
if (!box.attribute.items.has(id))
return;
// attribute: {
// items: new Map(),
// addItem: (box, item) => {
// if (!item) return;
// console.log('init item:', item)
box.attribute.items.get(id).destroy();
box.attribute.items.delete(id);
if (box.attribute.items.size === 0)
trayRevealer.revealChild = false;
},
},
// item.menu.className = 'menu';
// if (box.attribute.items.has(item.id) || !item)
// return;
// const widget = SysTrayItem(item);
// box.attribute.items.set(item.id, widget);
// box.add(widget);
// box.show_all();
// },
// onAdded: (box, id) => {
// console.log('supposed to add', id)
// const item = SystemTray.getItem(id);
// if (!item) return;
// console.log('which is', box.attribute.items.get(id))
// item.menu.className = 'menu';
// if (box.attribute.items.has(id) || !item)
// return;
// const widget = SysTrayItem(item);
// box.attribute.items.set(id, widget);
// box.add(widget);
// box.show_all();
// },
// onRemoved: (box, id) => {
// console.log('supposed to remove', id)
// if (!box.attribute.items.has(id)) return;
// console.log('which is', box.attribute.items.get(id))
// box.attribute.items.get(id).destroy();
// box.attribute.items.delete(id);
// },
// },
// setup: (self) => {
// // self.hook(SystemTray, (box, id) => box.attribute.onAdded(box, id), 'added')
// // .hook(SystemTray, (box, id) => box.attribute.onRemoved(box, id), 'removed');
// // SystemTray.items.forEach(item => self.attribute.addItem(self, item));
// // self.chidren = SystemTray.items.map(item => SysTrayItem(item));
// console.log(SystemTray.items.map(item => SysTrayItem(item)))
// self.chidren = SystemTray.items.map(item => SysTrayItem(item));
// self.show_all();
// },
setup: (self) => self
.hook(SystemTray, (box, id) => box.attribute.onAdded(box, id), 'added')
.hook(SystemTray, (box, id) => box.attribute.onRemoved(box, id), 'removed')
.hook(SystemTray, (self) => {
self.children = SystemTray.items.map(SysTrayItem);
self.show_all();
})
,
});
const trayRevealer = Widget.Revealer({
revealChild: false,
revealChild: true,
transition: 'slide_left',
transitionDuration: revealerDuration,
child: trayContent,
});
return Box({
...props,
children: [
trayRevealer,
]
children: [trayRevealer],
});
}