+ function resize_check()
+ {
+ var width = window.innerWidth;
+ var show_elements = '';
+ var hide_elements = '';
+ if (width < 500)
+ {
+ show_elements = '';
+ hide_elements = '.hostname, .opercol, .uplinkcol, .securecol, .umodescol, .countrycol';
+ } else
+ if (width < 600)
+ {
+ show_elements = '.countrycol';
+ hide_elements = '.hostname, .opercol, .uplinkcol, .securecol, .umodescol';
+ } else
+ if (width < 700)
+ {
+ show_elements = '.umodescol, .countrycol';
+ hide_elements = '.hostname, .opercol, .uplinkcol, .securecol';
+ } else
+ if (width < 768)
+ {
+ show_elements = '.securecol, .umodescol, .countrycol';
+ hide_elements = '.hostname, .opercol, .uplinkcol';
+ } else
+ if (width < 875)
+ {
+ // left nav kicks in at 768+ so need to drop one column between 768..875
+ show_elements = '.umodescol, .countrycol';
+ hide_elements = '.hostname, .opercol, .uplinkcol, .securecol';
+ } else if (width < 1000)
+ {
+ show_elements = '.securecol, .umodescol, .countrycol';
+ hide_elements = '.hostname, .uplinkcol, .opercol';
+ } else if (width < 1200)
+ {
+ show_elements = '.opercol, .securecol, .umodescol, .countrycol';
+ hide_elements = '.hostname, .uplinkcol';
+ } else if (width < 1550)
+ {
+ show_elements = '.opercol, .uplinkcol, .securecol, .umodescol, .countrycol';
+ hide_elements = '.hostname';
+ } else if (width < 1750)
+ {
+ show_elements = '.hostname, .opercol, .securecol, .umodescol, .countrycol';
+ hide_elements = '.uplinkcol';
+ } else {
+ show_elements = '.hostname, .opercol, .uplinkcol, .securecol, .umodescol, .countrycol';
+ hide_elements = '';
+ }
+
+ if (show_elements != '')
+ {
+ show_elements=document.querySelectorAll(show_elements);
+ for (let i = 0; i < show_elements.length; i++)
+ show_elements[i].style.display = '';
+ }
+
+ if (hide_elements != '')
+ {
+ hide_elements=document.querySelectorAll(hide_elements);
+ for (let i = 0; i < hide_elements.length; i++)
+ hide_elements[i].style.display = 'none';
+ }
+ }
+ resize_check();
+ window.addEventListener('resize', function() {
+ resize_check();
+ });
+ var rclickmenu = document.getElementById('rclickmenu');
+ var scopes = document.querySelectorAll('.userselector');
+ document.addEventListener("click", (e) =>
+ {
+ if (e.target.offsetParent != rclickmenu)
+ {
+ rclickmenu.classList.remove("visible");
+ }
+ });
+ scopes.forEach((scope) => {
+ scope.addEventListener("contextmenu", (event) =>
+ {
+ event.preventDefault();
+ var { clientX: mouseX, clientY: mouseY } = event;
+ var name = $('#' + scope.id).attr('value')
+ document.getElementById("rclick_opt1").innerHTML = 'View details for ' + name;
+ rclickmenu.style.top = `${mouseY}px`;
+ rclickmenu.style.left = `${mouseX}px`;
+ rclickmenu.classList.remove("visible");
+ setTimeout(() => { rclickmenu.classList.add("visible"); });
+ });
+ });
+ document.addEventListener('keydown', (event) => {
+ if (event.key === 'Escape')
+ {
+ rclickmenu.classList.remove("visible");
+ }
+});