[irc/unrealircd/unrealircd-webpanel.git] / inc / header.php

<?php
$nav_shown = true;
$arr = []; Hook::run(HOOKTYPE_PRE_HEADER, $arr);
?>
<!DOCTYPE html>
<head>
<div class="media">
<div class="media-body">

	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="HandheldFriendly" content="true">

<link href="<?php echo get_config("base_url"); ?>css/unrealircd-admin.css" rel="stylesheet">

<link rel="stylesheet" href="<?php echo get_config("base_url"); ?>css/datatables.min.css" />

 <!-- Latest compiled and minified CSS -->
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">

<!-- Font Awesome JS -->
<script defer src="https://use.fontawesome.com/releases/v6.2.1/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
<script defer src="https://use.fontawesome.com/releases/v6.2.1/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"></script>

<!-- Font Awesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
<title>UnrealIRCd Panel</title>
<link rel="icon" type="image/x-icon" href="<?php echo get_config("base_url"); ?>img/favicon.ico">
</head>
<body role="document">
<div aria-live="polite" aria-atomic="true">
  <div id="toaster" style="right: 0; bottom: 50px; z-index: 5;" class="position-fixed bottom-0 right-0 p-4">
	<!-- insert your javascript bread in here to make toast -->
  </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js" integrity="sha384-ZvpUoO/+PpLXR1lu4jmpXWu80pZlYUAfxl5NsBMWOEPSjUn/6Z/hRTt8+pR6L4N2" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
<script src="<?php echo get_config("base_url"); ?>js/unrealircd-admin.js"></script>
<script src="<?php echo get_config("base_url"); ?>js/datatables.min.js"></script>
<script src="<?php echo get_config("base_url"); ?>js/datatables-natural-sort.js"></script>
<script src="<?php echo get_config("base_url"); ?>js/datatables-ellipsis.js"></script>
<script>
		var BASE_URL = "<?php echo get_config("base_url"); ?>";
		function timeoutCheck() {
			var xhttp = new XMLHttpRequest();
			xhttp.onreadystatechange = function() {
				if (this.readyState == 4 && this.status == 200) {
					var data = JSON.parse(this.responseText);
					if (data.session == 'none')
						window.location = BASE_URL + 'login/?timeout=1&redirect=' + encodeURIComponent(window.location.pathname);
				}
			};
			xhttp.open("GET", BASE_URL + "api/timeout.php", true);
			xhttp.send();
		}

		timeoutCheck();
		StartStreamNotifs(BASE_URL + "api/notification.php");
		setInterval(timeoutCheck, 15000);

		function change_active_server(name)
		{
			fetch(BASE_URL + 'api/set_rpc_server.php', {
			      method:'POST',
			      headers: {'Content-Type':'application/x-www-form-urlencoded'},
			      body: 'server='+encodeURIComponent(name)
			      })
			.then(response => response.json())
			.then(data => {
				location.reload();
			})
			.catch(error => {
				// handle error? nah.
			});
		}
</script>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
	#optionsopen {
		transition: left 0.3s;
	}
	#optionsclose {
		transition: left 0.3s;
	}
	.w3-sidebar {
		top: 52px;
		color: white;
		transition: left 0.3s;
		width: 160px;
	}
	.container-fluid {
		transition: padding-left 0.3s;
	}
	.list-group-item-action {
		color: #e0e0e0;
	}
</style>
<nav id="sidebarlol" style="left: 0" class="w3-sidebar navbar-expand-md bg-dark padding-top me-5 ma-5">
<div class="list-group">
	<div class="badge badge-secondary rounded-pill">Main Menu</div>
	<?php 

function show_page_item($name, $page, $nestlevel)
{
	$active_page = NULL;
	$icon = $style = "";
	$class = "nav-link nav-item";
	//if (is_string($active_page) && $page == $active_page)
	//	$class .= " active";

	$is_link = isset($page["script"]) ? true : false;

	if ($nestlevel > 0)
	{
		echo "<small>";
		$name = "&nbsp; ".$name;
		$style = "padding-bottom: 1px; padding-top: 1px";
	} else {
		echo "<b>";
	}
	if (!$is_link)
	{
		$style = "padding-bottom: 0px;";
	} else {
		$url = $page["script"];
		if (str_ends_with($url, "/index.php"))
			$url = str_replace('/index.php', '', $url);
		echo "<a href=\"".get_config("base_url").$url."\" style=\"text-decoration: none\">\n";
	}
	echo "<div class=\"big-page-item d-flex justify-content-between align-items-center $class list-group-item-action\" style=\"$style\">$name
		<div class=\"text-right padding-top\">
			<i class=\"fa fa-$icon\"></i>
		</div></div>\n";
	if ($is_link)
		echo "</a>";
	if ($nestlevel > 0)
		echo "</small>";
	else
		echo "</b>";
	if (!$is_link)
	{
		foreach ($page as $subname=>$subpage)
			show_page_item($subname, $subpage, 1);
	}
}

