Skip to content

Commit 7f4fdea

Browse files
NikogeniaNikogenia
committed
Added moodle templates
1 parent a81153b commit 7f4fdea

File tree

5 files changed

+157
-0
lines changed

5 files changed

+157
-0
lines changed

‎moodle_templates/create.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<div class="table-responsive" style="text-align: center;"><p><span><br></span></p>
2+
<p><span><span style="">Gib deinen gewünschten Spielernamen ein</span><span
3+
style="background-color: var(--color-input-bg-focus); color: var(--color-input-focus); font-size: 1.11111rem;">!</span></span>
4+
</p><span><p><span>[[Spielername]]</span></p></span><span id="playerid" style="display:none">[[ID]]</span>
5+
6+
<script type="text/javascript">
7+
let playeridfield = document.querySelector("#playerid input");
8+
let playerid = playeridfield.value;
9+
playeridfield.type = "hidden";
10+
if (playerid == "") {
11+
playerid = this.crypto.randomUUID();
12+
playeridfield.value = playerid;
13+
}
14+
</script>
15+
</div>

‎moodle_templates/list_entry.html‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
##delcheck##<br>
2+
<div class="defaulttemplate">
3+
<div class="table-responsive">
4+
<table class="mod-data-default-template ##approvalstatusclass##">
5+
<tbody>
6+
<tr class="">
7+
<td class="template-field cell c0" style=""><strong>ID&nbsp;</strong></td>
8+
<td class="template-token cell c1 lastcol" style="">[[ID]]</td>
9+
</tr>
10+
<tr class="">
11+
<td class="template-field cell c0" style=""><strong>Zeit&nbsp;</strong></td>
12+
<td class="template-token cell c1 lastcol" style="">[[Zeitkonto]] Sekunden</td>
13+
</tr>
14+
<tr class="">
15+
<td class="template-field cell c0" style=""><strong>Name&nbsp;</strong></td>
16+
<td class="template-token cell c1 lastcol" style="">[[Spielername]]</td>
17+
</tr>
18+
<tr class="">
19+
<td class="template-field cell c0" style=""><strong>Nutzer&nbsp;</strong></td>
20+
<td class="template-token cell c1 lastcol" style="">##user##</td>
21+
</tr>
22+
<tr class="">
23+
<td class="template-field cell c0" style=""><strong>Erstellt&nbsp;</strong></td>
24+
<td class="template-token cell c1 lastcol" style="">##timeadded##</td>
25+
</tr>
26+
<tr class="">
27+
<td class="template-field cell c0" style=""><strong>Bewertungen&nbsp;</strong></td>
28+
<td class="template-token cell c1 lastcol" style="">[[Bewertungen]]</td>
29+
</tr>
30+
<tr class="lastrow">
31+
<td class="controls template-field cell c0 lastcol" style="" colspan="2">##edit##
32+
##delete## ##approve## ##disapprove## ##export##
33+
</td>
34+
</tr>
35+
</tbody>
36+
</table>
37+
</div>
38+
</div>
39+
<hr>

‎moodle_templates/list_footer.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<script>
2+
function getQueryVariable(variable) {
3+
var query = window.location.search.substring(1);
4+
var vars = query.split("&");
5+
for (var i=0;i<vars.length;i++) {
6+
var pair = vars[i].split("=");
7+
if (pair[0] == variable) {
8+
return pair[1];
9+
}
10+
}
11+
return "";
12+
}
13+
14+
console.log("Check for ?mode=list")
15+
if (getQueryVariable("mode") == "list") {
16+
console.log("Stay on list mode")
17+
}
18+
else {
19+
window.location.replace(window.location.href + "&mode=single");
20+
}
21+
</script>

‎moodle_templates/list_header.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<h5 style="text-align: left;"><strong><span class="" style="font-size: xx-large;">ACHTUNG! Wähle bitte oben die Einzelansicht statt der Listenansicht aus!</span></strong>
2+
</h5><p><br></p><p><em>Hier
3+
findest du alle gespeicherten Daten in Rohform:</em></p>

