W12 family names keep their accents, login made without them; W9 banner link colour; W10 recovery-code page one plain line; W11/W24 remote page hides provider login and key fields behind Haladó; unreleased
gates / gates (push) Successful in 1m33s

This commit is contained in:
2026-10-21 22:35:24 +02:00
parent 37b79caad9
commit 8c1e290f63
33 changed files with 1278 additions and 93 deletions
@@ -411,25 +411,31 @@ function openDialog(opts){
<div id="family-list" class="settings-grid"></div>
<p id="family-none" class="form-hint" style="display:none">{{T "family_gate.none"}}</p>
<div id="family-pw" class="alert alert-info" style="display:none">
{{T "family_gate.pw_once"}} <strong id="family-pw-name"></strong> — <span id="family-pw-value" class="mono"></span>
{{T "family_gate.pw_once"}} {{T "family_gate.login_label"}} <strong id="family-pw-name" class="mono"></strong> — <span id="family-pw-value" class="mono"></span>
</div>
<form id="family-add" class="inline-form" onsubmit="familyAct(event, 'add', document.getElementById('family-new').value)">
<input type="text" id="family-new" class="form-control" placeholder="{{T "family_gate.name_placeholder"}}" autocapitalize="none" required>
<input type="text" id="family-new" class="form-control" placeholder="{{T "family_gate.name_placeholder"}}" required>
<button type="submit" class="btn btn-sm btn-primary">{{T "family_gate.add"}}</button>
</form>
<p class="form-hint">{{T "family_gate.name_hint"}}</p>
<span id="family-err" class="form-hint" style="display:none;color:var(--red)"></span>
</div>
<script>
(function () {
var T = {reset: '{{T "family_gate.reset"}}', remove: '{{T "family_gate.remove"}}',
var T = {reset: '{{T "family_gate.reset"}}', remove: '{{T "family_gate.remove"}}', login: '{{T "family_gate.login_label"}}',
cReset: '{{T "family_gate.confirm_reset"}}', cRemove: '{{T "family_gate.confirm_remove"}}', err: '{{T "family_gate.error"}}'};
// W12: each member is {login, display} — the name as the household typed it, and the login made from it.
function render(members) {
var list = document.getElementById('family-list');
list.textContent = '';
document.getElementById('family-none').style.display = members.length ? 'none' : '';
members.forEach(function (n) {
members.forEach(function (p) {
var n = p.login;
var row = document.createElement('div'); row.className = 'settings-row'; row.setAttribute('data-family-member', n);
var label = document.createElement('span'); label.className = 'settings-label mono'; label.textContent = n;
var label = document.createElement('span'); label.className = 'settings-label'; label.textContent = p.display;
var login = document.createElement('span'); login.className = 'form-hint'; login.textContent = ' ' + T.login + ' ';
var code = document.createElement('span'); code.className = 'mono'; code.textContent = n;
login.appendChild(code); label.appendChild(login);
var val = document.createElement('span'); val.className = 'settings-value';
[['reset', T.reset, T.cReset, 'btn-outline'], ['remove', T.remove, T.cRemove, 'btn-danger']].forEach(function (a) {
var b = document.createElement('button'); b.type = 'button'; b.className = 'btn btn-xs ' + a[3]; b.textContent = a[1];
@@ -447,7 +453,7 @@ function openDialog(opts){
headers: {'X-CSRF-Token': '{{.CSRFToken}}', 'Content-Type': 'application/x-www-form-urlencoded'}, body: body})
.then(function (r) { return r.json(); }).then(function (j) {
if (!j.ok) { err.textContent = j.error || T.err; err.style.display = 'inline'; return; }
render(j.data.members || []);
render(j.data.people || []);
var box = document.getElementById('family-pw');
if (j.data.password) {
document.getElementById('family-pw-name').textContent = j.data.name;
@@ -458,7 +464,7 @@ function openDialog(opts){
}).catch(function () { err.textContent = T.err; err.style.display = 'inline'; });
};
fetch('/family/members', {credentials: 'same-origin'}).then(function (r) { return r.json(); })
.then(function (j) { if (j.ok) render(j.data.members || []); });
.then(function (j) { if (j.ok) render(j.data.people || []); });
})();
</script>