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

<?php
$nav_shown = true;
$arr = []; Hook::run(HOOKTYPE_PRE_HEADER, $arr);
?>
<!DOCTYPE html>
<head>
<?php if (is_auth_provided() && !str_ends_with($_SERVER['SCRIPT_FILENAME'], "setup.php"))
{?>
<?php } ?>
<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">


 <!-- 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.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" 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>
		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);
</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";

	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."\" 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_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 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);
	}
}
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>
	<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 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>
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 BM	6	<head>
	7	<?php if (is_auth_provided() && !str_ends_with($_SERVER['SCRIPT_FILENAME'], "setup.php"))
	8	{?>
4642afa5	9	<?php } ?>
ce9cf366 VP	10	<div class="media">
	11	<div class="media-body">
	12
33f512fa VP	13	<meta name="viewport" content="width=device-width, initial-scale=1">
	14	<meta name="HandheldFriendly" content="true">
	15
ea90b321	16	<link href="<?php echo get_config("base_url"); ?>css/unrealircd-admin.css" rel="stylesheet">
31ef838c	17
ce9cf366	18
0ab180bf VP	19	<!-- Latest compiled and minified CSS -->
	20	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
	21
185d5d5d VP	22	<!-- Font Awesome JS -->
	23	<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>
	24	<script defer src="https://use.fontawesome.com/releases/v6.2.1/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"></script>
	25
bca6dbd2 VP	26	<!-- Font Awesome icons -->
bca6dbd2 VP	27	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
e98b5a51	28	<title>UnrealIRCd Panel</title>
ea90b321	29	<link rel="icon" type="image/x-icon" href="<?php echo get_config("base_url"); ?>img/favicon.ico">
911a6472 BM	30	</head>
911a6472 BM	31	<body role="document">
1c363d5e VP	32	<div aria-live="polite" aria-atomic="true">
	33	<div id="toaster" style="right: 0; bottom: 50px; z-index: 5;" class="position-fixed bottom-0 right-0 p-4">
	34	<!-- insert your javascript bread in here to make toast -->
	35	</div>
	36	</div>
dcc312ec VP	37	<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
	38	<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>
	39	<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	40	<script src="<?php echo get_config("base_url"); ?>js/unrealircd-admin.js"></script>
2751c89d VP	41	<script>
	42	var BASE_URL = "<?php echo get_config("base_url"); ?>";
	43	function timeoutCheck() {
	44	var xhttp = new XMLHttpRequest();
	45	xhttp.onreadystatechange = function() {
	46	if (this.readyState == 4 && this.status == 200) {
	47	var data = JSON.parse(this.responseText);
	48	if (data.session == 'none')
	49	window.location = BASE_URL + 'login/?timeout=1&redirect=' + encodeURIComponent(window.location.pathname);
	50	}
	51	};
	52	xhttp.open("GET", BASE_URL + "api/timeout.php", true);
	53	xhttp.send();
	54	}
1c363d5e	55
2751c89d VP	56	timeoutCheck();
	57	StartStreamNotifs(BASE_URL + "api/notification.php");
	58	setInterval(timeoutCheck, 15000);
	59	</script>
	60	<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
