header.php

   1 <?php
   2 $arr = []; Hook::run(HOOKTYPE_PRE_HEADER, $arr); ?>
   3 <!DOCTYPE html>
   4 <head>
   5 <?php if (is_auth_provided() && !str_ends_with($_SERVER['SCRIPT_FILENAME'], "setup.php"))
   6 {?>
   7 <?php } ?>
   8 <div class="media">
   9 <div class="media-body">
  10
  11         <meta name="viewport" content="width=device-width, initial-scale=1">
  12         <meta name="HandheldFriendly" content="true">
  13
  14 <link href="<?php echo get_config("base_url"); ?>css/unrealircd-admin.css" rel="stylesheet">
  15
  16
  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
  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
  24 <!-- Font Awesome icons -->
  25 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
  26 <title>UnrealIRCd Panel</title>
  27 <link rel="icon" type="image/x-icon" href="<?php echo get_config("base_url"); ?>img/favicon.ico">
  28 </head>
  29 <body role="document">
  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>
  35 <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>
  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>
  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>
  38 <script src="<?php echo get_config("base_url"); ?>js/unrealircd-admin.js"></script>
  39 <script>
  40                 var BASE_URL = "<?php echo get_config("base_url"); ?>";
  41                 function timeoutCheck() {
  42                         var xhttp = new XMLHttpRequest();
  43                         xhttp.onreadystatechange = function() {
  44                                 if (this.readyState == 4 && this.status == 200) {
  45                                         var data = JSON.parse(this.responseText);
  46                                         if (data.session == 'none')
  47                                                 window.location = BASE_URL + 'login/?timeout=1&redirect=' + encodeURIComponent(window.location.pathname);
  48                                 }
  49                         };
  50                         xhttp.open("GET", BASE_URL + "api/timeout.php", true);
  51                         xhttp.send();
  52                 }
  53
  54                 timeoutCheck();
  55                 StartStreamNotifs(BASE_URL + "api/notification.php");
  56                 setInterval(timeoutCheck, 15000);
  57 </script>
  58 <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  59 <style>
  60         #optionsopen {
  61                 transition: left 0.3s;
  62         }
  63         #optionsclose {
  64                 transition: left 0.3s;
  65         }
  66         .w3-sidebar {
  67                 top: 53px;
  68                 color: white;
  69                 transition: left 0.3s;
  70                 width: 160px;
  71         }
  72         .container-fluid {
  73                 transition: padding-left 0.3s;
  74         }
  75         .list-group-item-action {
  76                 color: #e0e0e0;
  77         }
  78 </style>
  79 <nav id="sidebarlol" style="left: 0" class="w3-sidebar navbar-expand-sm bg-dark padding-top me-5 ma-5">
  80 <div class="list-group">
  81         <div class="badge badge-secondary rounded-pill">Main Menu</div>
  82         <?php
  83
  84 function show_page_item($name, $page, $nestlevel)
  85 {
  86         $active_page = NULL;
  87         $icon = $style = "";
  88         $class = "nav-link nav-item";
  89         if (is_string($active_page) && $page == $active_page)
  90                 $class .= " active";
  91
  92         if ($nestlevel > 0)
  93         {
  94                 echo "<small>";
  95                 $name = "&nbsp; ".$name;
  96                 $style = "padding-bottom: 1px; padding-top: 1px";
  97         } else {
  98                 echo "<b>";
  99         }
 100         if (is_array($page))
 101         {
 102                 $style = "padding-bottom: 0px;";
 103         } else {
 104                 echo "<a href=\"".get_config("base_url").$page."\" style=\"text-decoration: none\">\n";
 105         }
 106         echo "<div class=\"big-page-item d-flex justify-content-between align-items-center $class list-group-item-action\" style=\"$style\">$name
 107                 <div class=\"text-right padding-top\">
 108                         <i class=\"fa fa-$icon\"></i>
 109                 </div></div>\n";
 110         if (!is_array($page))
 111                 echo "</a>";
 112         if ($nestlevel > 0)
 113                 echo "</small>";
 114         else
 115                 echo "</b>";
 116         if (is_array($page))
 117         {
 118                 foreach ($page as $subname=>$subpage)
 119                         show_page_item($subname, $subpage, 1);
 120         }
 121 }
 122
 123 function show_page_item_mobile($name, $page, $nestlevel)
 124 {
 125         $active_page = NULL;
 126         $icon = $style = "";
 127         $class = "nav-link nav-item";
 128         if (is_string($active_page) && $page == $active_page)
 129                 $class .= " active";
 130
 131         if ($nestlevel > 0)
 132         {
 133                 echo "<small>";
 134                 $name = "&nbsp; ".$name;
 135                 $style = "padding-bottom: 1px; padding-top: 1px";
 136         } else {
 137                 echo "<b>";
 138         }
 139         if (is_array($page))
 140         {
 141                 $style = "padding-bottom: 0px;";
 142         } else {
 143                 echo "<a href=\"".get_config("base_url").$page."\" >\n";
 144         }
 145         echo "<div class=\"bg-dark lil-page-item d-flex justify-content-between align-items-center $class\" style=\"$style\">$name
 146                 <div class=\"text-right padding-top\">
 147                         <i class=\"fa fa-$icon\"></i>
 148                 </div></div>\n";
 149         if (!is_array($page))
 150                 echo "</a>";
 151         if ($nestlevel > 0)
 152                 echo "</small>";
 153         else
 154                 echo "</b>";
 155         if (is_array($page))
 156         {
 157                 foreach ($page as $subname=>$subpage)
 158                         show_page_item($subname, $subpage, 1);
 159         }
 160 }
 161 foreach($pages as $name=>$page)
 162         show_page_item($name, $page, 0);
 163 ?>
 164 </div>
 165 </nav>
 166
 167 <div class="container-fluid">
 168
 169         <!-- Fixed navbar -->
 170         <nav class="topbar navbar navbar-expand-sm navbar-dark bg-dark fixed-top z-index padding-top">
 171         <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>
 172                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-controls="collapsibleNavbar" aria-expanded="false" aria-label="Toggle navigation">
 173                         <span class="navbar-toggler-icon"></span>
 174                 </button>
 175                 <div class="collapse navbar-collapse" id="collapsibleNavbar">
 176                         <ul id="big-nav-items" class="navbar-nav mr-auto">
 177
 178 <?php
 179
 180 foreach ($pages as $name => $page)
 181         show_page_item($name, $page, 0);
 182
 183
 184 ?>
 185
 186                 </ul>
 187
 188         </nav><br>
 189 </div>
 190
 191 <div id="main_contain" class="container-fluid" style="padding-left: 180px" role="main">
 192
 193 <script>
 194         function nav_resize_check()
 195         {
 196                 var width = window.innerWidth;
 197                 var sidebar = document.getElementById('sidebarlol');
 198                 var top = document.getElementById('big-nav-items');
 199
 200                 if (width < 575)
 201                 {
 202                         sidebar.style.display = 'none';
 203                         top.style.display = '';
 204                 }
 205                 else
 206                 {
 207                         sidebar.style.display = '';
 208                         top.style.display = 'none';
 209                 }
 210         }
 211         nav_resize_check();
 212         window.addEventListener('resize', function() {
 213                 nav_resize_check();
 214         });
 215 </script>