source: binary-improvements/webserver/index.html@ 294

Last change on this file since 294 was 279, checked in by alloc, 8 years ago

Mod stuff
  • Property svn:executable set to *
File size: 6.3 KB
Line 
1<!DOCTYPE html>
2<html>
3<head>
4 <meta charset="UTF-8">
5 <title>7 Days to Die Map</title>
6
7 <!-- jQuery -->
8 <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
9
10 <!-- jQuery UI -->
11 <link rel="stylesheet" href="jquery-ui/jquery-ui.min.css" type="text/css" />
12 <script type="text/javascript" src="jquery-ui/jquery-ui.min.js"></script>
13
14 <!-- Tablesorter -->
15 <!-- <link rel="stylesheet" href="js/tablesorter/css/theme.default.min.css" type="text/css" /> -->
16 <script type="text/javascript" src="js/tablesorter/js/jquery.tablesorter.combined.min.js"></script>
17 <!-- <link rel="stylesheet" href="js/tablesorter/css/jquery.tablesorter.pager.min.css" type="text/css" /> -->
18 <script type="text/javascript" src="js/tablesorter/js/extras/jquery.tablesorter.pager.min.js"></script>
19 <script type="text/javascript" src="js/tablesorter/js/widgets/widget-formatter.min.js"></script>
20
21 <!-- Leaflet -->
22 <link rel="stylesheet prefetch" href="leaflet/leaflet.css">
23 <script type="text/javascript" src="leaflet/leaflet.js"></script>
24
25 <!-- Leaflet MarkerCluster -->
26 <link rel="stylesheet" href="leaflet/markercluster/MarkerCluster.css" />
27 <link rel="stylesheet" href="leaflet/markercluster/MarkerCluster.Default.css" />
28 <script type="text/javascript" src="leaflet/markercluster/leaflet.markercluster.js"></script>
29
30 <!-- Leaflet Zoomslider -->
31 <link rel="stylesheet" href="leaflet/zoomslider/L.Control.Zoomslider.css" />
32 <script type="text/javascript" src="leaflet/zoomslider/L.Control.Zoomslider.js"></script>
33
34 <!-- Leaflet MiniMap -->
35 <link rel="stylesheet" href="leaflet/minimap/Control.MiniMap.css" />
36 <script type="text/javascript" src="leaflet/minimap/Control.MiniMap.js"></script>
37
38 <!-- Leaflet Measure -->
39 <link rel="stylesheet" href="leaflet/measure/leaflet-measure.css" />
40 <script type="text/javascript" src="leaflet/measure/leaflet-measure.min.js"></script>
41
42 <!-- Own JS stuff -->
43 <script type="text/javascript" src="js/leaflet.layer.sdtdtiles.js"></script>
44 <script type="text/javascript" src="js/leaflet.regionlayer.js"></script>
45 <script type="text/javascript" src="js/leaflet.layer.landclaims.js"></script>
46 <script type="text/javascript" src="js/leaflet.control.coordinates.js"></script>
47 <script type="text/javascript" src="js/leaflet.control.reloadtiles.js"></script>
48 <script type="text/javascript" src="js/leaflet.control.gametime.js"></script>
49 <script type="text/javascript" src="js/inventory_dialog.js"></script>
50 <script type="text/javascript" src="js/util.js"></script>
51 <script type="text/javascript" src="js/stats.js"></script>
52 <script type="text/javascript" src="js/tabs.js"></script>
53 <script type="text/javascript" src="js/permissions.js"></script>
54 <script type="text/javascript" src="js/map.js"></script>
55 <script type="text/javascript" src="js/log.js"></script>
56 <script type="text/javascript" src="js/players.js"></script>
57
58 <!-- Own stylesheet -->
59 <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
60
61</head>
62<body>
63
64
65 <div class="adminwrapper">
66 <div class="adminnavbarhidebutton">
67 <img src="img/expand.png" alt="Expand Menu" width="10">
68 Menu
69 <img src="img/expand.png" alt="Expand Menu" width="10">
70 </div>
71 <div class="adminnavbar">
72 <div id="serverstats">
73 <span id="stats_time">-</span><br/>
74 <span id="stats_players">-</span> Players<br />
75 <span id="stats_hostiles">-</span> Hostiles<br />
76 <span id="stats_animals">-</span> Animals
77 </div>
78
79 <div id="adminmenu">
80 Menu
81 <ul>
82 <li><a href="#tab_map" data-permission="web.map">Map</a></li>
83 <li><a href="#tab_players" data-permission="webapi.getplayerlist">Players</a></li> <!-- data-permission="web.players" -->
84 <li><a href="#tab_log" data-permission="webapi.getlog">Log <span id="newlogcount"></span></a></li>
85 </ul>
86 </div>
87
88 <div id="userstate">
89 <div id="userstate_loggedin">
90 Logged in as:<br/>
91 <a id="username" href="" target="_blank"></a><br/>
92 <a href="/session/logout">Sign out</a>
93 </div>
94 <div id="userstate_loggedout">
95 Not logged in<br/>
96 <center>
97 <a href="/session/login">
98 <img src="img/steamlogin.png" title="Sign in through Steam">
99 </a>
100 </center>
101 </div>
102 </div>
103 </div>
104
105 <div id="admincontent">
106 <h1 id="nopermissionwarning" style="display:none">An error occured or you have not logged in. Try logging in with the Steam login in the lower left!</h1>
107
108 <div id="tab_map" class="adminmap"></div>
109
110 <div id="tab_players" class="adminplayers">
111 <!-- Current AJAX url: <span id="players_url"></span> -->
112 <table class="players_tablesorter">
113 <thead>
114 <tr class="players_columns">
115 </tr>
116 </thead>
117 <tfoot>
118 <tr>
119 <td class="players_pager" colspan="5">
120 <img src="js/tablesorter/css/images/first.png" class="players_first"/>
121 <img src="js/tablesorter/css/images/prev.png" class="players_prev"/>
122 <span class="players_pagedisplay"></span> <!-- this can be any element, including an input -->
123 <img src="js/tablesorter/css/images/next.png" class="players_next"/>
124 <img src="js/tablesorter/css/images/last.png" class="players_last"/>
125 <select class="players_pagesize">
126 <option value="10">10</option>
127 <option value="25">25</option>
128 <option value="50">50</option>
129 <option value="100">100</option>
130 <option value="200">200</option>
131 </select>
132 </td>
133 </tr>
134 </tfoot>
135 <tbody>
136 </tbody>
137 </table>
138 </div>
139
140
141 <div id="tab_log" class="adminlog">
142 <table>
143 <tr>
144 <th>Date/Time</th>
145 <th>Uptime</th>
146 <th>Severity</th>
147 <th>Message</th>
148 </tr>
149 </table>
150 <a id="markasread">Mark as read</a>
151 </div>
152
153 </div>
154
155 </div>
156
157
158 <div id="playerInventoryDialog" title="Player inventory">
159 Player: <span id="invPlayerName"></span><br/>
160 SteamID: <span id="invSteamId"></span><br/>
161 <br/>
162 <table>
163 <tr>
164 <td>
165 Inventory:<br/>
166 <table class="invTable" id="bagTable">
167 </table>
168 <br/>
169 </td>
170 <td rowspan="2">
171 Equipment:<br/>
172 <table class="invTable" id="equipmentTable">
173 </table>
174 </td>
175 </tr>
176 <tr>
177 <td>
178 Belt:<br/>
179 <table class="invTable" id="beltTable">
180 </table>
181 </td>
182 </tr>
183 </table>
184
185 </div>
186
187 <script type="text/javascript" src="js/index.js"></script>
188</body>
189</html>
190
Note: See TracBrowser for help on using the repository browser.