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

Last change on this file since 376 was 369, checked in by alloc, 3 years ago

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