]> jfr.im git - irc/unrealircd/unrealircd-webpanel.git/blobdiff - users/index.php
Users: Host/IP column: get rid of "(the same)" stuff, I think users understand ;)
[irc/unrealircd/unrealircd-webpanel.git] / users / index.php
index 7723b2c1610109af990410f8506f381d3528e605..0c2f3b88dbd1679a275f8432f724782531634cb7 100644 (file)
@@ -1,5 +1,6 @@
 <?php
 require_once "../common.php";
+require_once "../connection.php";
 require_once "../header.php";
 
 if (!empty($_GET))
@@ -85,7 +86,7 @@ $users = $rpc->user()->getAll();
 
 Click on a username to view more information.
 
-<div id="Users">
+<div class="usertable">
        
        <?php
 
@@ -118,6 +119,7 @@ Click on a username to view more information.
                                <th scope="col" colspan="2">Nick: <input name="uf_nick" type="text" class="short-form-control">
                                <th scope="col" colspan="2">Host: <input name="uf_host" type="text" class="short-form-control"></th>
                                <th scope="col" colspan="2">IP: <input name="uf_ip" type="text" class="short-form-control"></th>
+                               <th scope="col" colspan="2">Country: <input name="uf_country" type="text" class="short-form-control" placeholder="ca, fr or other"></th>
                                <th scope="col" colspan="2">Account: <input name="uf_account" type="text" class="short-form-control"></th>
                                <th scope="col" colspan="2">Server: <input name="uf_server" type="text" class="short-form-control"></th>
                                
@@ -130,19 +132,22 @@ Click on a username to view more information.
        <thead class="table-primary">
                <th scope="col"><input type="checkbox" label='selectall' onClick="toggle_user(this)" /></th>
                <th scope="col">Nick</th>
-               <th scope="col">Host / IP</th>
-               <th scope="col"><span data-toggle="tooltip" data-placement="bottom" title="The services account name, if the user identified to services." style="border-bottom: 1px dotted #000000">Account</span></th>
-               <th scope="col">Usermodes <a href="https://www.unrealircd.org/docs/User_modes" target="_blank">ℹ️</a></th>
-               <th scope="col">Oper</th>
-               <th scope="col"><span data-toggle="tooltip" data-placement="bottom" title="This shows [Secure] if the user is using SSL/TLS or is on localhost." style="border-bottom: 1px dotted #000000">Secure</span></th>
-               <th scope="col">Connected to</th>
-               <th scope="col"><span data-toggle="tooltip" data-placement="bottom" title="The reputation score gets higher when someone with this IP address has been connected in the past weeks. A low reputation score (like <10) is an indication of a new IP." style="border-bottom: 1px dotted #000000">Reputation</span> <a href="https://www.unrealircd.org/docs/Reputation_score" target="_blank">ℹ️</a></th>
+               <th class="countrycol" scope="col">Country</th>
+               <th class="hostname" scope="col">Host / IP</th>
+               <th class="accountcol" scope="col"><span data-toggle="tooltip" data-placement="bottom" title="The services account name, if the user identified to services." style="border-bottom: 1px dotted #000000">Account</span></th>
+               <th class="umodescol" scope="col">Usermodes <a href="https://www.unrealircd.org/docs/User_modes" target="_blank">ℹ️</a></th>
+               <th class="opercol" scope="col">Oper</th>
+               <th class="securecol" scope="col"><span data-toggle="tooltip" data-placement="bottom" title="This shows [Secure] if the user is using SSL/TLS or is on localhost." style="border-bottom: 1px dotted #000000">Secure</span></th>
+               <th class="uplinkcol" scope="col">Connected to</th>
+               <th class="reputationcol" scope="col"><span id="reputationheader" data-toggle="tooltip" data-placement="bottom" title="The reputation score gets higher when someone with this IP address has been connected in the past weeks. A low reputation score (like <10) is an indication of a new IP." style="border-bottom: 1px dotted #000000">Rep.</span> <a href="https://www.unrealircd.org/docs/Reputation_score" target="_blank">ℹ️</a></th>
        </thead>
        
        <tbody>
        <form method="post">
        <?php
-
+               $currentNumberUsers=0;
+               $currentNumberUsersIdentified=0;
+               $registrationOfaAllFlags = array();
                foreach($users as $user)
                {
 
@@ -153,6 +158,11 @@ Click on a username to view more information.
                        strpos(strtolower($user->name), strtolower($_POST['uf_nick'])) == false)
                                continue;
 
+                       /* Some basic filtering for COUNTRY */
+                       if (isset($_POST['uf_country']) && strlen($_POST['uf_country']) && 
+                       @strtolower($user->geoip->country_code) !== strtolower($_POST['uf_country']))
+                               continue;
+
                        /* Some basic filtering for HOST */
                        if (isset($_POST['uf_host']) && strlen($_POST['uf_host']) && 
                        strpos(strtolower($user->hostname), strtolower($_POST['uf_host'])) !== 0 &&
@@ -186,30 +196,44 @@ Click on a username to view more information.
                        (strpos($user->user->modes,"S") == false))
                                continue;
 
-                       echo "\n<tr>";
+                       echo "\n<tr id=\"$user->id\" value=\"$user->name\" class=\"userselector\">";
                        echo "<th scope=\"row\"><input type=\"checkbox\" value='" . base64_encode($user->id)."' name=\"userch[]\"></th>";
                        $isBot = (strpos($user->user->modes, "B") !== false) ? ' <span class="badge rounded-pill badge-dark">Bot</span>' : "";
                        echo "<td><a href=\"details.php?nick=".$user->id."\">$user->name$isBot</a></td>";
