FaSTTUBe/schnitzeljagd
37
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update QR generator

Browse Source
This commit is contained in:
Oskar Winkels 2025-08-30 12:43:56 +02:00
parent fad56d5c87
commit 3f72fa19f8
Signed by: o.winkels
GPG Key ID: E7484A06E99DAEF1
2 changed files with 35 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
web/QRgen.html
View File

@ -49,7 +49,7 @@
}
.print * {
display: inline-block;
margin: 42px auto;
margin: 16px auto;
}
.print .link {
font-size: 24px;
@ -65,68 +65,71 @@
</head>
<body>
<main id="formView">
<h1>FTracker<br>Door Sign Genrator</h1>
<form id="roomform">
<h1>Schnitzeljagd<br>Sign Generator</h1>
<form id="qrform">
<label>
Room Nr/Name:<br>
<input type="text" name="room" id="room" placeholder="123" required>
Game Name:<br>
<input type="text" name="game" id="game" placeholder="schnitzeljagd" required>
</label>
<label>
Checkpoint Name:<br>
<input type="text" name="checkpoint" id="checkpoint" placeholder="123" required>
</label>
<label>
Ask for name entry at this checkpoint:<br>
<input type="checkbox" name="askname" id="askname">
</label>
<input type="submit" value="Print">
</form>
</main>
<main id="printA" class="print">
<main id="print" class="print">
<h1 class="title"></h1><br>
<div class="qr"></div><br>
<span class="link"></span><br>
<span>
Made with FTracker<br>
https://git.fasttube.de/FaSTTUBe/ftracker<br>
&copy; 2020 Oskar / FaSTTUBe
https://git.fasttube.de/FaSTTUBe/schnitzeljagd<br>
&copy; 2025 Oskar / FaSTTUBe
</span>
</main>
<main id="printD" class="print">
<h1 class="title"></h1><br>
<div class="qr"></div><br>
<span class="link"></span><br>
<span>
Made with FTracker<br>
https://git.fasttube.de/FaSTTUBe/ftracker<br>
&copy; 2020 Oskar / FaSTTUBe
</span>
</main>
<script src="game/qrcodejs/qrcode.min.js"></script>
<script src="/game/qrcodejs/qrcode.min.js"></script>
<script>
var fv = document.getElementById('formView')
var pa = document.getElementById('printA')
var pd = document.getElementById('printD')
var p = document.getElementById('print')
var rform = document.getElementById('roomform')
var rform = document.getElementById('qrform')
rform.onsubmit = function(e) {
e.preventDefault()
var room = e.srcElement[0].value
var details = {}
details.game = e.srcElement[0].value
details.checkpoint = e.srcElement[1].value
details.askname = e.srcElement[2].value
writePage(pa, room, 'arrival')
writePage(pd, room, 'departure')
writePage(p, details)
printPage(pa, 'ftracker-arrival-'+room)
printPage(pd, 'ftracker-departure-'+room)
printPage(p, details.game+'-'+details.checkpoint)
}
function writePage(el, room, type) {
function writePage(el, details) {
var base = location.href.split('/').slice(0,3).join('/')
var base = location.href.split('/').slice(0,4).join('/')
var url = base + '/?' + type + '=' + room
var url = base
+ '?game=' + details.game
+ '&checkpoint=' + details.checkpoint
if (details.askname)
url += '&askname=true'
var title = el.querySelector('.title')
var qr = el.querySelector('.qr')
var link = el.querySelector('.link')
title.innerHTML =
'Scan here to log ' + type + '<br> in room ' + room
'Hier scannen um am checkpoint<br>' + details.checkpoint + '<br> einzuchecken'
link.innerHTML = url
qr.innerHTML = ''
new QRCode(qr, {

2
web/index.html
View File

@ -34,7 +34,7 @@
probably contact an admin or a dev nearby :(<br><br>
Here are a few links for testing:<br>
<a href="/game/view">View Data</a>,
<a href="/game/QRgen">Door Sign Generator</a>,
<a href="/game/QRgen">Checkpoint Generator</a>,
<a href="/game?game=schnitzeljagd&checkpoint=Test42&askname=true">Test Checkpoint</a>
<br><br>
&copy; 2025 made by <a target="_blank" href="mailto:&#111;&#46;&#119;&#105;&#110;&#107;&#101;&#108;&#115;&#64;&#102;&#97;&#115;&#116;&#116;&#117;&#98;&#101;&#46;&#100;&#101;">Oskar</a>