85 lines
2.3 KiB
JavaScript
85 lines
2.3 KiB
JavaScript
import App from 'resource:///com/github/Aylur/ags/app.js';
|
|
|
|
import { Revealer, Box, Window } from 'resource:///com/github/Aylur/ags/widget.js';
|
|
import { timeout } from 'resource:///com/github/Aylur/ags/utils.js';
|
|
|
|
|
|
export default ({
|
|
// Revealer props
|
|
transition = 'slide_down',
|
|
transitionDuration = 500,
|
|
|
|
// Optional: execute a function whenever
|
|
// the window pops up or goes away
|
|
onOpen = () => { /**/ },
|
|
onClose = () => { /**/ },
|
|
|
|
// Window props
|
|
name,
|
|
child,
|
|
closeOnUnfocus = 'released',
|
|
visible = false,
|
|
layer = 'overlay',
|
|
...props
|
|
}) => {
|
|
const window = Window({
|
|
name,
|
|
layer,
|
|
visible: false,
|
|
...props,
|
|
|
|
// Add way to make window open on startup
|
|
setup: () => {
|
|
const id = App.connect('config-parsed', () => {
|
|
if (visible) {
|
|
App.openWindow(name);
|
|
}
|
|
App.disconnect(id);
|
|
});
|
|
},
|
|
|
|
// Wrapping the revealer inside a box is needed
|
|
// to allocate some space for it even when not revealed
|
|
child: Box({
|
|
css: `
|
|
min-height:1px;
|
|
min-width:1px;
|
|
padding: 1px;
|
|
`,
|
|
child: Revealer({
|
|
transition,
|
|
transitionDuration,
|
|
|
|
connections: [[App, (rev, currentName, isOpen) => {
|
|
if (currentName === name) {
|
|
rev.revealChild = isOpen;
|
|
|
|
if (isOpen) {
|
|
onOpen(child);
|
|
}
|
|
else {
|
|
timeout(transitionDuration, () => {
|
|
onClose(child);
|
|
});
|
|
}
|
|
}
|
|
}]],
|
|
|
|
child: child || Box(),
|
|
}),
|
|
}),
|
|
});
|
|
|
|
// Make getting the original child passed in this
|
|
// function easier when making more code for the widget
|
|
window.getChild = () => window.child.children[0].child;
|
|
window.setChild = (newChild) => {
|
|
window.child.children[0].child = newChild;
|
|
window.child.children[0].show_all();
|
|
};
|
|
|
|
// This is for my custom pointers.js
|
|
window.closeOnUnfocus = closeOnUnfocus;
|
|
|
|
return window;
|
|
};
|