-                       echo "<td>".htmlspecialchars($user->hostname)." (".htmlspecialchars($user->ip ?? "None").")</td>";
-                       $account = (isset($user->user->account)) ? "<a href=\"".BASE_URL."users/?account=".$user->user->account."\">".htmlspecialchars($user->user->account)."</a>" : '<span class="badge rounded-pill badge-primary">None</span>';
-                       echo "<td>".$account."</td>";
+                       echo "<td class=\"countrycol\">".(isset($user->geoip->country_code) ? '<img src="https://flagcdn.com/48x36/'.htmlspecialchars(strtolower($user->geoip->country_code)).'.png" width="20" height="15"> '.$user->geoip->country_code : "")."</td>";
+                       if ($user->hostname == $user->ip)
+                               $hostip = $user->ip;
+                       else if ($user->ip == null)
+                               $hostip = $user->hostname;
+                       else
+                               $hostip = $user->hostname . " (".$user->ip.")";
+                       echo "<td class=\"hostname\">".htmlspecialchars($hostip)."</td>";
+                       $account = (isset($user->user->account)) ? "<a href=\"".get_config("base_url")."users/?account=".$user->user->account."\">".htmlspecialchars($user->user->account)."</a>" : '<span class="badge rounded-pill badge-primary">None</span>';
+                       echo "<td class=\"accountcol\">".$account."</td>";
                        $modes = (isset($user->user->modes)) ? "+" . $user->user->modes : "<none>";
-                       echo "<td>".$modes."</td>";
+                       echo "<td class=\"umodescol\">".$modes."</td>";
                        $oper = (isset($user->user->operlogin)) ? $user->user->operlogin." <span class=\"badge rounded-pill badge-secondary\">".$user->user->operclass."</span>" : "";
                        if (!strlen($oper))
                                $oper = (strpos($user->user->modes, "S") !== false) ? '<span class="badge rounded-pill badge-warning">Services Bot</span>' : "";
-                       echo "<td>".$oper."</td>";
+                       echo "<td class=\"opercol\">".$oper."</td>";
 
                        $secure = (isset($user->tls) || $user->hostname !== "localhost") ? "<span class=\"badge rounded-pill badge-success\">Secure</span>" : "<span class=\"badge rounded-pill badge-danger\">Insecure</span>";
                        if (strpos($user->user->modes, "S") !== false)
                                $secure = "";
-                       echo "<td>".$secure."</td>";
-                       echo "<td><a href=\"".BASE_URL."servers/details.php?server=".substr($user->id, 0, 3)."\">".$user->user->servername."</a></td>";
-                       echo "<td>".$user->user->reputation."</td>";
+                       echo "<td class=\"securecol\">".$secure."</td>";
+                       echo "<td class=\"uplinkcol\"><a href=\"".get_config("base_url")."servers/details.php?server=".substr($user->id, 0, 3)."\">".$user->user->servername."</a></td>";
+                       echo "<td class=\"reputationcol\">".$user->user->reputation."</td>";
                        echo "</tr>";
+                       $currentNumberUsers++;
+                       if (isset($user->user->account))
+                       $currentNumberUsersIdentified++;
+                       if (isset($user->geoip->country_code))
+                       array_push($registrationOfaAllFlags, $user->geoip->country_code);
                }
+               $registrationOfaAllFlags = array_count_values($registrationOfaAllFlags);
        ?>
        </tbody></table>
+       <div id="currentNumberUsers"><?=$currentNumberUsers?> connected users including <?=$currentNumberUsersIdentified?> identified and <?=($currentNumberUsers-$currentNumberUsersIdentified)?> not identified.</div>
        <table class="table table-responsive table-light">
        <tr>
        <td colspan="2">
@@ -297,14 +321,159 @@ Click on a username to view more information.
        </div>
        
        </form>
-       
-               </div>
+
+       <style>
+               #rclickmenu {
+                       position: fixed;
+                       z-index: 10000;
+                       width: 250px;
+                       background: #1b1a1a;
+                       border-radius: 5px;
+                       transform: scale(0);
+                       transform-origin: top left;
+               }
+               #rclickmenu.visible {
+                       transform: scale(1);
+                       transition: transform 120ms ease-in-out;
+               }
+               #rclickmenu .item {
+                       padding: 8px 10px;
+                       font-size: 15px;
+                       color: #eee;
+                       cursor: pointer;
+                       border-radius: inherit;
+               }
+               #rclickmenu .item:hover {
+                       background: #343434;
+                       text-decoration: none;
+               }
+       </style>
+
+       <div id='rclickmenu' class="nav-item list-group">
+               <div id="rclick_opt1" class="item list-group-item-action">View details</div>
+               <div id="rclick_opt2" class="item list-group-item-action">Kill</div>
+               <div id="rclick_opt3" class="item list-group-item-action">Copy
+       </div>
+
+<?php /* ?>
+       <h3>Top country</h3>
+       <div id="top-country">
+               <ul>
+               <?php
+                       arsort($registrationOfaAllFlags);
+                       foreach($registrationOfaAllFlags as $country_code => $count){
+                               echo '<li>
+                               <div class="drag"><img src="https://flagcdn.com/108x81/'.htmlspecialchars(strtolower($country_code)).'.png" width="108" height="81"><br />
+                               '.$country_code . '
+                               </div>
+                               <div class="count">' . $count . ' <span>connected</span></div>
+                               </li>';
+                       }
+               ?>
+               </ul>
+       </div>
+<?php */ ?>
+
+</div>
 
 <script>
-    
-    $("#myModal").on('shown.bs.modal', function(){
-        $("#CloseButton").focus();
-    });
+       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");
+       }
+});
 </script>
 
 <?php require_once UPATH.'/footer.php'; ?>