cs2/simpleadmin-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Verification form: buttons in line with the inputs, shorter help text

Browse source 
The help text sat inside each field, so the buttons lined up with it rather than the inputs, and
its long unbroken URL made the page too wide on phones. It's now one short line under the row.
This commit is contained in:
Astra 2026-10-02 20:18:39 +01:00
parent 3c62874f91
commit 31901495de
1 changed files with 14 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

25
internal/web/assets/admin.js
View file

@ -420,17 +420,20 @@ function verifyStatus(st) {
<dt>Overrides</dt><dd>${st.overrides}</dd>
<dt>Changes apply</dt><dd>Within ${st.reloadSeconds} seconds <span class="muted">(times in ${esc(st.timezone)})</span></dd>
</dl>
${st.canConfigure ? `<form id="gv-form" style="display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin-top:16px">
<label class="field" style="flex:2;min-width:240px"><span>Steam group ID64</span>
<input class="input" name="group" value="${esc(st.groupId)}" data-was="${esc(st.groupId)}" inputmode="numeric" pattern="[0-9]{0,20}" placeholder="103582791…, blank or 0 turns verification off">
<small>&lt;groupID64&gt; on https://steamcommunity.com/groups/&lt;name&gt;/memberslistxml/?xml=1</small>
</label>
<label class="field" style="flex:1;min-width:160px"><span>Clan tag</span>
<input class="input" name="clantag" value="${esc(st.clanTag)}" data-was="${esc(st.clanTag)}" maxlength="12" pattern="[^&quot;;\\\\]*" placeholder="none">
<small>Scoreboard tag for verified players without a rank. Blank: none.</small>
</label>
<button class="btn" type="submit">Save</button>
<button class="btn ${st.enabled ? "danger" : "primary"}" type="button" data-act="gv-toggle" data-on="${st.enabled ? "0" : "1"}">${st.enabled ? "Turn off" : "Turn on"}</button>
${st.canConfigure ? `<form id="gv-form" style="margin-top:16px">
<div style="display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end">
<label class="field" style="flex:2 1 240px;min-width:0"><span>Steam group ID64</span>
<input class="input" name="group" value="${esc(st.groupId)}" data-was="${esc(st.groupId)}" inputmode="numeric" pattern="[0-9]{0,20}" placeholder="103582791…, blank or 0 turns it off">
</label>
<label class="field" style="flex:1 1 140px;min-width:0"><span>Clan tag</span>
<input class="input" name="clantag" value="${esc(st.clanTag)}" data-was="${esc(st.clanTag)}" maxlength="12" pattern="[^&quot;;\\\\]*" placeholder="none">
</label>
<div style="display:flex;gap:8px">
<button class="btn" type="submit">Save</button>
<button class="btn ${st.enabled ? "danger" : "primary"}" type="button" data-act="gv-toggle" data-on="${st.enabled ? "0" : "1"}">${st.enabled ? "Turn off" : "Turn on"}</button>
</div>
</div>
<small class="muted" style="display:block;margin-top:8px;font-size:13px;overflow-wrap:anywhere">The &lt;groupID64&gt; from your group's member list XML.</small>
</form>` : '<p class="muted" style="margin:16px 0 0">Only Root can change the group or turn verification on and off.</p>'}
</div>
</section>`;