]> jfr.im git - irc/unrealircd/unrealircd-webpanel.git/blobdiff - users/index.php
Users: hide filter pane on mobile. Still not sure why the width is so fuqd.
[irc/unrealircd/unrealircd-webpanel.git] / users / index.php
index 96a53fead12a1d0f4c5eaae4cb845ae716e4bc83..09b476c150460fd9a6267796118ab1d563d9f94a 100644 (file)
@@ -1,17 +1,37 @@
 <?php
-require_once "../common.php";
-require_once "../header.php";
+require_once "../inc/common.php";
+require_once "../inc/header.php";
 
-if (!empty($_POST)) {
+if (!empty($_GET))
+{
+       if (isset($_GET['account']) && !isset($_POST['uf_account']))
+               $_POST['uf_account'] = $_GET['account'];
+
+       if (isset($_GET['operonly']) && !isset($_POST['operonly']))
+               $_POST['operonly'] = $_GET['operonly'];
+
+       if (isset($_GET['servicesonly']) && !isset($_POST['servicesonly']))
+               $_POST['servicesonly'] = $_GET['servicesonly'];
+}
+
+if (!empty($_POST))
+{
+       require_once "../inc/connection.php";
        do_log($_POST);
-       $bantype = $_POST['bantype'];
+       $bantype = (isset($_POST['bantype'])) ? $_POST['bantype'] : NULL;
+
        if (isset($_POST['userch'])) {
-               foreach ($_POST["userch"] as $user) {
+               foreach ($_POST["userch"] as $user)
+               {
                        $user = $name = base64_decode($user);
-                       $bantype = (isset($_POST['bantype'])) ? $_POST['bantype'] : NULL;
-                       if (!$bantype) /* shouldn't happen? */{
+
+                       if (!$bantype) /* shouldn't happen? */
+                       {
                                Message::Fail("An error occured");
-                       } else {
+                       }
+                       
+                       else
+                       {
                                $banlen_w = (isset($_POST['banlen_w'])) ? $_POST['banlen_w'] : NULL;
                                $banlen_d = (isset($_POST['banlen_d'])) ? $_POST['banlen_d'] : NULL;
                                $banlen_h = (isset($_POST['banlen_h'])) ? $_POST['banlen_h'] : NULL;
@@ -28,15 +48,29 @@ if (!empty($_POST)) {
                                                $duration .= $banlen_h;
                                }
                                $user = $rpc->user()->get($user);
+
                                if (!$user && $bantype !== "qline") {
                                        Message::Fail("Could not find that user: User not online");
-                               } else {
+                               }
+                               
+                               else
+                               {
                                        $msg_msg = ($duration == "0" || $duration == "0w0d0h") ? "permanently" : "for " . rpc_convert_duration_string($duration);
                                        $reason = (isset($_POST['ban_reason'])) ? $_POST['ban_reason'] : "No reason";
+
                                        if ($bantype == "qline")
                                                $rpc->nameban()->add($name, $reason, $duration);
+
+                                       else if ($bantype == "kill")
+                                       {
+                                               if ($rpc->user()->kill($user->id, $reason))
+                                                       Message::Success($user->name . "(*@" . $user->hostname . ") has been killed: $reason");
+                                               else
+                                                       Message::Fail("Could not kill $user->name: $rpc->error");
+                                       }
                                        else if ($rpc->serverban()->add($user->id, $bantype, $duration, $reason))
                                                Message::Success($user->name . " (*@" . $user->hostname . ") has been $bantype" . "d $msg_msg: $reason");
+
                                        else
                                                Message::Fail("Could not add $bantype against $name: $rpc->error");
                                }
@@ -45,16 +79,15 @@ if (!empty($_POST)) {
        }
 }
 
-/* Get the user list */
-$users = $rpc->user()->getAll();
 ?>
 <h4>Users Overview</h4>
 
 Click on a username to view more information.
 
-<div id="Users">
+<div class="usertable">
        
        <?php
+
        if (isset($_POST['uf_nick']) && strlen($_POST['uf_nick']))
                Message::Info("Listing users which match nick: \"" . $_POST['uf_nick'] . "\"");
 
@@ -67,86 +100,29 @@ Click on a username to view more information.
        if (isset($_POST['uf_account']) && strlen($_POST['uf_account']))
                Message::Info("Listing users which match account: \"" . $_POST['uf_account'] . "\"");
 
+       if (isset($_POST['uf_server']) && strlen($_POST['uf_server']))
+               Message::Info("Listing users connected to servers matching: \"" . $_POST['uf_server'] . "\"");
+
+
        ?>
-       <table class="container-xxl table table-responsive caption-top table-striped">
-       <thead>
-               <th scope="col"><h5>Filter:</h5></th>
-               <form action="" method="post">
-               <th scope="col" colspan="2">Nick <input name="uf_nick" type="text" class="form-control short-form-control">
-               <th scope="col" colspan="2">Host <input name="uf_host" type="text" class="form-control short-form-control"></th>
-               <th scope="col" colspan="2">IP <input name="uf_ip" type="text" class="form-control short-form-control"></th>
-               <th scope="col" colspan="2">Account <input name="uf_account" type="text" class="form-control short-form-control"></th>
-               <th scope="col"> <input class="btn btn-primary" type="submit" value="Search"></th></form>
-       </thead></table>
-
-       <table class="container-xxl table table-responsive caption-top table-striped">
+
+       <!-- The user list -->
+       <table id="data_list" class="container-xxl table table-sm table-responsive caption-top table-striped">
        <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
-
-               foreach($users as $user)
-               {
+       </table>
 
-               
-                       /* Some basic filtering for NICK */
-                       if (isset($_POST['uf_nick']) && strlen($_POST['uf_nick']) && 
-                       strpos(strtolower($user->name), strtolower($_POST['uf_nick'])) !== 0 &&
-                       strpos(strtolower($user->name), strtolower($_POST['uf_nick'])) == false)
-                               continue;
-
-                       /* Some basic filtering for HOST */
-                       if (isset($_POST['uf_host']) && strlen($_POST['uf_host']) && 
-                       strpos(strtolower($user->hostname), strtolower($_POST['uf_host'])) !== 0 &&
-                       strpos(strtolower($user->hostname), strtolower($_POST['uf_host'])) == false)
-                               continue;
-
-                       /* Some basic filtering for IP */
-                       if (isset($_POST['uf_ip']) && strlen($_POST['uf_ip']) && 
-                       strpos(strtolower($user->ip), strtolower($_POST['uf_ip'])) !== 0 &&
-                       strpos(strtolower($user->ip), strtolower($_POST['uf_ip'])) == false)
-                               continue;
-
-                       /* Some basic filtering for ACCOUNT */
-                       if (isset($_POST['uf_account']) && strlen($_POST['uf_account']) && 
-                       strpos(strtolower($user->user->account), strtolower($_POST['uf_account'])) !== 0 &&
-                       strpos(strtolower($user->user->account), strtolower($_POST['uf_account'])) == false)
-                               continue;
-
-                       echo "\n<tr>";
-                       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>".$user->hostname." (".$user->ip.")</td>";
-                       $account = (isset($user->user->account)) ? $user->user->account : '<span class="badge rounded-pill badge-primary">None</span>';
-                       echo "<td>".$account."</td>";
-                       $modes = (isset($user->user->modes)) ? "+" . $user->user->modes : "<none>";
-                       echo "<td>".$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>";
-
-                       $secure = (isset($user->tls)) ? "<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>".$user->user->servername."</td>";
-                       echo "<td>".$user->user->reputation."</td>";
-               }
-       ?>
-       </tbody></table>
+       <!-- User Actions -->
        <table class="table table-responsive table-light">
        <tr>
        <td colspan="2">
@@ -156,6 +132,7 @@ Click on a username to view more information.
                <optgroup label="Bans">
                        <option value="gline">GLine</option>
                        <option value="gzline">GZLine</option>
+                       <option value="kill">Kill</option>
                </optgroup>
        </select></td><td colspan="2">
        <label for="banlen_w">Duration: </label>
@@ -201,18 +178,22 @@ Click on a username to view more information.
                        }
                        
                        ?>
-       </select><br></td><tr><td colspan="3">
+       </select>
+       
+       <br></td><tr><td colspan="3">
        
        <label for="ban_reason">Reason: </label>
-       <input class="form-control short-form-control" type="text" name="ban_reason" id="ban_reason" value="No reason">
-       <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
-                       Apply ban
+       <input class="form-control" type="text" name="ban_reason" id="ban_reason" value="No reason">
+       <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#ban_confirmation">
+                       Apply
        </button></td></table>
-       <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="confirmModalCenterTitle" aria-hidden="true">
+
+       <!-- Ban confirmation modal -->
+       <div class="modal fade" id="ban_confirmation" tabindex="-1" role="dialog" aria-labelledby="confirmModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                <div class="modal-header">
-                       <h5 class="modal-title" id="myModalLabel">Apply ban</h5>
+                       <h5 class="modal-title" id="ban_confirmation_label">Apply ban</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
@@ -223,7 +204,7 @@ Click on a username to view more information.
                </div>
                <div class="modal-footer">
                        <button id="CloseButton" type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
-                       <button type="submit" action="post" class="btn btn-danger">Ban</button>
+                       <button type="submit" action="post" class="btn btn-danger">Apply</button>
                        
                </div>
                </div>
@@ -231,14 +212,180 @@ 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>
+</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");
+       }
+});
+
+$(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);
+} );
+
 </script>
 
-<?php require_once UPATH.'/footer.php'; ?>
+<?php require_once UPATH.'/inc/footer.php'; ?>