Updatezz
This commit is contained in:
@@ -122,8 +122,31 @@
|
||||
<div class="card-editor-row">
|
||||
<input type="text" id="custom-card" maxlength="8" placeholder="e.g. 34 or ?">
|
||||
<button type="button" id="add-card" class="btn">Add</button>
|
||||
<button type="button" id="auto-sort" class="btn">Auto-sort</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="deck-tools-row">
|
||||
<button type="button" id="save-preset" class="btn">Save preset</button>
|
||||
<button type="button" id="preset-picker-toggle" class="btn icon-btn" aria-expanded="false" aria-controls="preset-picker">⚙</button>
|
||||
<button type="button" id="share-deck" class="btn">Share</button>
|
||||
</div>
|
||||
|
||||
<section id="preset-picker" class="window preset-picker hidden" aria-label="Deck presets">
|
||||
<div class="title-bar">
|
||||
<span>Deck Presets</span>
|
||||
</div>
|
||||
<div class="window-content">
|
||||
<div id="preset-list" class="preset-list"></div>
|
||||
<button type="button" id="import-toggle" class="btn import-btn">Import</button>
|
||||
<div id="import-pane" class="import-pane hidden">
|
||||
<textarea id="import-b64" rows="3" placeholder="Paste base64 deck string"></textarea>
|
||||
<div class="actions-row">
|
||||
<button type="button" id="import-apply" class="btn">Apply Import</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
@@ -9,13 +9,32 @@
|
||||
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/static/css/styles.css">
|
||||
</head>
|
||||
<body data-page="room" data-room-id="{{ .RoomID }}">
|
||||
<body data-page="room" data-room-id="{{ .RoomID }}" class="prejoin">
|
||||
<div class="top-bar">
|
||||
<button class="btn" id="theme-toggle" type="button">Dark Mode</button>
|
||||
</div>
|
||||
|
||||
<main id="desktop" class="room-desktop">
|
||||
<section class="room-grid" aria-label="Scrum poker room board">
|
||||
<section id="room-skeleton" class="room-grid skeleton-grid" aria-hidden="true">
|
||||
<article class="window room-main-window">
|
||||
<div class="title-bar"><span>Loading room...</span></div>
|
||||
<div class="window-content">
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-board"></div>
|
||||
<div class="skeleton-line short"></div>
|
||||
<div class="skeleton-table"></div>
|
||||
</div>
|
||||
</article>
|
||||
<aside class="window side-panel-window">
|
||||
<div class="title-bar"><span>Loading participants...</span></div>
|
||||
<div class="window-content">
|
||||
<div class="skeleton-list"></div>
|
||||
<div class="skeleton-controls"></div>
|
||||
</div>
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<section id="room-grid" class="room-grid hidden" aria-label="Scrum poker room board">
|
||||
<article class="window room-main-window">
|
||||
<div class="title-bar">
|
||||
<span id="room-title">Room</span>
|
||||
@@ -31,39 +50,57 @@
|
||||
<span id="round-state-label">Cards hidden</span>
|
||||
</div>
|
||||
<div class="voting-board" id="voting-board"></div>
|
||||
|
||||
<section class="window vote-summary-window" id="vote-summary-window">
|
||||
<div class="title-bar">
|
||||
<span>Vote Summary</span>
|
||||
</div>
|
||||
<div class="window-content vote-summary-content">
|
||||
<table class="summary-table" id="summary-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Card</th>
|
||||
<th>Users</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="summary-body"></tbody>
|
||||
</table>
|
||||
<div class="summary-metrics">
|
||||
<span id="summary-average">Average: -</span>
|
||||
<span id="summary-recommended">Recommended: -</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<aside class="window participants-window">
|
||||
<aside class="window side-panel-window">
|
||||
<div class="title-bar">
|
||||
<span>Participants</span>
|
||||
<span>Participants & Controls</span>
|
||||
</div>
|
||||
<div class="window-content participants-content">
|
||||
<ul id="participant-list" class="participant-list"></ul>
|
||||
<div class="window-content side-panel-content">
|
||||
<div class="participants-scroll">
|
||||
<ul id="participant-list" class="participant-list"></ul>
|
||||
</div>
|
||||
|
||||
<section class="side-controls">
|
||||
<div class="links-block">
|
||||
<label>Participant Link</label>
|
||||
<input id="participant-link" type="text" readonly>
|
||||
<label>Admin Link</label>
|
||||
<input id="admin-link" type="text" readonly>
|
||||
</div>
|
||||
<div id="admin-controls" class="admin-controls hidden">
|
||||
<button type="button" id="reveal-btn" class="btn">Reveal</button>
|
||||
<button type="button" id="reset-btn" class="btn">Reset</button>
|
||||
</div>
|
||||
<p id="room-status" class="status-line">Waiting for join...</p>
|
||||
</section>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<section class="window control-window">
|
||||
<div class="title-bar">
|
||||
<span>Controls</span>
|
||||
</div>
|
||||
<div class="window-content control-content">
|
||||
<div class="links-block">
|
||||
<label>Participant Link</label>
|
||||
<input id="participant-link" type="text" readonly>
|
||||
<label>Admin Link</label>
|
||||
<input id="admin-link" type="text" readonly>
|
||||
</div>
|
||||
<div id="admin-controls" class="admin-controls hidden">
|
||||
<button type="button" id="reveal-btn" class="btn">Reveal</button>
|
||||
<button type="button" id="reset-btn" class="btn">Reset</button>
|
||||
</div>
|
||||
<p id="room-status" class="status-line">Connecting...</p>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section id="join-panel" class="window join-window hidden" aria-label="Join room">
|
||||
<section id="join-panel" class="window join-window" aria-label="Join room">
|
||||
<div class="title-bar">
|
||||
<span>JoinRoom.exe</span>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user