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

Last change on this file since 274 was 274, checked in by alloc, 9 years ago

Fixes #117: Collapsible menu
  • Property svn:executable set to *
File size: 4.5 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 <!-- Leaflet -->
15 <link rel="stylesheet prefetch" href="leaflet/leaflet.css">
16 <script type="text/javascript" src="leaflet/leaflet.js"></script>
17
18 <!-- Leaflet MarkerCluster -->
19 <link rel="stylesheet" href="leaflet/markercluster/MarkerCluster.css" />
20 <link rel="stylesheet" href="leaflet/markercluster/MarkerCluster.Default.css" />
21 <script type="text/javascript" src="leaflet/markercluster/leaflet.markercluster.js"></script>
22
23 <!-- Leaflet Zoomslider -->
24 <link rel="stylesheet" href="leaflet/zoomslider/L.Control.Zoomslider.css" />
25 <script type="text/javascript" src="leaflet/zoomslider/L.Control.Zoomslider.js"></script>
26
27 <!-- Leaflet MiniMap -->
28 <link rel="stylesheet" href="leaflet/minimap/Control.MiniMap.css" />
29 <script type="text/javascript" src="leaflet/minimap/Control.MiniMap.js"></script>
30
31 <!-- Leaflet Measure -->
32 <link rel="stylesheet" href="leaflet/measure/leaflet-measure.css" />
33 <script type="text/javascript" src="leaflet/measure/leaflet-measure.min.js"></script>
34
35 <!-- Own JS stuff -->
36 <script type="text/javascript" src="js/leaflet.layer.sdtdtiles.js"></script>
37 <script type="text/javascript" src="js/leaflet.regionlayer.js"></script>
38 <script type="text/javascript" src="js/leaflet.layer.landclaims.js"></script>
39 <script type="text/javascript" src="js/leaflet.control.coordinates.js"></script>
40 <script type="text/javascript" src="js/leaflet.control.reloadtiles.js"></script>
41 <script type="text/javascript" src="js/leaflet.control.gametime.js"></script>
42 <script type="text/javascript" src="js/inventory_dialog.js"></script>
43 <script type="text/javascript" src="js/util.js"></script>
44 <script type="text/javascript" src="js/stats.js"></script>
45 <script type="text/javascript" src="js/tabs.js"></script>
46 <script type="text/javascript" src="js/permissions.js"></script>
47 <script type="text/javascript" src="js/map.js"></script>
48 <script type="text/javascript" src="js/log.js"></script>
49
50 <!-- Own stylesheet -->
51 <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
52
53</head>
54<body>
55
56
57 <div class="adminwrapper">
58 <div class="adminnavbarhidebutton">
59 <img src="img/expand.png" alt="Expand Menu" width="10">
60 Menu
61 <img src="img/expand.png" alt="Expand Menu" width="10">
62 </div>
63 <div class="adminnavbar">
64 <div id="serverstats">
65 <span id="stats_time">-</span><br/>
66 <span id="stats_players">-</span> Players<br />
67 <span id="stats_hostiles">-</span> Hostiles<br />
68 <span id="stats_animals">-</span> Animals
69 </div>
70
71 <div id="adminmenu">
72 Menu
73 <ul>
74 <li><a href="#tab_map" data-permission="web.map">Map</a></li>
75 <li><a href="#tab_log" data-permission="webapi.getlog">Log <span id="newlogcount"></span></a></li>
76 </ul>
77 </div>
78
79 <div id="userstate">
80 <div id="userstate_loggedin">
81 Logged in as:<br/>
82 <a id="username" href="" target="_blank"></a><br/>
83 <a href="/session/logout">Sign out</a>
84 </div>
85 <div id="userstate_loggedout">
86 Not logged in<br/>
87 <center>
88 <a href="/session/login">
89 <img src="img/steamlogin.png" title="Sign in through Steam">
90 </a>
91 </center>
92 </div>
93 </div>
94 </div>
95 <div id="admincontent">
96 <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>
97 <div id="tab_map" class="adminmap"></div>
98 <div id="tab_log" class="adminlog">
99 <table>
100 <tr>
101 <th>Date/Time</th>
102 <th>Uptime</th>
103 <th>Severity</th>
104 <th>Message</th>
105 </tr>
106 </table>
107 <a id="markasread">Mark as read</a>
108 </div>
109 </div>
110 </div>
111
112
113 <div id="playerInventoryDialog" title="Player inventory">
114 Player: <span id="invPlayerName"></span><br/>
115 SteamID: <span id="invSteamId"></span><br/>
116 <br/>
117 <table>
118 <tr>
119 <td>
120 Inventory:<br/>
121 <table class="invTable" id="bagTable">
122 </table>
123 <br/>
124 </td>
125 <td rowspan="2">
126 Equipment:<br/>
127 <table class="invTable" id="equipmentTable">
128 </table>
129 </td>
130 </tr>
131 <tr>
132 <td>
133 Belt:<br/>
134 <table class="invTable" id="beltTable">
135 </table>
136 </td>
137 </tr>
138 </table>
139
140 </div>
141
142 <script type="text/javascript" src="js/index.js"></script>
143</body>
144</html>
145
Note: See TracBrowser for help on using the repository browser.