Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

luci-base: cbi.js: remove functions moved to luci.js

Browse source 
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich 2018-11-21 20:27:08 +01:00
parent 706c6836e4
commit 05860e31f2
1 changed files with 3 additions and 81 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

84
modules/luci-base/htdocs/luci-static/resources/cbi.js
View file

@ -2,7 +2,7 @@
LuCI - Lua Configuration Interface LuCI - Lua Configuration Interface
Copyright 2008 Steven Barth <steven@midlink.org> Copyright 2008 Steven Barth <steven@midlink.org>
Copyright 2008-2012 Jo-Philipp Wich <jow@openwrt.org> Copyright 2008-2018 Jo-Philipp Wich <jo@mein.io>
Licensed under the Apache License, Version 2.0 (the "License"); Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License. you may not use this file except in compliance with the License.
@ -2278,96 +2278,18 @@ function cbi_update_table(table, data, placeholder) {
}); });
} }
var tooltipDiv = null, tooltipTimeout = null;
function showTooltip(ev) {
var target = findParent(ev.target, '[data-tooltip]');
if (!target)
return;
if (tooltipTimeout !== null) {
window.clearTimeout(tooltipTimeout);
tooltipTimeout = null;
}
var rect = target.getBoundingClientRect(),
x = rect.left + window.pageXOffset,
y = rect.top + rect.height + window.pageYOffset;
tooltipDiv.className = 'cbi-tooltip';
tooltipDiv.innerHTML = '▲ ';
tooltipDiv.firstChild.data += target.getAttribute('data-tooltip');
if (target.hasAttribute('data-tooltip-style'))
tooltipDiv.classList.add(target.getAttribute('data-tooltip-style'));
if ((y + tooltipDiv.offsetHeight) > (window.innerHeight + window.pageYOffset)) {
y -= (tooltipDiv.offsetHeight + target.offsetHeight);
tooltipDiv.firstChild.data = '▼ ' + tooltipDiv.firstChild.data.substr(2);
}
tooltipDiv.style.top = y + 'px';
tooltipDiv.style.left = x + 'px';
tooltipDiv.style.opacity = 1;
}
function hideTooltip(ev) {
if (ev.target === tooltipDiv || ev.relatedTarget === tooltipDiv)
return;
if (tooltipTimeout !== null) {
window.clearTimeout(tooltipTimeout);
tooltipTimeout = null;
}
tooltipDiv.style.opacity = 0;
tooltipTimeout = window.setTimeout(function() { tooltipDiv.removeAttribute('style'); }, 250);
}
var modalDiv = null;
function showModal(title, children) function showModal(title, children)
{ {
var dlg = modalDiv.firstElementChild; return L.showModal(title, children);
while (dlg.firstChild)
dlg.removeChild(dlg.firstChild);
dlg.setAttribute('class', 'modal');
dlg.appendChild(E('h4', {}, title));
if (!Array.isArray(children))
children = [ children ];
for (var i = 0; i < children.length; i++)
if (isElem(children[i]))
dlg.appendChild(children[i]);
else
dlg.appendChild(document.createTextNode('' + children[i]));
document.body.classList.add('modal-overlay-active');
return dlg;
} }
function hideModal() function hideModal()
{ {
document.body.classList.remove('modal-overlay-active'); return L.hideModal();
} }
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
tooltipDiv = document.body.appendChild(E('div', { 'class': 'cbi-tooltip' }));
modalDiv = document.body.appendChild(E('div', { 'id': 'modal_overlay' },
E('div', { 'class': 'modal' })));
document.addEventListener('mouseover', showTooltip, true);
document.addEventListener('mouseout', hideTooltip, true);
document.addEventListener('focus', showTooltip, true);
document.addEventListener('blur', hideTooltip, true);
document.addEventListener('validation-failure', function(ev) { document.addEventListener('validation-failure', function(ev) {
if (ev.target === document.activeElement) if (ev.target === document.activeElement)
showTooltip(ev); showTooltip(ev);