]>
Commit | Line | Data |
---|---|---|
1 | <?php | |
2 | $nav_shown = true; | |
3 | $arr = []; Hook::run(HOOKTYPE_PRE_HEADER, $arr); | |
4 | ?> | |
5 | <!DOCTYPE html> | |
6 | <head> | |
7 | <div class="media"> | |
8 | <div class="media-body"> | |
9 | ||
10 | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
11 | <meta name="HandheldFriendly" content="true"> | |
12 | ||
13 | <link href="<?php echo get_config("base_url"); ?>css/unrealircd-admin.css" rel="stylesheet"> | |
14 | ||
15 | <link rel="stylesheet" href="<?php echo get_config("base_url"); ?>css/datatables.min.css" /> | |
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.min.js" integrity="sha384-ZvpUoO/+PpLXR1lu4jmpXWu80pZlYUAfxl5NsBMWOEPSjUn/6Z/hRTt8+pR6L4N2" 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 src="<?php echo get_config("base_url"); ?>js/datatables.min.js"></script> | |
40 | <script src="<?php echo get_config("base_url"); ?>js/datatables-natural-sort.js"></script> | |
41 | <script src="<?php echo get_config("base_url"); ?>js/datatables-ellipsis.js"></script> | |
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 | } | |
56 | ||
57 | timeoutCheck(); | |
58 | StartStreamNotifs(BASE_URL + "api/notification.php"); | |
59 | setInterval(timeoutCheck, 15000); | |
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 | } | |
76 | </script> | |
77 | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | |
78 | <style> | |
79 | #optionsopen { | |
80 | transition: left 0.3s; | |
81 | } | |
82 | #optionsclose { | |
83 | transition: left 0.3s; | |
84 | } | |
85 | .w3-sidebar { | |
86 | top: 52px; | |
87 | color: white; | |
88 | transition: left 0.3s; | |
89 | width: 160px; | |
90 | } | |
91 | .container-fluid { | |
92 | transition: padding-left 0.3s; | |
93 | } | |
94 | .list-group-item-action { | |
95 | color: #e0e0e0; | |
96 | } | |
97 | </style> | |
98 | <nav id="sidebarlol" style="left: 0" class="w3-sidebar navbar-expand-md bg-dark padding-top me-5 ma-5"> | |
99 | <div class="list-group"> | |
100 | <div class="badge badge-secondary rounded-pill">Main Menu</div> | |
101 | <?php | |
102 | ||
103 | function show_page_item($name, $page, $nestlevel) | |
104 | { | |
105 | $active_page = NULL; | |
106 | $icon = $style = ""; | |
107 | $class = "nav-link nav-item"; | |
108 | //if (is_string($active_page) && $page == $active_page) | |
109 | // $class .= " active"; | |
110 | ||
111 | $is_link = isset($page["url"]) ? true : false; | |
112 | ||
113 | if ($nestlevel > 0) | |
114 | { | |
115 | echo "<small>"; | |
116 | $name = " ".$name; | |
117 | $style = "padding-bottom: 1px; padding-top: 1px"; | |
118 | } else { | |
119 | echo "<b>"; | |
120 | } | |
121 | if (!$is_link) | |
122 | { | |
123 | $style = "padding-bottom: 0px;"; | |
124 | } else { | |
125 | echo "<a href=\"".get_config("base_url").$page["url"]."\" style=\"text-decoration: none\">\n"; | |
126 | } | |
127 | echo "<div class=\"big-page-item d-flex justify-content-between align-items-center $class list-group-item-action\" style=\"$style\">$name | |
128 | <div class=\"text-right padding-top\"> | |
129 | <i class=\"fa fa-$icon\"></i> | |
130 | </div></div>\n"; | |
131 | if ($is_link) | |
132 | echo "</a>"; | |
133 | if ($nestlevel > 0) | |
134 | echo "</small>"; | |
135 | else | |
136 | echo "</b>"; | |
137 | if (!$is_link) | |
138 | { | |
139 | foreach ($page as $subname=>$subpage) | |
140 | show_page_item($subname, $subpage, 1); | |
141 | } | |
142 | } | |
143 | ||
144 | function show_page_item_mobile($name, $page, $nestlevel) | |
145 | { | |
146 | $active_page = NULL; | |
147 | $icon = $style = ""; | |
148 | $class = "nav-link nav-item"; | |
149 | if (is_string($active_page) && $page == $active_page) | |
150 | $class .= " active"; | |
151 | ||
152 | if ($nestlevel > 0) | |
153 | { | |
154 | echo "<small>"; | |
155 | $name = " ".$name; | |
156 | $style = "padding-bottom: 1px; padding-top: 1px"; | |
157 | } else { | |
158 | echo "<b>"; | |
159 | } | |
160 | if (is_array($page)) | |
161 | { | |
162 | $style = "padding-bottom: 0px;"; | |
163 | } else { | |
164 | echo "<a href=\"".get_config("base_url").$page."\" >\n"; | |
165 | } | |
166 | echo "<div class=\"bg-dark lil-page-item d-flex justify-content-between align-items-center $class\" style=\"$style\">$name | |
167 | <div class=\"text-right padding-top\"> | |
168 | <i class=\"fa fa-$icon\"></i> | |
169 | </div></div>\n"; | |
170 | if (!is_array($page)) | |
171 | echo "</a>"; | |
172 | if ($nestlevel > 0) | |
173 | echo "</small>"; | |
174 | else | |
175 | echo "</b>"; | |
176 | if (is_array($page)) | |
177 | { | |
178 | foreach ($page as $subname=>$subpage) | |
179 | show_page_item($subname, $subpage, 1); | |
180 | } | |
181 | } | |
182 | ||
183 | function rpc_server_nav() | |
184 | { | |
185 | $active_server = get_active_rpc_server(); | |
186 | if (!$active_server) | |
187 | return; // eg empty servers | |
188 | $servers = get_config("unrealircd"); | |
189 | $cnt = count($servers); | |
190 | ?> | |
191 | <div class="dropdown" style="color: #d0d0d0"> | |
192 | <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> | |
193 | <div class="dropdown-menu"> | |
194 | <?php | |
195 | foreach($servers as $name=>$d) | |
196 | { | |
197 | $link = ""; | |
198 | if ($name != $active_server) | |
199 | echo "<a class=\"dropdown-item\" href=\"javascript:change_active_server('".htmlspecialchars($name)."')\">".htmlspecialchars($name)."</a>\n"; | |
200 | else | |
201 | echo "<div class=\"dropdown-item\">".htmlspecialchars($name)." <i>(current)</i></div>\n"; // current | |
202 | } | |
203 | ?> | |
204 | </div> | |
205 | </div> | |
206 | <?php | |
207 | } | |
208 | ||
209 | ||
210 | foreach($pages as $name=>$page) | |
211 | show_page_item($name, $page, 0); | |
212 | ?> | |
213 | </div> | |
214 | </nav> | |
215 | ||
216 | <div class="container-fluid"> | |
217 | ||
218 | <!-- Fixed navbar --> | |
219 | <nav class="topbar navbar navbar-expand-md navbar-dark bg-dark fixed-top z-index padding-top"> | |
220 | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-controls="collapsibleNavbar" aria-expanded="false" aria-label="Toggle navigation"> | |
221 | <span class="navbar-toggler-icon"></span> | |
222 | </button> | |
223 | <div> | |
224 | <a class="navbar-brand" href="<?php echo get_config("base_url"); ?>"> | |
225 | <img src="<?php echo get_config("base_url"); ?>img/favicon.ico" height="25" width="25"> UnrealIRCd Admin Panel</a> | |
226 | </div> | |
227 | <?php rpc_server_nav(); ?> | |
228 | <div class="collapse navbar-collapse" id="collapsibleNavbar"> | |
229 | <ul id="big-nav-items" class="navbar-nav mr-auto"> | |
230 | ||
231 | <?php | |
232 | ||
233 | foreach ($pages as $name => $page) | |
234 | show_page_item($name, $page, 0); | |
235 | ||
236 | ||
237 | ?> | |
238 | ||
239 | </ul> | |
240 | ||
241 | </nav><br> | |
242 | </div> | |
243 | ||
244 | <div id="main_contain" class="container-fluid" style="padding-left: 180px" role="main"> | |
245 | ||
246 | <script> | |
247 | function nav_resize_check() | |
248 | { | |
249 | var width = window.innerWidth; | |
250 | var sidebar = document.getElementById('sidebarlol'); | |
251 | var top = document.getElementById('big-nav-items'); | |
252 | var maincontainer = document.getElementById('main_contain'); | |
253 | ||
254 | if (width < 768) | |
255 | { | |
256 | sidebar.style.display = 'none'; | |
257 | top.style.display = ''; | |
258 | maincontainer.style.paddingLeft = "10px"; | |
259 | } | |
260 | else | |
261 | { | |
262 | sidebar.style.display = ''; | |
263 | top.style.display = 'none'; | |
264 | maincontainer.style.paddingLeft = "180px"; | |
265 | } | |
266 | } | |
267 | nav_resize_check(); | |
268 | window.addEventListener('resize', function() { | |
269 | nav_resize_check(); | |
270 | }); | |
271 | </script> |