X-Git-Url: https://jfr.im/git/irc/unrealircd/unrealircd-webpanel.git/blobdiff_plain/2b418d6e87b856aed377f7b23803069b46e605a2..c06c1713af2db485d55a91073bbc5b63b6aa8c0b:/channels/index.php

diff --git a/channels/index.php b/channels/index.php
index f1a03c0..111bf22 100644
--- a/channels/index.php
+++ b/channels/index.php
@@ -1,7 +1,7 @@
 <?php
-require_once "../common.php";
-require_once "../connection.php";
-require_once "../header.php";
+require_once "../inc/common.php";
+require_once "../inc/connection.php";
+require_once "../inc/header.php";
 
 if (!empty($_POST))
 {
@@ -19,9 +19,9 @@ $channels = $rpc->channel()->getAll();
 	<thead class="table-primary">
 	<th>Name</th>
 	<th>Users</th>
-	<th>Modes</th>
-	<th>Topic</th>
-	<th>Created</th>
+	<th class="modescol">Modes</th>
+	<th class="topiccol">Topic</th>
+	<th class="createdcol">Created</th>
 </thead>
 <tbody>
 	<?php
@@ -32,16 +32,62 @@ $channels = $rpc->channel()->getAll();
 		{
 			echo "<tr>";
 			echo "<td><a href=\"details.php?chan=".urlencode(htmlspecialchars($channel->name))."\">".htmlspecialchars($channel->name)."</a></td>";
-			echo "<td>".$channel->num_users."</td>";
-			$modes = (isset($channel->modes)) ? "+" . $channel->modes : "<none>";
-			echo "<td>".htmlspecialchars($modes)."</td>";
+			$s = ($channel->num_users) ? "success" : "danger";
+			echo "<td><span class=\"badge rounded-pill badge-$s\">".$channel->num_users."</span></td>";
+			$modes = (isset($channel->modes)) ? "+" . explode(" ",$channel->modes)[0] : "<none>";
+			echo "<td class=\"modescol\">".
+			     "<span data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"+".htmlspecialchars($channel->modes)."\">".
+			     htmlspecialchars($modes)."</span></td>";
 			$topic = (isset($channel->topic)) ? htmlspecialchars($channel->topic) : "";
-			echo "<td>".$topic."</td>";
-			echo "<td>".$channel->creation_time."</td>";
+			echo "<td class=\"topiccol\" style=\"overflow:hidden;\">".$topic."</td>";
+			$date = explode("T", $channel->creation_time)[0];
+			echo "<td class=\"createdcol\" style=\"white-space:nowrap\">".
+			     "<span data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"".$channel->creation_time."\">".
+			     "$date</span></td>";
 			echo "</tr>";
 		}
 
-	require_once("../footer.php");
+	require_once("../inc/footer.php");
 	?>
 </tbody>
 </table>
+<script>
+	function resize_check()
+	{
+		var width = window.innerWidth;
+		var show_elements = '';
+		var hide_elements = '';
+		if (width < 500)
+		{
+			show_elements = '.createdcol';
+			hide_elements = '.modescol, .topiccol';
+		} else
+		if (width < 800)
+		{
+			show_elements = '.createdcol, .topiccol';
+			hide_elements = '.modescol';
+		} else
+		{
+			show_elements = '.createdcol, .modescol, .topiccol';
+			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();
+	});
+</script>