FaSTTUBe/schnitzeljagd
51
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
2 changed files with 35 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
web/QRgen.html
View File

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

2
web/index.html
View File

@ -34,7 +34,7 @@
probably contact an admin or a dev nearby :(<br><br> probably contact an admin or a dev nearby :(<br><br>
Here are a few links for testing:<br> Here are a few links for testing:<br>
<a href="/game/view">View Data</a>, <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> <a href="/game?game=schnitzeljagd&checkpoint=Test42&askname=true">Test Checkpoint</a>
<br><br> <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> &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>