39 lines
1.3 KiB
JavaScript
39 lines
1.3 KiB
JavaScript
|
const $ = (s) => document.querySelector(s);
|
||
|
|
const id = location.pathname.split('/').filter(Boolean).pop();
|
||
|
|
let joinUrl = '';
|
||
|
|
|
||
|
|
function toast(msg) {
|
||
|
|
const t = $('#toast'); t.textContent = msg; t.classList.add('show');
|
||
|
|
clearTimeout(toast._t); toast._t = setTimeout(() => t.classList.remove('show'), 1800);
|
||
|
|
}
|
||
|
|
|
||
|
|
async function load() {
|
||
|
|
try {
|
||
|
|
const meta = await (await fetch(`/api/sessions/${id}`)).json();
|
||
|
|
if (meta && meta.title) $('#qrTitle').textContent = meta.title;
|
||
|
|
} catch {}
|
||
|
|
try {
|
||
|
|
const q = await (await fetch(`/api/sessions/${id}/qr`)).json();
|
||
|
|
joinUrl = q.url;
|
||
|
|
const img = new Image();
|
||
|
|
img.alt = 'QR code'; img.src = q.dataUrl;
|
||
|
|
$('#qrBig').replaceChildren(img);
|
||
|
|
const link = $('#qrLink'); link.href = q.url; link.textContent = q.url;
|
||
|
|
} catch {
|
||
|
|
$('#qrBig').innerHTML = '<div class="msg">This presentation is no longer available.</div>';
|
||
|
|
$('#eyebrow').textContent = '';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$('#copyBtn').addEventListener('click', () => {
|
||
|
|
if (joinUrl) navigator.clipboard.writeText(joinUrl).then(() => toast('Link copied'));
|
||
|
|
});
|
||
|
|
$('#fsBtn').addEventListener('click', () => {
|
||
|
|
const el = document.documentElement;
|
||
|
|
if (document.fullscreenElement) document.exitFullscreen();
|
||
|
|
else el.requestFullscreen?.();
|
||
|
|
});
|
||
|
|
$('#printBtn').addEventListener('click', () => window.print());
|
||
|
|
|
||
|
|
load();
|