source: binary-improvements/webserver_legacy/index.html@ 455

Last change on this file since 455 was 454, checked in by alloc, 16 months ago

24_29_43
Switched over to vanilla Web infrastructure
  • Property svn:executable set to *
File size: 6.4 KB
RevLine 
[133]1<!DOCTYPE html>
2<html>
3<head>
4 <meta charset="UTF-8">
[297]5 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
[251]6 <title>7 Days to Die Map</title>
[173]7
8 <!-- jQuery -->
9 <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
10
11 <!-- jQuery UI -->
[163]12 <link rel="stylesheet" href="jquery-ui/jquery-ui.min.css" type="text/css" />
[173]13 <script type="text/javascript" src="jquery-ui/jquery-ui.min.js"></script>
[279]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>
[173]21
22 <!-- Leaflet -->
23 <link rel="stylesheet prefetch" href="leaflet/leaflet.css">
[153]24 <script type="text/javascript" src="leaflet/leaflet.js"></script>
[173]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>
[244]38
[249]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
[244]43 <!-- Own JS stuff -->
[249]44 <script type="text/javascript" src="js/leaflet.layer.sdtdtiles.js"></script>
[244]45 <script type="text/javascript" src="js/leaflet.regionlayer.js"></script>
[249]46 <script type="text/javascript" src="js/leaflet.layer.landclaims.js"></script>
[244]47 <script type="text/javascript" src="js/leaflet.control.coordinates.js"></script>
48 <script type="text/javascript" src="js/leaflet.control.reloadtiles.js"></script>
[249]49 <script type="text/javascript" src="js/leaflet.control.gametime.js"></script>
[245]50 <script type="text/javascript" src="js/inventory_dialog.js"></script>
[244]51 <script type="text/javascript" src="js/util.js"></script>
[245]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>
[250]56 <script type="text/javascript" src="js/log.js"></script>
[279]57 <script type="text/javascript" src="js/players.js"></script>
[173]58
[179]59 <!-- Own stylesheet -->
60 <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
61
[173]62</head>
[133]63<body>
[244]64
65
66 <div class="adminwrapper">
[274]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>
[245]72 <div class="adminnavbar">
73 <div id="serverstats">
74 <span id="stats_time">-</span><br/>
[251]75 <span id="stats_players">-</span> Players<br />
76 <span id="stats_hostiles">-</span> Hostiles<br />
77 <span id="stats_animals">-</span> Animals
[245]78 </div>
79
80 <div id="adminmenu">
81 Menu
82 <ul>
83 <li><a href="#tab_map" data-permission="web.map">Map</a></li>
[279]84 <li><a href="#tab_players" data-permission="webapi.getplayerlist">Players</a></li> <!-- data-permission="web.players" -->
[250]85 <li><a href="#tab_log" data-permission="webapi.getlog">Log <span id="newlogcount"></span></a></li>
[245]86 </ul>
87 </div>
[244]88
89 <div id="userstate">
90 <div id="userstate_loggedin">
91 Logged in as:<br/>
92 <a id="username" href="" target="_blank"></a><br/>
[454]93 <a href="/api/SteamLoginApi/logout">Sign out</a>
[244]94 </div>
95 <div id="userstate_loggedout">
96 Not logged in<br/>
97 <center>
[454]98 <a href="/api/SteamLoginApi/loginsteam">
[244]99 <img src="img/steamlogin.png" title="Sign in through Steam">
100 </a>
101 </center>
102 </div>
103 </div>
104 </div>
[279]105
[250]106 <div id="admincontent">
[251]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>
[279]108
[244]109 <div id="tab_map" class="adminmap"></div>
[279]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
[250]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>
[279]153
[244]154 </div>
[279]155
[244]156 </div>
157
158
[171]159 <div id="playerInventoryDialog" title="Player inventory">
[245]160 Player: <span id="invPlayerName"></span><br/>
[369]161 UserID: <span id="invSteamId"></span><br/>
[249]162 <br/>
[245]163 <table>
164 <tr>
165 <td>
166 Inventory:<br/>
167 <table class="invTable" id="bagTable">
168 </table>
[249]169 <br/>
[245]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>
[163]184 </table>
[245]185
[163]186 </div>
[244]187
[149]188 <script type="text/javascript" src="js/index.js"></script>
[133]189</body>
190</html>
[244]191
Note: See TracBrowser for help on using the repository browser.