48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
import { Box, Icon, ProgressBar } from 'resource:///com/github/Aylur/ags/widget.js';
|
|
|
|
const Y_POS = 80;
|
|
|
|
|
|
export default ({ stack, icon, info }) => {
|
|
let connectFunc;
|
|
|
|
const osd = Box({
|
|
css: `margin-bottom: ${Y_POS}px;`,
|
|
children: [Box({
|
|
class_name: 'osd',
|
|
children: [
|
|
Icon({
|
|
hpack: 'start',
|
|
// Can take a string or an object of props
|
|
...(typeof icon === 'string' ? { icon } : icon),
|
|
}),
|
|
// Can take a static widget instead of a progressbar
|
|
info.logic ?
|
|
ProgressBar({ vpack: 'center' }) :
|
|
info.widget,
|
|
],
|
|
})],
|
|
});
|
|
|
|
// Handle requests to show the OSD
|
|
// Different wether it's a bar or static
|
|
if (info.logic) {
|
|
/**
|
|
* @param {import('types/widgets/box').default} self
|
|
* @returns {Promise<void>}
|
|
*/
|
|
connectFunc = (self) => new Promise((r) => {
|
|
info.logic(self);
|
|
// @ts-expect-error
|
|
r();
|
|
}).then(() => stack.attribute.popup(osd));
|
|
}
|
|
else {
|
|
connectFunc = () => stack.attribute.popup(osd);
|
|
}
|
|
|
|
// @ts-expect-error
|
|
osd.children[0].children[1].hook(info.mod, connectFunc, info.signal);
|
|
|
|
return osd;
|
|
};
|