‎moodle_templates/single.html‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
2+
3+
<div class="defaulttemplate"><h4 style="text-align: left;"><strong>Halte den QR-Code vor die
4+
Kamera!</strong></h4>
5+
<div class="table-responsive" style="text-align: left;" id="qrcode"></div>
6+
</div>
7+
<div class="defaulttemplate"><span class="" style="font-size: small;"
8+
id="playerid">[[ID]]</span><br>
9+
<div class="table-responsive">
10+
<table style="border-width: 3px; border-style: solid;">
11+
<thead>
12+
<tr>
13+
<th scope="col" style="text-align: right;">&nbsp;Name&nbsp;</th>
14+
<th scope="col"><span style="font-weight: normal;">[[Spielername]]&nbsp;</span></th>
15+
</tr>
16+
</thead>
17+
<tbody>
18+
<tr>
19+
<td style="text-align: right;"><strong>&nbsp;Nutzer&nbsp;</strong></td>
20+
<td>##user##&nbsp;</td>
21+
</tr>
22+
<tr>
23+
<td style="text-align: right;"><strong>&nbsp;Zeit&nbsp;</strong></td>
24+
<td id="time">[[Zeitkonto]]</td>
25+
</tr>
26+
<tr>
27+
<td style="text-align: right;"><strong>&nbsp;Erstellt&nbsp;</strong></td>
28+
<td>##timeadded##&nbsp;</td>
29+
</tr>
30+
</tbody>
31+
</table>
32+
</div>
33+
<div class="table-responsive" style="text-align: left;"><br></div>
34+
<div class="table-responsive" style="text-align: left;">##edit## Name bearbeiten</div>
35+
<div class="table-responsive" style="text-align: left;">##delete## Account löschen</div>
36+
<div class="table-responsive"><br></div>
37+
<div class="table-responsive"><em>Hinweise:</em></div>
38+
<div class="table-responsive"><em>- Diese Oberfläche funktioniert nicht mit der Moodle App.
39+
Bitte verwende die offizielle Website der Lernplattform!</em></div>
40+
<div class="table-responsive"><em>- Wenn ein Account gelöscht und erneut erstellt wird, wird die
41+
Zeit des neuen Accounts für eine Woche nicht aufgeladen!</em></div>
42+
<div class="table-responsive"><em><br></em></div>
43+
<div class="table-responsive"><em><br></em></div>
44+
<div class="table-responsive" style="text-align: center;"><span>Maker Space&nbsp;© 2023</span>
45+
</div>
46+
<div class="table-responsive" style="text-align: center;"><span>Bodensee-Gymnasium Lindau</span>
47+
</div>
48+
</div>
49+
50+
<script type="text/javascript">
51+
52+
var toHHMMSS = (secs) => {
53+
var sec_num = parseInt(secs, 10)
54+
var hours = Math.floor(sec_num / 3600)
55+
var minutes = Math.floor(sec_num / 60) % 60
56+
var seconds = sec_num % 60
57+
58+
return [hours,minutes,seconds]
59+
.map(v => v < 10 ? "0" + v : v)
60+
.filter((v,i) => v !== "00" || i > 0)
61+
.join(":")
62+
}
63+
64+
let playeridfield = document.querySelector("#playerid");
65+
let playerid = playeridfield.innerHTML;
66+
new QRCode(document.querySelector("#qrcode"), {
67+
text: playerid,
68+
width: 250,
69+
height: 250,
70+
correctLevel: QRCode.CorrectLevel.H
71+
});
72+
73+
let timefield = document.querySelector("#time");
74+
if (timefield.innerHTML == "") {
75+
timefield.innerHTML = "Initialisiere ..."
76+
} else {
77+
timefield.innerHTML = toHHMMSS(timefield.innerHTML);
78+
}
79+
</script>

0 commit comments

Comments
 (0)