-
Notifications
You must be signed in to change notification settings - Fork 0
/
example.html
95 lines (87 loc) · 3.04 KB
/
example.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<html>
<head>
<title>Portal Open Stats</title>
<link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.css">
<link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.theme.css">
<style>
.centered-thrubber {
position: fixed;
left: calc(50% - 128px/2);
top: calc(50% - 15px/2);
}
#portalstatsplotoverlay {
width: 100%;
height: 100vh;
position: fixed;
left: 0;
top: 0;
z-index: 1000;
background-color: #ffffff;
}
#portalstatsplot {
min-height: 100vh;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #050;
background: #070;
font-weight: normal;
color: #ffffff;
}
</style>
</head>
<body>
<script language="JavaScript" src="js/init.js"></script>
<!-- dirty hack to bypass Same Origin Policy preventing the XMLHttpRequest to succeed -->
<script language="JavaScript" src="js/bypass-same-origin-policy.js"></script>
<div id="portalstatsplot">
<div id="portalstatsplotoverlay">
<img src="Bert2_transp_green_cont_150ms.gif" class="centered-thrubber">
</div>
<div id="mainTabs">
<ul>
<li><a href="#accumulated">Öffnungszeiten</a></li>
<li><a href="#history">Verlauf</a></li>
</ul>
<div id="accumulated">
<div id="accumulatedTabs">
<ul>
<li><a href="#accumulatedByWeekday">Wochentage</a>
<li><a href="#accumulatedByDaytimeAtWorkingDays">Uhrzeiten Mo-Fr</a>
<li><a href="#accumulatedByDaytimeAtWeekend">Uhrzeiten Sa-So</a>
</ul>
<div id="accumulatedByWeekday" style="width:90%"></div>
<div id="accumulatedByDaytimeAtWorkingDays" style="width:90%"></div>
<div id="accumulatedByDaytimeAtWeekend" style="width:90%"></div>
</div>
</div>
<div id="history">
<div id="openHoursTabs">
<ul>
<li><a href="#groupByYear">Letzte Jahre</a></li>
<li><a href="#groupByMonth">Letzte Monate</a></li>
<li><a href="#groupByDate">Letzte Tage</a></li>
<li><a href="#groupByHour">Letzte Stunden</a></li>
</ul>
<div id="groupByYear" style="width:90%"></div>
<div id="groupByMonth" style="width:90%"></div>
<div id="groupByDate" style="width:90%"></div>
<div id="groupByHour" style="width:90%"></div>
</div>
</div>
</div>
</div>
<!-- the libd can be very big - be sure to load it after the portalstatsplotoverlay div has been parsed by the browser to make sure that the thrubber appears -->
<script language="JavaScript" src="plotly-1.48.3/plotly-latest.min.js"></script>
<script language="JavaScript" src="jquery-ui-1.12.1/external/jquery/jquery.js"></script>
<script language="JavaScript" src="jquery-ui-1.12.1/jquery-ui.js"></script>
<script language="JavaScript" src="js/shackspace-portal-stats-plot.js"></script>
<script language="JavaScript">
window.addEventListener("portal-stats-initialized", function() { $("#portalstatsplotoverlay").hide(); });
</script>
</body>
</html>