-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_B.html
166 lines (137 loc) · 6.95 KB
/
index_B.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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="en">
<head>
<title>GeoSoftwareI Project assignment</title>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Bootstrap CSS -->
<!-- This script is mandatory (Hamburger-Menu), do not delete-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="../leaflet/leaflet.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="src/public/style.css"> <!-- href="src/style.css" -->
<script src="src/external_code.js"></script>
</head>
<body>
<!-- navbar -->
<nav class="navbar navbar-expand-md navbar-dark navbar-inverse">
<a class="navbar-brand">Menu</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar links -->
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/index_A">Editor Page</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="/index_B">Screen Page</a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="delete_logged_User()">Logout</a>
</li>
</ul>
</div>
</nav>
<!-- /navbar -->
<!-- <a class="nav-link" href="/index_B">Screen Page<span class="sr-only">(current)</span></a> -->
<div class="Introduction">
<div class="jumbotron">
<h2><b>Corona Warn App "Lite"</b></h2>
course: Geosoftware I SoSe 2020 <br>
authors: Timo Lietmeyer & Judith Bresser
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-people" fill="currentColor"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8zm-7.978-1h7.956a.274.274 0 0 0 .014-.002l.008-.002c-.002-.264-.167-1.03-.76-1.72C13.688 10.629 12.718 10 11 10c-1.717 0-2.687.63-3.24 1.276-.593.69-.759 1.457-.76 1.72a1.05 1.05 0 0 0 .022.004zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816zM4.92 10c-1.668.02-2.615.64-3.16 1.276C1.163 11.97 1 12.739 1 13h3c0-1.045.323-2.086.92-3zM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" />
</svg> <!-- https://icons.getbootstrap.com/icons/people/ -->
<br>
</div>
</div>
<!-- main container -->
<div class="container-fluid">
<div class="row">
<div class="col-sm-6" id="mapbootstrap" style="height:400px">
<p class="lead"> </p>
</div>
<br>
<div class="col-sm-6" id="colum2">
<p id="What_does_the_page"> On this page all taken trips are shown in text form and also in the leaflet map.<br>
<b> Risk trips </b> are shown on the map in <b> red. </b> <br>
All harmless trips are marked with green.</p> <br>
<p id="demo"></p>
<div class="table-responsive">
<table class="table table-striped table-sm" id="Table2">
<thead>
<tr>
<th>Name</th>
<th>type</th>
<th>Stop ID</th>
<th>direction</th>
<th>line number</th>
<th>Time</th>
<th>Departure ID</th>
<th>Infection Risk</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<br><br>
<form id="radiobuttons_departures"> </form>
</div>
</div>
</div>
<!-- /container -->
<br><br>
<!-- footer -->
<footer class="container-fluid text-center">
<p> <b> Imprint </b> </p>
<p>© Timo Lietmeyer & Judith Bresser
<span class="footer-separator">|</span> 2020
<br /> <br />
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-envelope-fill" fill="currentColor"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555zM0 4.697v7.104l5.803-3.558L0 4.697zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757zm3.436-.586L16 11.801V4.697l-5.803 3.546z" />
</svg> <!-- https://icons.getbootstrap.com/icons/envelope-fill/# -->
Mailto: [email protected] <br />
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-envelope-fill" fill="currentColor"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555zM0 4.697v7.104l5.803-3.558L0 4.697zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757zm3.436-.586L16 11.801V4.697l-5.803 3.546z" />
</svg> <!-- https://icons.getbootstrap.com/icons/envelope-fill/# -->
Mailto: [email protected] </p>
<a href="javascript:druck();"> print <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-printer"
fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path
d="M11 2H5a1 1 0 0 0-1 1v2H3V3a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2h-1V3a1 1 0 0 0-1-1zm3 4H2a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1v1H2a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1z" />
<path fill-rule="evenodd"
d="M11 9H5a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1zM5 8a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H5z" />
<path d="M3 7.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z" />
</svg> <!-- https://icons.getbootstrap.com/icons/printer/ -->
</a>
<br><br>
</footer>
<!-- /footer -->
<!-- This script is mandatory (Hamburger-Menu), do not delete-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="../jquery/jquery.min.js"> </script>
<script src="../bootstrap/js/bootstrap.min.js"> </script>
<script src="/leaflet/leaflet.js"></script>
<script src="/leaflet-heat/leaflet-heat.js"></script>
<script src="src/tokens.js"> </script>
<script src="src/script_headfunctions.js"> </script>
<script src="src/script_indexB.js"> </script>
</body>
</html>