2021-01-29 01:20:17 +01:00
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="buzzer.css" />
|
2021-02-01 23:07:49 +01:00
|
|
|
<body class="player">
|
2021-01-31 00:19:35 +01:00
|
|
|
<div id="error">
|
|
|
|
|
Error:
|
|
|
|
|
<code></code>
|
|
|
|
|
</div>
|
2021-02-01 23:07:49 +01:00
|
|
|
<div id="points-admin" class="admin-only">
|
|
|
|
|
<h2>Admin</h2>
|
2021-02-02 19:56:48 +01:00
|
|
|
<div><a href="monitor.html">Monitor</a></div>
|
2021-02-01 23:07:49 +01:00
|
|
|
<div>
|
|
|
|
|
<label>points: <input type="number" name="points" value="0" /></label>
|
|
|
|
|
<button data-eval="named.points.valueAsNumber += 100">+ 100</button>
|
|
|
|
|
<button data-eval="named.points.valueAsNumber -= 100">- 100</button>
|
|
|
|
|
<button data-eval="named.points.valueAsNumber *= -1">+/-</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<label>tokens: <input type="number" name="tokens" value="0" /></label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2021-01-29 01:20:17 +01:00
|
|
|
<div id="info">
|
2021-02-01 23:07:49 +01:00
|
|
|
<label class="myname player-only"
|
2021-01-29 01:20:17 +01:00
|
|
|
>You:
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
name="username"
|
|
|
|
|
id="username"
|
|
|
|
|
placeholder="Please put your name here ..."
|
|
|
|
|
/></label>
|
|
|
|
|
<h2>All Players</h2>
|
2021-01-31 00:56:30 +01:00
|
|
|
<ul class="players">
|
2021-02-01 23:07:49 +01:00
|
|
|
<!-- players (see template#player) will be inserted here -->
|
2021-01-31 00:19:35 +01:00
|
|
|
</ul>
|
2021-01-29 01:20:17 +01:00
|
|
|
</div>
|
2021-02-01 23:07:49 +01:00
|
|
|
<div id="buzzbox" class="player-only">
|
2021-01-29 01:20:17 +01:00
|
|
|
<p id="active">BZZZZZ!</p>
|
|
|
|
|
<p id="ready">Press <strong id="bkey">{key.name}</strong> to activate buzzer.</p>
|
|
|
|
|
<p id="inactive">Please focus the window to allow the buzzer to work.</p>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
|
2021-01-31 00:19:35 +01:00
|
|
|
<template id="player">
|
2021-02-01 23:07:49 +01:00
|
|
|
<li class="player" data-cid="client ID">
|
|
|
|
|
<span class="name">player name</span>
|
|
|
|
|
<div class="admin-only">
|
2021-02-02 00:42:02 +01:00
|
|
|
(<span class="points">points</span> pts) (<span class="tokens">tokens</span> tks)
|
2021-02-01 23:07:49 +01:00
|
|
|
<button data-eval="send('control', {target: client.id, action: 'monitor'})">
|
|
|
|
|
monitor
|
|
|
|
|
</button>
|
|
|
|
|
<button
|
|
|
|
|
data-eval="client.points += named.points.valueAsNumber;
|
|
|
|
|
send('points', {id: client.id, points: client.points})"
|
|
|
|
|
>
|
|
|
|
|
add points
|
|
|
|
|
</button>
|
|
|
|
|
<button
|
|
|
|
|
data-eval="client.tokens += named.tokens.valueAsNumber;
|
|
|
|
|
send('tokens', {id: client.id, tokens: client.tokens})"
|
|
|
|
|
>
|
|
|
|
|
add tokens
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
2021-01-31 00:19:35 +01:00
|
|
|
</template>
|
|
|
|
|
|
2021-01-29 01:20:17 +01:00
|
|
|
<script type="module" src="./buzzer.js"></script>
|