function show_page_item_mobile($name, $page, $nestlevel)
{
	$active_page = NULL;
	$icon = $style = "";
	$class = "nav-link nav-item";
	if (is_string($active_page) && $page == $active_page)
		$class .= " active";

	if ($nestlevel > 0)
	{
		echo "<small>";
		$name = "&nbsp; ".$name;
		$style = "padding-bottom: 1px; padding-top: 1px";
	} else {
		echo "<b>";
	}
	if (is_array($page))
	{
		$style = "padding-bottom: 0px;";
	} else {
		echo "<a href=\"".get_config("base_url").$page."\" >\n";
	}
	echo "<div class=\"bg-dark lil-page-item d-flex justify-content-between align-items-center $class\" style=\"$style\">$name
		<div class=\"text-right padding-top\">
			<i class=\"fa fa-$icon\"></i>
		</div></div>\n";
	if (!is_array($page))
		echo "</a>";
	if ($nestlevel > 0)
		echo "</small>";
	else
		echo "</b>";
	if (is_array($page))
	{
		foreach ($page as $subname=>$subpage)
			show_page_item($subname, $subpage, 1);
	}
}

function rpc_server_nav()
{
	$active_server = get_active_rpc_server();
	if (!$active_server)
		return; // eg empty servers
	$servers = get_config("unrealircd");
	$cnt = count($servers);
?>
		<div class="dropdown" style="color: #d0d0d0">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><?php echo $active_server ?> <span class="caret"></span></a>
			<div class="dropdown-menu">
<?php
			foreach($servers as $name=>$d)
			{
				$link = "";
				if ($name != $active_server)
					echo "<a class=\"dropdown-item\" href=\"javascript:change_active_server('".htmlspecialchars($name)."')\">".htmlspecialchars($name)."</a>\n";
				else
					echo "<div class=\"dropdown-item\">".htmlspecialchars($name)." <i>(current)</i></div>\n"; // current
			}
?>
			</div>
		</div>
<?php
}


foreach($pages as $name=>$page)
	show_page_item($name, $page, 0);
?>
</div>
</nav>

<div class="container-fluid">
	
	<!-- Fixed navbar -->
	<nav class="topbar navbar navbar-expand-md navbar-dark bg-dark fixed-top z-index padding-top">
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-controls="collapsibleNavbar" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>
		<div>
			<a class="navbar-brand" href="<?php echo get_config("base_url"); ?>">
			<img src="<?php echo get_config("base_url"); ?>img/favicon.ico" height="25" width="25"> UnrealIRCd Admin Panel</a>
		</div>
		<?php rpc_server_nav(); ?>
		<div class="collapse navbar-collapse" id="collapsibleNavbar">
			<ul id="big-nav-items" class="navbar-nav mr-auto">
				
<?php

foreach ($pages as $name => $page)
	show_page_item($name, $page, 0);


?>
	
		</ul>

	</nav><br>
</div>

<div id="main_contain" class="container-fluid" style="padding-left: 180px" role="main">

<script>
	function nav_resize_check()
	{
		var width = window.innerWidth;
		var sidebar = document.getElementById('sidebarlol');
		var top = document.getElementById('big-nav-items');
		var maincontainer = document.getElementById('main_contain');
		
		if (width < 768)
		{
			sidebar.style.display = 'none';
			top.style.display = '';
			maincontainer.style.paddingLeft = "10px";
		}
		else
		{
			sidebar.style.display = '';
			top.style.display = 'none';
			maincontainer.style.paddingLeft = "180px";
		}
	}
	nav_resize_check();
	window.addEventListener('resize', function() {
		nav_resize_check();
	});
</script>

