mirror of
https://github.com/tsl0922/ttyd.git
synced 2025-12-21 19:34:19 +01:00
69 lines
2.7 KiB
TypeScript
69 lines
2.7 KiB
TypeScript
// ported from hterm.Terminal.prototype.showOverlay
|
|
// https://chromium.googlesource.com/apps/libapps/+/master/hterm/js/hterm_terminal.js
|
|
import { Terminal } from 'xterm';
|
|
|
|
interface IOverlayAddonTerminal extends Terminal {
|
|
__overlayNode?: HTMLElement
|
|
__overlayTimeout?: number
|
|
}
|
|
|
|
export function showOverlay(term: Terminal, msg: string, timeout: number): void {
|
|
const addonTerminal = <IOverlayAddonTerminal> term;
|
|
if (!addonTerminal.__overlayNode) {
|
|
if (!term.element)
|
|
return;
|
|
addonTerminal.__overlayNode = document.createElement('div');
|
|
addonTerminal.__overlayNode.style.cssText = (
|
|
'border-radius: 15px;' +
|
|
'font-size: xx-large;' +
|
|
'opacity: 0.75;' +
|
|
'padding: 0.2em 0.5em 0.2em 0.5em;' +
|
|
'position: absolute;' +
|
|
'-webkit-user-select: none;' +
|
|
'-webkit-transition: opacity 180ms ease-in;' +
|
|
'-moz-user-select: none;' +
|
|
'-moz-transition: opacity 180ms ease-in;');
|
|
|
|
addonTerminal.__overlayNode.addEventListener('mousedown', (e) => {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
}, true);
|
|
}
|
|
addonTerminal.__overlayNode.style.color = "#101010";
|
|
addonTerminal.__overlayNode.style.backgroundColor = "#f0f0f0";
|
|
|
|
addonTerminal.__overlayNode.textContent = msg;
|
|
addonTerminal.__overlayNode.style.opacity = '0.75';
|
|
|
|
if (!addonTerminal.__overlayNode.parentNode)
|
|
term.element.appendChild(addonTerminal.__overlayNode);
|
|
|
|
const divSize = term.element.getBoundingClientRect();
|
|
const overlaySize = addonTerminal.__overlayNode.getBoundingClientRect();
|
|
|
|
addonTerminal.__overlayNode.style.top = (divSize.height - overlaySize.height) / 2 + 'px';
|
|
addonTerminal.__overlayNode.style.left = (divSize.width - overlaySize.width) / 2 + 'px';
|
|
|
|
if (addonTerminal.__overlayTimeout)
|
|
clearTimeout(addonTerminal.__overlayTimeout);
|
|
|
|
if (timeout === null)
|
|
return;
|
|
|
|
addonTerminal.__overlayTimeout = <number><any>setTimeout(() => {
|
|
addonTerminal.__overlayNode.style.opacity = '0';
|
|
addonTerminal.__overlayTimeout = <number><any>setTimeout(() => {
|
|
if (addonTerminal.__overlayNode.parentNode)
|
|
addonTerminal.__overlayNode.parentNode.removeChild(addonTerminal.__overlayNode);
|
|
addonTerminal.__overlayTimeout = null;
|
|
addonTerminal.__overlayNode.style.opacity = '0.75';
|
|
}, 200);
|
|
}, timeout || 1500);
|
|
}
|
|
|
|
export function apply(terminalConstructor: typeof Terminal): void {
|
|
(<any>terminalConstructor.prototype).showOverlay = function (msg: string, timeout?: number): void {
|
|
return showOverlay(this, msg, timeout);
|
|
};
|
|
}
|