luci-base: cbi.js: remove functions moved to luci.js
authorJo-Philipp Wich <jo@mein.io>
Wed, 21 Nov 2018 19:27:08 +0000 (20:27 +0100)
committerJo-Philipp Wich <jo@mein.io>
Thu, 22 Nov 2018 11:49:14 +0000 (12:49 +0100)
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
modules/luci-base/htdocs/luci-static/resources/cbi.js

index 1607b9af653d48b97848a49b78dca202a64e2cfb..19228a2ff928e2a9c4ae06cf21e9312d3a595df0 100644 (file)
@@ -2,7 +2,7 @@
        LuCI - Lua Configuration Interface
 
        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");
        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)
 {
-       var dlg = modalDiv.firstElementChild;
-
-       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;
+       return L.showModal(title, children);
 }
 
 function hideModal()
 {
-       document.body.classList.remove('modal-overlay-active');
+       return L.hideModal();
 }
 
 
 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) {
                if (ev.target === document.activeElement)
                        showTooltip(ev);