HSMA-CTT/src/main/resources/templates/rooms/veranstaltungsleitenden-portal.html at 28b8e0d4e5c7cbc8d1579544d92e0f07d3e0abbf · informatik-mannheim/HSMA-CTT · GitHub

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
<html lang="de" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorate="~{rooms/layout}">

<head>
	<meta name="_csrf" th:content="${_csrf.token}"/>
	<meta name="_csrf_header" th:content="${_csrf.headerName}"/>
	<meta name="room-pin" th:content="${roomData.roomPin}"/>
	<meta http-equiv="refresh" content="30" >
	<title>Veranstaltungsleitenden-Portal</title>
</head>

<body>
	<div layout:fragment="content">

		<div id="alert-message" style="display: none;"></div>

		<h3 class="text-center">Portal für Veranstaltungsleitende</h3>

		<h4 class="text-center">
			Raum <span th:text="${roomData.roomName}"></span> |
			Gebäude <span th:text="${roomData.building}"></span>
		</h4>

		<div class="col align-stretch">

			<div class="row justify-around">

				<div th:if="${@environment.getProperty('warning_for_full_room')}" class="card flex-1">
					<h5 class="text-center">Raumgröße</h5>
					<p class="text-center"><strong th:text="${roomData.maxCapacity+' '}"></strong>Personen</p>
				</div>

				<div class="card flex-1">
					<h5 class="text-center">eingecheckte Personen</h5>
					<p id="checked-in-amount" class="text-center"><strong th:attr="style=${(@environment.getProperty('warning_for_full_room') && isRoomOvercrowded) ? 'color: red;' : ''}" th:text="${currentRoomVisitorCount}"></strong> Personen</p>
				</div>

			</div>

			<div class="card">
				<div class="card-body">
					<p>
						Wenn die Zahl der im Raum eingecheckten Personen die Zahl der Anwesenden übersteigt, können Sie den Raum zurücksetzen.
						Nach dem Zurücksetzen des Raumes müssen sich alle anwesenden Personen erneut einchecken.
					</p>
				</div>
				<div class="card-footer">
					<button id="reset-room" type="button" class="hs-button">Raum zurücksetzen</button>
				</div>
			</div>

			<form method="POST" th:action="@{/r/checkOut}">

				<div th:if="${@environment.getProperty('check_3G_status')}" class="card">
					<div class="card-body">
						<p>Um an Präsenzveranstaltungen teilnehmen zu können, müssen alle Personen mindestens eines der folgenden Kriterien erfüllen:</p>
						<p>Die Person...</p>
						<ul>
							<li>
								kann ein negatives Corona-Schnelltestergebnis vorweisen
								<strong>oder</strong>
							</li>
							<li>
								kann eine vollständige Corona-Impfung nachweisen
								<strong>oder</strong>
							</li>
							<li>
								ist nach einer Corona-Infektion vollständig genesen
							</li>
						</ul>
						<div class="form-check">
							<input class="form-check-input" type="checkbox" value="" id="confirm_conditions" />
							<label class="form-check-label" for="confirm_conditions">
								Ich habe geprüft, ob alle anwesenden Personen mindestens eines der oben genannten Kriterien erfüllen.
							</label>
						</div>

						<br/>
					</div>
				</div>

				<div class="card">
						<div class="card-body">
							<p class="card-text">Hier können Sie sich selbst aus dem Raum auschecken</p>
						</div>
						<div class="card-footer">
							<button type="submit" class="hs-button">Raum verlassen</button>
						</div>
						<input type="hidden" name="visitorEmail" th:value="${visitorEmail}"/>
				</div>

			</form>

			<script src='/veranstaltungsleitenden-portal.js'></script>

		</div>

	</div>

</body>

</html>