xTr1m/GameList
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move suggest form into modal

Browse Source
This commit is contained in:
Frank Tovar
2026-02-04 14:50:49 +01:00
parent bf1ceba156
commit 0cece5f7a3
5 changed files with 140 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
wwwroot/index.html
View File

@@ -86,57 +86,15 @@
<section id="actions-card">
<div id="suggest-view" class="phase-view hidden">
<div class="phase-header">
<h2 data-i18n="suggest.title">Suggest (up to 5)</h2>
<p class="hint" data-i18n="suggest.hint">Only you can see your suggestions until Reveal.</p>
<div class="phase-text">
<h2 data-i18n="suggest.title">Suggest (up to 5)</h2>
<p class="hint" data-i18n="suggest.hint">Only you can see your suggestions until Reveal.</p>
</div>
<button id="open-suggest-modal" class="ghost" data-i18n="suggest.addButton">Suggest a game</button>
</div>
<div class="suggest-grid">
<div class="card">
<h3 data-i18n="suggest.new">Add new suggestion</h2>
<form id="suggest-form" class="stack">
<label class="stack">
<span class="label" data-i18n="form.gameName">Game name *</span>
<input name="name" required maxlength="100" />
</label>
<label class="stack">
<span class="label" data-i18n="form.genre">Genre</span>
<input name="genre" maxlength="50" />
</label>
<label class="stack">
<span class="label" data-i18n="form.description">Description</span>
<textarea name="description" maxlength="500"></textarea>
</label>
<div class="stack">
<span class="label" data-i18n="form.players">Players</span>
<div class="stack horizontal">
<label class="stack">
<span class="label" data-i18n="form.min">Min</span>
<input name="minPlayers" type="number" min="1" max="32" inputmode="numeric" />
</label>
<label class="stack">
<span class="label" data-i18n="form.max">Max</span>
<input name="maxPlayers" type="number" min="1" max="32" inputmode="numeric" />
</label>
</div>
</div>
<label class="stack">
<span class="label" data-i18n="form.screenshot">Screenshot URL</span>
<input name="screenshotUrl" maxlength="2048" />
</label>
<label class="stack">
<span class="label" data-i18n="form.youtube">YouTube URL</span>
<input name="youtubeUrl" maxlength="2048" />
</label>
<label class="stack">
<span class="label" data-i18n="form.gameUrl">Game website URL</span>
<input name="gameUrl" maxlength="2048" />
</label>
<button type="submit" data-i18n="form.submit">Submit</button>
</form>
</div>
<div class="card subcard">
<h3 data-i18n="section.mySuggestions">Your suggestions</h3>
<div id="my-suggestions" class="card-grid"></div>
</div>
<div class="card subcard">
<h3 data-i18n="section.mySuggestions">Your suggestions</h3>
<div id="my-suggestions" class="card-grid"></div>
</div>
</div>