]>
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 --> |
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> |
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 { | |
380c96a8 | 69 | top: 53px; |
71b40b19 VP |
70 | color: white; |
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 | } |
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> |
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) |
95 | { | |
8178904e BM |
96 | echo "<small>"; |
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\"> |
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"> |
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); |
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> |