<?php
	if ($current_page &&
	    !(isset($current_page["no_irc_server_required"]) &&
	      ($current_page["no_irc_server_required"] == true)))
	{
		Message::Fail("No RPC server configured. Go to Settings - RPC Servers.");
		require_once('footer.php');
		die;
	}
Commit	Line	Data
39206f24	1	<?php
830edb25 BM	2	$nav_shown = true;
	3	$arr = []; Hook::run(HOOKTYPE_PRE_HEADER, $arr);
	4	?>
fdebc6e7	5	<!DOCTYPE html>
4642afa5	6	<head>
ce9cf366 VP	7	<div class="media">
	8	<div class="media-body">
	9
33f512fa VP	10	<meta name="viewport" content="width=device-width, initial-scale=1">
	11	<meta name="HandheldFriendly" content="true">
	12
ea90b321	13	<link href="<?php echo get_config("base_url"); ?>css/unrealircd-admin.css" rel="stylesheet">
31ef838c	14
96541ea3	15	<link rel="stylesheet" href="<?php echo get_config("base_url"); ?>css/datatables.min.css" />
ce9cf366	16
0ab180bf VP	17	<!-- Latest compiled and minified CSS -->
	18	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
	19
185d5d5d VP	20	<!-- Font Awesome JS -->
	21	<script defer src="https://use.fontawesome.com/releases/v6.2.1/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
	22	<script defer src="https://use.fontawesome.com/releases/v6.2.1/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"></script>
	23
bca6dbd2 VP	24	<!-- Font Awesome icons -->
bca6dbd2 VP	25	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
e98b5a51	26	<title>UnrealIRCd Panel</title>
ea90b321	27	<link rel="icon" type="image/x-icon" href="<?php echo get_config("base_url"); ?>img/favicon.ico">
911a6472 BM	28	</head>
911a6472 BM	29	<body role="document">
1c363d5e VP	30	<div aria-live="polite" aria-atomic="true">
	31	<div id="toaster" style="right: 0; bottom: 50px; z-index: 5;" class="position-fixed bottom-0 right-0 p-4">
	32	<!-- insert your javascript bread in here to make toast -->
	33	</div>
	34	</div>
b2f66fb7	35	<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js" integrity="sha384-ZvpUoO/+PpLXR1lu4jmpXWu80pZlYUAfxl5NsBMWOEPSjUn/6Z/hRTt8+pR6L4N2" crossorigin="anonymous"></script>
dcc312ec VP	36	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
dcc312ec VP	37	<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
ea90b321	38	<script src="<?php echo get_config("base_url"); ?>js/unrealircd-admin.js"></script>
96541ea3 BM	39	<script src="<?php echo get_config("base_url"); ?>js/datatables.min.js"></script>
96541ea3 BM	40	<script src="<?php echo get_config("base_url"); ?>js/datatables-natural-sort.js"></script>
582e5c74	41	<script src="<?php echo get_config("base_url"); ?>js/datatables-ellipsis.js"></script>
2751c89d VP	42	<script>
	43	var BASE_URL = "<?php echo get_config("base_url"); ?>";
	44	function timeoutCheck() {
	45	var xhttp = new XMLHttpRequest();
	46	xhttp.onreadystatechange = function() {
	47	if (this.readyState == 4 && this.status == 200) {
	48	var data = JSON.parse(this.responseText);
	49	if (data.session == 'none')
	50	window.location = BASE_URL + 'login/?timeout=1&redirect=' + encodeURIComponent(window.location.pathname);
	51	}
	52	};
	53	xhttp.open("GET", BASE_URL + "api/timeout.php", true);
	54	xhttp.send();
	55	}
1c363d5e	56
2751c89d VP	57	timeoutCheck();
	58	StartStreamNotifs(BASE_URL + "api/notification.php");
	59	setInterval(timeoutCheck, 15000);
b056895f BM	60
	61	function change_active_server(name)
	62	{
	63	fetch(BASE_URL + 'api/set_rpc_server.php', {
	64	method:'POST',
	65	headers: {'Content-Type':'application/x-www-form-urlencoded'},
	66	body: 'server='+encodeURIComponent(name)
	67	})
	68	.then(response => response.json())
	69	.then(data => {
	70	location.reload();
	71	})
	72	.catch(error => {
	73	// handle error? nah.
	74	});
	75	}
