150 lines
5.0 KiB
HTML
150 lines
5.0 KiB
HTML
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="css/custom.css">
|
|
<link rel="stylesheet" href="css/bootstrap.css">
|
|
<title>Genderwatch-protocol</title>
|
|
|
|
</head>
|
|
<body>
|
|
<section>
|
|
<div class="container">
|
|
<h1>Genderwatch-protocol</h1>
|
|
<a href="data/data.xlsx">Anonyme Daten herunterladen (aktuell in Entwicklung)</a>
|
|
<h2 style="margin-left: 10px;">Aktuelles Thema</h2>
|
|
<table class="table-bordered">
|
|
<tr>
|
|
<td colspan="2">
|
|
<input class="form-control" type="text" id="topicInput" placeholder="Thema hier eingeben">
|
|
</td>
|
|
<td>
|
|
<button class="" onclick="closeTopic()">
|
|
Thema abschliessen
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>
|
|
M
|
|
</th>
|
|
<th>
|
|
W
|
|
</th>
|
|
<th>
|
|
D
|
|
</th>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td id="time-0">
|
|
0
|
|
</td>
|
|
<td id="time-1">
|
|
0
|
|
</td>
|
|
<td id="time-2">
|
|
0
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="count-0">
|
|
0
|
|
</td>
|
|
<td id="count-1">
|
|
0
|
|
</td>
|
|
<td id="count-2">
|
|
0
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<button class="" onclick="start(0)">Beginnt zu Reden</button>
|
|
</td>
|
|
<td>
|
|
<button class="" onclick="start(1)">Beginnt zu Reden</button>
|
|
</td>
|
|
<td>
|
|
<button class="" onclick="start(2)">Beginnt zu Reden</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="3">
|
|
<button class="" style="width: 98%;" onclick="stop()">Hört auf zu Reden, -> Stille</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="3">
|
|
<button class="" style="width: 98%;" onclick="resetButton()">Reset</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="container">
|
|
|
|
|
|
<H2>Abgeschlossene Themen</H2>
|
|
<button class="" onclick="buttonDeleteAllClosedTopics()">alle Löschen</button>
|
|
<table class="table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th style="min-width: 100px;">
|
|
Thema
|
|
</th>
|
|
<th style="min-width: 100px;">
|
|
M
|
|
</th>
|
|
<th style="min-width: 100px;">
|
|
W
|
|
</th>
|
|
<th style="min-width: 100px;">
|
|
D
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="closedTopicsTable">
|
|
|
|
</tbody>
|
|
|
|
|
|
|
|
</table>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<script src="js/functions.js"></script>
|
|
<script>
|
|
try {
|
|
closedTopics = JSON.parse(localStorage.getItem("closedTopics"))
|
|
} catch (e) {
|
|
closedTopics = []
|
|
}
|
|
if(!closedTopics) {
|
|
closedTopics = []
|
|
}
|
|
|
|
try{
|
|
actualTopic = JSON.parse(localStorage.getItem("actualTopic"))
|
|
} catch (e) {
|
|
initializeNewTopic()
|
|
}
|
|
if(!actualTopic) {
|
|
initializeNewTopic()
|
|
}
|
|
document.getElementById("topicInput").value = actualTopic.name
|
|
|
|
document.getElementById("topicInput").addEventListener('keyup', saveActualTopicName);
|
|
refreshClosedTopics()
|
|
setInterval(() => {
|
|
refreshWatch(0)
|
|
refreshWatch(1)
|
|
refreshWatch(2)
|
|
}, 100);
|
|
</script>
|
|
</body>
|
|
</html> |