Welcome to the Cupido barrier picker
@@ -162,6 +204,55 @@
const meta = document.getElementById('meta');
const progress = document.getElementById('progress');
const flash = document.getElementById('flash');
+ const userBadge = document.getElementById('user-badge');
+ const loginBackdrop = document.getElementById('login-backdrop');
+ const loginInput = document.getElementById('login-input');
+ const loginSubmit = document.getElementById('login-submit');
+
+ // ─── Analyst identity (persisted in localStorage) ───────────────────
+ function getAnalyst() {
+ try { return localStorage.getItem('cupido.analyst') || ''; }
+ catch (e) { return ''; }
+ }
+ function setAnalyst(s) {
+ try { localStorage.setItem('cupido.analyst', s); } catch (e) {}
+ renderUserBadge();
+ }
+ function renderUserBadge() {
+ const a = getAnalyst();
+ userBadge.textContent = a || 'sign in';
+ userBadge.classList.toggle('empty', !a);
+ }
+
+ function showLogin() {
+ loginBackdrop.classList.add('show');
+ loginInput.value = getAnalyst();
+ loginSubmit.disabled = !loginInput.value.trim();
+ setTimeout(() => loginInput.focus(), 50);
+ }
+ function hideLogin() { loginBackdrop.classList.remove('show'); }
+
+ function submitLogin() {
+ const v = loginInput.value.trim().toUpperCase();
+ if (!v) return;
+ setAnalyst(v);
+ hideLogin();
+ // After first login, show the welcome modal if not yet seen.
+ try {
+ if (localStorage.getItem('cupido.welcomed') !== '1') {
+ showModal(); // welcome modal — defined below
+ }
+ } catch (e) {}
+ }
+
+ loginInput.addEventListener('input', () => {
+ loginSubmit.disabled = !loginInput.value.trim();
+ });
+ loginInput.addEventListener('keydown', (e) => {
+ if (e.key === 'Enter' && loginInput.value.trim()) submitLogin();
+ });
+ loginSubmit.addEventListener('click', submitLogin);
+ userBadge.addEventListener('click', showLogin);
let queue = [];
let cursor = 0;
@@ -232,11 +323,17 @@
async function submit(mode) {
if (queue.length === 0) return;
+ // Require initials before any picking action (skip is OK without).
+ if (mode !== 'skip' && !getAnalyst()) {
+ showLogin();
+ return;
+ }
const item = queue[cursor];
const payload = {
idx: item.idx,
time_s: (mode === 'skip' || mode === 'unusable') ? null : player.currentTime,
mode: mode,
+ analyst: getAnalyst(),
notes: '',
};
try {
@@ -287,8 +384,9 @@
// Keyboard shortcuts
document.addEventListener('keydown', (e) => {
if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;
- // Don't react to picker shortcuts while the modal is open.
+ // Don't react to picker shortcuts while either modal is open.
if (modalBackdrop.classList.contains('show')) return;
+ if (loginBackdrop.classList.contains('show')) return;
// Prevent the browser default (e.g. video focus side effects on space).
const stop = () => { e.preventDefault(); e.stopPropagation(); };
switch (e.key) {
@@ -324,19 +422,24 @@
}
modalClose.addEventListener('click', hideModal);
helpBtn.addEventListener('click', showModal);
- // Allow click-on-backdrop to dismiss (but not click-inside-modal)
modalBackdrop.addEventListener('click', (e) => {
if (e.target === modalBackdrop) hideModal();
});
- // Escape closes the modal too.
document.addEventListener('keydown', (e) => {
if (e.key === 'Escape' && modalBackdrop.classList.contains('show')) {
e.stopPropagation(); hideModal();
}
});
- let welcomed = false;
- try { welcomed = localStorage.getItem('cupido.welcomed') === '1'; } catch (e) {}
- if (!welcomed) showModal();
+
+ // On first visit, login first (mandatory) then welcome modal.
+ renderUserBadge();
+ if (!getAnalyst()) {
+ showLogin();
+ } else {
+ let welcomed = false;
+ try { welcomed = localStorage.getItem('cupido.welcomed') === '1'; } catch (e) {}
+ if (!welcomed) showModal();
+ }
fetchQueue();