84 lines
2.1 KiB
TypeScript
84 lines
2.1 KiB
TypeScript
/**
|
|
* Copyright 2013-2019 GenieACS Inc.
|
|
*
|
|
* This file is part of GenieACS.
|
|
*
|
|
* GenieACS is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as
|
|
* published by the Free Software Foundation, either version 3 of the
|
|
* License, or (at your option) any later version.
|
|
*
|
|
* GenieACS is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with GenieACS. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import m, { Children } from "mithril";
|
|
|
|
type OverlayCallback = () => Children;
|
|
|
|
let overlayCallback: OverlayCallback = null;
|
|
|
|
export function open(callback: OverlayCallback): void {
|
|
overlayCallback = callback;
|
|
}
|
|
|
|
export function close(callback: OverlayCallback): boolean {
|
|
if (callback === overlayCallback) {
|
|
overlayCallback = null;
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
export function render(): Children {
|
|
if (overlayCallback) {
|
|
return m(
|
|
".overlay-wrapper",
|
|
{
|
|
tabindex: 0,
|
|
onclick: () => {
|
|
close(overlayCallback);
|
|
},
|
|
style: "opacity: 0",
|
|
oncreate: vnode => {
|
|
(vnode.dom as HTMLDivElement).focus();
|
|
(vnode.dom as HTMLDivElement).style.opacity = "1";
|
|
},
|
|
onbeforeremove: vnode => {
|
|
(vnode.dom as HTMLDivElement).style.opacity = "0";
|
|
return new Promise(resolve => {
|
|
setTimeout(() => {
|
|
resolve();
|
|
}, 500);
|
|
});
|
|
}
|
|
},
|
|
m(
|
|
".overlay",
|
|
{
|
|
onclick: e => {
|
|
e.stopPropagation();
|
|
}
|
|
},
|
|
overlayCallback()
|
|
)
|
|
);
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
document.addEventListener("keydown", e => {
|
|
if (overlayCallback && e.keyCode === 27 && close(overlayCallback)) m.redraw();
|
|
});
|
|
|
|
window.addEventListener("popstate", () => {
|
|
if (close(overlayCallback)) m.redraw();
|
|
});
|