+ 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");
+ }
+});
+
+$(document).ready( function () {
+ args = {
+ 'ajax': {
+ 'url': '<?php echo get_config("base_url"); ?>api/users.php',
+ dataSrc: ''
+ },
+ 'pageLength':100,
+ 'order':[[1,'asc']],
+ 'columns': [
+ { 'data': 'Select' },
+ { 'data': 'Nick' },
+ { 'data': 'Country', 'className':'countrycol' },
+ { 'data': 'Host/IP', 'className':'hostname' },
+ { 'data': 'Account', 'className':'accountcol' },
+ { 'data': 'Usermodes', 'className':'umodescol' },
+ { 'data': 'Oper', 'className':'opercol' },
+ { 'data': 'Secure', 'className':'securecol' },
+ { 'data': 'Connected to', 'className':'uplinkcol' },
+ { 'data': 'Reputation', 'className':'reputationcol' },
+ ],
+ 'initComplete': function(settings, json) { resize_check(); },
+ };
+ /* Hide on mobile */
+ if (window.innerWidth > 800)
+ {
+ args['dom'] = 'Pfrtip';
+ args['searchPanes'] = {
+ 'initCollapsed': 'true',
+ 'columns': [2,8],
+ 'dtOpts': {
+ select: { style: 'multi'},
+ order: [[ 1, "desc" ]]
+ },
+ }
+ }
+
+ $('#data_list').DataTable(args);
+} );
+