2751c89d VP	76	</script>
2751c89d VP	77	<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
71b40b19 VP	78	<style>
	79	#optionsopen {
	80	transition: left 0.3s;
	81	}
	82	#optionsclose {
	83	transition: left 0.3s;
	84	}
	85	.w3-sidebar {
f60a30c1	86	top: 52px;
71b40b19 VP	87	color: white;
71b40b19 VP	88	transition: left 0.3s;
2751c89d	89	width: 160px;
71b40b19 VP	90	}
	91	.container-fluid {
	92	transition: padding-left 0.3s;
	93	}
	94	.list-group-item-action {
242b9f53	95	color: #e0e0e0;
71b40b19 VP	96	}
71b40b19 VP	97	</style>
b6762d6f	98	<nav id="sidebarlol" style="left: 0" class="w3-sidebar navbar-expand-md bg-dark padding-top me-5 ma-5">
2751c89d	99	<div class="list-group">
71b40b19 VP	100	<div class="badge badge-secondary rounded-pill">Main Menu</div>
71b40b19 VP	101	<?php
71b40b19	102
d6f10d25	103	function show_page_item($name, $page, $nestlevel)
71b40b19	104	{
dcc312ec	105	$active_page = NULL;
19f86a66	106	$icon = $style = "";
71b40b19	107	$class = "nav-link nav-item";
dd903e52 BM	108	//if (is_string($active_page) && $page == $active_page)
	109	// $class .= " active";
	110
e38f7458	111	$is_link = isset($page["script"]) ? true : false;
71b40b19	112
d6f10d25 BM	113	if ($nestlevel > 0)
d6f10d25 BM	114	{
8178904e BM	115	echo "<small>";
8178904e BM	116	$name = "  ".$name;
242b9f53 BM	117	$style = "padding-bottom: 1px; padding-top: 1px";
	118	} else {
	119	echo "<b>";
	120	}
dd903e52	121	if (!$is_link)
242b9f53	122	{
19f86a66	123	$style = "padding-bottom: 0px;";
242b9f53	124	} else {
e38f7458 BM	125	$url = $page["script"];
	126	if (str_ends_with($url, "/index.php"))
	127	$url = str_replace('/index.php', '', $url);
	128	echo "<a href=\"".get_config("base_url").$url."\" style=\"text-decoration: none\">\n";
242b9f53	129	}
380c96a8 VP	130	echo "<div class=\"big-page-item d-flex justify-content-between align-items-center $class list-group-item-action\" style=\"$style\">$name
	131	<div class=\"text-right padding-top\">
	132	<i class=\"fa fa-$icon\"></i>
	133	</div></div>\n";
dd903e52	134	if ($is_link)
380c96a8 VP	135	echo "</a>";
	136	if ($nestlevel > 0)
	137	echo "</small>";
	138	else
	139	echo "</b>";
dd903e52	140	if (!$is_link)
380c96a8 VP	141	{
	142	foreach ($page as $subname=>$subpage)
	143	show_page_item($subname, $subpage, 1);
	144	}
	145	}
	146
	147	function show_page_item_mobile($name, $page, $nestlevel)
	148	{
	149	$active_page = NULL;
	150	$icon = $style = "";
	151	$class = "nav-link nav-item";
	152	if (is_string($active_page) && $page == $active_page)
	153	$class .= " active";
	154
	155	if ($nestlevel > 0)
	156	{
	157	echo "<small>";
	158	$name = "  ".$name;
	159	$style = "padding-bottom: 1px; padding-top: 1px";
	160	} else {
	161	echo "<b>";
	162	}
	163	if (is_array($page))
	164	{
	165	$style = "padding-bottom: 0px;";
	166	} else {
	167	echo "<a href=\"".get_config("base_url").$page."\" >\n";
	168	}
	169	echo "<div class=\"bg-dark lil-page-item d-flex justify-content-between align-items-center $class\" style=\"$style\">$name
71b40b19 VP	170	<div class=\"text-right padding-top\">
71b40b19 VP	171	<i class=\"fa fa-$icon\"></i>
242b9f53 BM	172	</div></div>\n";
	173	if (!is_array($page))
	174	echo "</a>";
d6f10d25	175	if ($nestlevel > 0)
8178904e	176	echo "</small>";
242b9f53 BM	177	else
	178	echo "</b>";
	179	if (is_array($page))
	180	{
	181	foreach ($page as $subname=>$subpage)
	182	show_page_item($subname, $subpage, 1);
	183	}
d6f10d25	184	}
b056895f BM	185
	186	function rpc_server_nav()
	187	{
	188	$active_server = get_active_rpc_server();
	189	if (!$active_server)
	190	return; // eg empty servers
	191	$servers = get_config("unrealircd");
	192	$cnt = count($servers);
	193	?>
	194	<div class="dropdown" style="color: #d0d0d0">
	195	<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><?php echo $active_server ?> <span class="caret"></span></a>
	196	<div class="dropdown-menu">
	197	<?php
	198	foreach($servers as $name=>$d)
	199	{
	200	$link = "";
	201	if ($name != $active_server)
	202	echo "<a class=\"dropdown-item\" href=\"javascript:change_active_server('".htmlspecialchars($name)."')\">".htmlspecialchars($name)."</a>\n";
	203	else
	204	echo "<div class=\"dropdown-item\">".htmlspecialchars($name)." <i>(current)</i></div>\n"; // current
	205	}
	206	?>
	207	</div>
	208	</div>
	209	<?php
	210	}
	211
	212