71b40b19 VP	61	<style>
	62	#optionsopen {
	63	transition: left 0.3s;
	64	}
	65	#optionsclose {
	66	transition: left 0.3s;
	67	}
	68	.w3-sidebar {
f60a30c1	69	top: 52px;
71b40b19 VP	70	color: white;
71b40b19 VP	71	transition: left 0.3s;
2751c89d	72	width: 160px;
71b40b19 VP	73	}
	74	.container-fluid {
	75	transition: padding-left 0.3s;
	76	}
	77	.list-group-item-action {
242b9f53	78	color: #e0e0e0;
71b40b19 VP	79	}
71b40b19 VP	80	</style>
b6762d6f	81	<nav id="sidebarlol" style="left: 0" class="w3-sidebar navbar-expand-md bg-dark padding-top me-5 ma-5">
2751c89d	82	<div class="list-group">
71b40b19 VP	83	<div class="badge badge-secondary rounded-pill">Main Menu</div>
71b40b19 VP	84	<?php
71b40b19	85
d6f10d25	86	function show_page_item($name, $page, $nestlevel)
71b40b19	87	{
dcc312ec	88	$active_page = NULL;
19f86a66	89	$icon = $style = "";
71b40b19 VP	90	$class = "nav-link nav-item";
	91	if (is_string($active_page) && $page == $active_page)
	92	$class .= " active";
	93
d6f10d25 BM	94	if ($nestlevel > 0)
d6f10d25 BM	95	{
8178904e BM	96	echo "<small>";
8178904e BM	97	$name = "  ".$name;
242b9f53 BM	98	$style = "padding-bottom: 1px; padding-top: 1px";
	99	} else {
	100	echo "<b>";
	101	}
19f86a66	102	if (is_array($page))
242b9f53	103	{
19f86a66	104	$style = "padding-bottom: 0px;";
242b9f53	105	} else {
ea90b321	106	echo "<a href=\"".get_config("base_url").$page."\" style=\"text-decoration: none\">\n";
242b9f53	107	}
380c96a8 VP	108	echo "<div class=\"big-page-item d-flex justify-content-between align-items-center $class list-group-item-action\" style=\"$style\">$name
	109	<div class=\"text-right padding-top\">
	110	<i class=\"fa fa-$icon\"></i>
	111	</div></div>\n";
	112	if (!is_array($page))
	113	echo "</a>";
	114	if ($nestlevel > 0)
	115	echo "</small>";
	116	else
	117	echo "</b>";
	118	if (is_array($page))
	119	{
	120	foreach ($page as $subname=>$subpage)
	121	show_page_item($subname, $subpage, 1);
	122	}
	123	}
	124
	125	function show_page_item_mobile($name, $page, $nestlevel)
	126	{
	127	$active_page = NULL;
	128	$icon = $style = "";
	129	$class = "nav-link nav-item";
	130	if (is_string($active_page) && $page == $active_page)
	131	$class .= " active";
	132
	133	if ($nestlevel > 0)
	134	{
	135	echo "<small>";
	136	$name = "  ".$name;
	137	$style = "padding-bottom: 1px; padding-top: 1px";
	138	} else {
	139	echo "<b>";
	140	}
	141	if (is_array($page))
	142	{
	143	$style = "padding-bottom: 0px;";
	144	} else {
	145	echo "<a href=\"".get_config("base_url").$page."\" >\n";
	146	}
	147	echo "<div class=\"bg-dark lil-page-item d-flex justify-content-between align-items-center $class\" style=\"$style\">$name
71b40b19 VP	148	<div class=\"text-right padding-top\">
71b40b19 VP	149	<i class=\"fa fa-$icon\"></i>
242b9f53 BM	150	</div></div>\n";
	151	if (!is_array($page))
	152	echo "</a>";
d6f10d25	153	if ($nestlevel > 0)
8178904e	154	echo "</small>";
242b9f53 BM	155	else
	156	echo "</b>";
	157	if (is_array($page))
	158	{
	159	foreach ($page as $subname=>$subpage)
	160	show_page_item($subname, $subpage, 1);
	161	}
d6f10d25 BM	162	}
	163	foreach($pages as $name=>$page)
	164	show_page_item($name, $page, 0);
	165	?>
71b40b19 VP	166	</div>
	167	</nav>
	168
4896fbb9 VP	169	<div class="container-fluid">
4896fbb9 VP	170
5cc8ca4a	171	<!-- Fixed navbar -->
b6762d6f	172	<nav class="topbar navbar navbar-expand-md navbar-dark bg-dark fixed-top z-index padding-top">
b3b4c428 BM	173	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-controls="collapsibleNavbar" aria-expanded="false" aria-label="Toggle navigation">
	174	<span class="navbar-toggler-icon"></span>
	175	</button>
ea90b321	176	<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>
33f512fa	177	<div class="collapse navbar-collapse" id="collapsibleNavbar">
380c96a8	178	<ul id="big-nav-items" class="navbar-nav mr-auto">
0ce9e377	179
1e6ffd06	180	<?php
d1d9caa9	181
a2712ef5	182	foreach ($pages as $name => $page)
380c96a8 VP	183	show_page_item($name, $page, 0);
380c96a8 VP	184
33f512fa	185
1e6ffd06	186	?>
4896fbb9	187
9e2a2ac0	188	</ul>
380c96a8	189
d843c1de	190	</nav><br>
e98b5a51	191	</div>
911a6472	192
1c363d5e	193	<div id="main_contain" class="container-fluid" style="padding-left: 180px" role="main">
71b40b19	194
380c96a8 VP	195	<script>
	196	function nav_resize_check()
	197	{
	198	var width = window.innerWidth;
	199	var sidebar = document.getElementById('sidebarlol');
	200	var top = document.getElementById('big-nav-items');
2f915b1a	201	var maincontainer = document.getElementById('main_contain');
380c96a8	202
b6762d6f	203	if (width < 768)
380c96a8 VP	204	{
	205	sidebar.style.display = 'none';
	206	top.style.display = '';
2f915b1a	207	maincontainer.style.paddingLeft = "10px";
380c96a8 VP	208	}
	209	else
	210	{
	211	sidebar.style.display = '';
	212	top.style.display = 'none';
2f915b1a	213	maincontainer.style.paddingLeft = "180px";
380c96a8 VP	214	}
	215	}
	216	nav_resize_check();
	217	window.addEventListener('resize', function() {
	218	nav_resize_check();
	219	});
399c9625	220	</script>