49 lines
1.8 KiB
HTML
49 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Exchange</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
|
|
<script src="{{ url_for('static', filename='socket.io.min.js') }}" integrity="sha384-mkQ3/7FUtcGyoppY6bz/PORYoGqOl7/aSUMn2ymDOJcapfS6PHqxhRTMh1RR0Q6+" crossorigin="anonymous"></script>
|
|
</head>
|
|
<body>
|
|
<h1>Santa exchange</h1>
|
|
<label for="own_name">Your name: </label><br /><input type="text" id="own_name" /><br />
|
|
<br />
|
|
<label for="info_for_santa">Info for your santa (e.g. shipping address or similar):</label><br />
|
|
<textarea id="info_for_santa"></textarea><br />
|
|
<button id="submit_info_button">Submit your info</button>
|
|
<br /><br /><br />
|
|
<p id="statusParagraph"></p>
|
|
<button>Start with current participants</button>
|
|
<p>Current participants:</p>
|
|
<div id='participantList'></div>
|
|
<!--<script type="text/javascript">
|
|
const socket = io();
|
|
const client_id = Math.floor(Math.random() * 2**64)
|
|
socket.emit('join', {room: window.location.pathname, 'client_id': client_id})
|
|
|
|
socket.on('message', data => {
|
|
// All messages are broadcast to everyone, so discard messages that were actually sent from ourselves
|
|
data = JSON.parse(data);
|
|
if (data['client_id'] != client_id) {
|
|
console.log(data);
|
|
console.log(data['message']);
|
|
window.pass_message_to_python(JSON.stringify(data['message']));
|
|
}
|
|
});
|
|
</script>-->
|
|
|
|
<script type="text/javascript">
|
|
const exchangeWorker = new Worker("{{ url_for('static', filename='exchange_worker.js') }}", { type: 'module' });
|
|
|
|
exchangeWorker.onmessage = (e) => {
|
|
console.log('Received message:');
|
|
console.log(e);
|
|
document.getElementById('statusParagraph').innerHTML = e.data;
|
|
};
|
|
|
|
exchangeWorker.postMessage('Nothing');
|
|
</script>
|
|
</body>
|
|
</html> |