d6f10d25 BM	213	foreach($pages as $name=>$page)
	214	show_page_item($name, $page, 0);
	215	?>
71b40b19 VP	216	</div>
	217	</nav>
	218
4896fbb9 VP	219	<div class="container-fluid">
4896fbb9 VP	220
5cc8ca4a	221	<!-- Fixed navbar -->
b6762d6f	222	<nav class="topbar navbar navbar-expand-md navbar-dark bg-dark fixed-top z-index padding-top">
b056895f BM	223	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-controls="collapsibleNavbar" aria-expanded="false" aria-label="Toggle navigation">
	224	<span class="navbar-toggler-icon"></span>
	225	</button>
	226	<div>
	227	<a class="navbar-brand" href="<?php echo get_config("base_url"); ?>">
	228	<img src="<?php echo get_config("base_url"); ?>img/favicon.ico" height="25" width="25"> UnrealIRCd Admin Panel</a>
	229	</div>
	230	<?php rpc_server_nav(); ?>
33f512fa	231	<div class="collapse navbar-collapse" id="collapsibleNavbar">
380c96a8	232	<ul id="big-nav-items" class="navbar-nav mr-auto">
0ce9e377	233
1e6ffd06	234	<?php
d1d9caa9	235
a2712ef5	236	foreach ($pages as $name => $page)
380c96a8 VP	237	show_page_item($name, $page, 0);
380c96a8 VP	238
33f512fa	239
1e6ffd06	240	?>
4896fbb9	241
9e2a2ac0	242	</ul>
380c96a8	243
d843c1de	244	</nav><br>
e98b5a51	245	</div>
911a6472	246
1c363d5e	247	<div id="main_contain" class="container-fluid" style="padding-left: 180px" role="main">
71b40b19	248
380c96a8 VP	249	<script>
	250	function nav_resize_check()
	251	{
	252	var width = window.innerWidth;
	253	var sidebar = document.getElementById('sidebarlol');
	254	var top = document.getElementById('big-nav-items');
2f915b1a	255	var maincontainer = document.getElementById('main_contain');
380c96a8	256
b6762d6f	257	if (width < 768)
380c96a8 VP	258	{
	259	sidebar.style.display = 'none';
	260	top.style.display = '';
2f915b1a	261	maincontainer.style.paddingLeft = "10px";
380c96a8 VP	262	}
	263	else
	264	{
	265	sidebar.style.display = '';
	266	top.style.display = 'none';
2f915b1a	267	maincontainer.style.paddingLeft = "180px";
380c96a8 VP	268	}
	269	}
	270	nav_resize_check();
	271	window.addEventListener('resize', function() {
	272	nav_resize_check();
	273	});
399c9625	274	</script>
e38f7458 BM	275
	276	<?php
	277	if ($current_page &&
	278	!(isset($current_page["no_irc_server_required"]) &&
	279	($current_page["no_irc_server_required"] == true)))
	280	{
	281	Message::Fail("No RPC server configured. Go to Settings - RPC Servers.");
	282	require_once('footer.php');
	283	die;
	284	}