Files
hitstar/public/js/dom.js
Elmar Kresse 24c8c41f1e
All checks were successful
Build and Push Docker Image / docker (push) Successful in 9s
feat: update playerId handling and improve room rendering logic
2025-09-05 11:51:38 +02:00

55 lines
2.0 KiB
JavaScript

const el = (id) => document.getElementById(id);
export const $lobby = el('lobby');
export const $room = el('room');
export const $roomId = el('roomId');
export const $nameDisplay = el('nameDisplay');
export const $status = el('status');
export const $guesser = el('guesser');
export const $timeline = el('timeline');
export const $tokens = el('tokens');
export const $audio = el('audio');
export const $np = el('nowPlaying');
export const $npTitle = el('npTitle');
export const $npArtist = el('npArtist');
export const $npYear = el('npYear');
export const $readyChk = el('readyChk');
export const $startGame = el('startGame');
export const $revealBanner = el('revealBanner');
export const $placeArea = el('placeArea');
export const $slotSelect = el('slotSelect');
export const $placeBtn = el('placeBtn');
export const $mediaControls = el('mediaControls');
export const $playBtn = el('playBtn');
export const $pauseBtn = el('pauseBtn');
export const $nextArea = el('nextArea');
export const $nextBtn = el('nextBtn');
export const $recordDisc = el('recordDisc');
export const $progressFill = el('progressFill');
export const $volumeSlider = el('volumeSlider');
export const $bufferBadge = el('bufferBadge');
export const $copyRoomCode = el('copyRoomCode');
export const $nameLobby = el('name');
export const $setNameLobby = el('setName');
export const $createRoom = el('createRoom');
export const $joinRoom = el('joinRoom');
export const $roomCode = el('roomCode');
export const $leaveRoom = el('leaveRoom');
export const $earnToken = el('earnToken');
export const $dashboardList = el('dashboardList');
export const $toast = el('toast');
// Answer form elements
export const $answerForm = el('answerForm');
export const $guessTitle = el('guessTitle');
export const $guessArtist = el('guessArtist');
export const $answerResult = el('answerResult');
export function showLobby() {
$lobby.classList.remove('hidden');
$room.classList.add('hidden');
}
export function showRoom() {
$lobby.classList.add('hidden');
$room.classList.remove('hidden');
}