v0.127.2: wizard code hide is manual-only — drop the v0.127.1 auto-blur-on-focus (customers type the verification words from the screen); Elrejtés/Megjelenítés toggle shown from reveal, never automatic
This commit is contained in:
@@ -1,5 +1,12 @@
|
|||||||
## Changelog
|
## Changelog
|
||||||
|
|
||||||
|
### v0.127.2 — wizard code hide is MANUAL-only (2026-07-13, Viktor's live finding on v0.127.1)
|
||||||
|
|
||||||
|
The v0.127.1 blur-on-verify auto-blurred the code the moment a verification input got focus —
|
||||||
|
which made typing the two words HARDER, since the customer types them from the screen. Reversed:
|
||||||
|
the code stays visible; the "Elrejtés"/"Megjelenítés" toggle appears with the reveal and is
|
||||||
|
manual-only (still useful for a screen share). Render test asserts no `onfocus` auto-blur remains.
|
||||||
|
|
||||||
### v0.127.1 — escrow wizard polish: CTA visibility + Hungarian preflight + typed-back highlight + blur-on-verify (2026-07-13)
|
### v0.127.1 — escrow wizard polish: CTA visibility + Hungarian preflight + typed-back highlight + blur-on-verify (2026-07-13)
|
||||||
|
|
||||||
Four findings from Viktor's first supervised wizard passes (drill + demo). Presentation-only —
|
Four findings from Viktor's first supervised wizard passes (drill + demo). Presentation-only —
|
||||||
|
|||||||
@@ -325,15 +325,22 @@ func TestEscrowTemplates_Render(t *testing.T) {
|
|||||||
"Ez a kód többé nem jeleníthető meg.",
|
"Ez a kód többé nem jeleníthető meg.",
|
||||||
"nem ezen a szerveren",
|
"nem ezen a szerveren",
|
||||||
"biztonsági okból újra nem kérhető le",
|
"biztonsági okból újra nem kérhető le",
|
||||||
// v0.127.1 polish: the Hungarian preflight detail map + the blur-on-verify toggle.
|
// v0.127.1 polish: the Hungarian preflight detail map + the hide/show toggle
|
||||||
|
// (v0.127.2: manual-only — initial label "Elrejtés", code visible by default).
|
||||||
"nincs előkészített jelszó — a varázsló indításkor automatikusan előkészíti",
|
"nincs előkészített jelszó — a varázsló indításkor automatikusan előkészíti",
|
||||||
"a rendszerjogosultság hiányzik",
|
"a rendszerjogosultság hiányzik",
|
||||||
"Megjelenítés",
|
"Megjelenítés",
|
||||||
|
">Elrejtés</button>",
|
||||||
} {
|
} {
|
||||||
if !strings.Contains(html, want) {
|
if !strings.Contains(html, want) {
|
||||||
t.Errorf("wizard missing %q", want)
|
t.Errorf("wizard missing %q", want)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// v0.127.2 (Viktor's live finding): the code must NOT auto-blur when a verification input
|
||||||
|
// gets focus — the customer types from the screen. The hide toggle is manual-only.
|
||||||
|
if strings.Contains(html, "armCodeBlur") || strings.Contains(html, "onfocus=") {
|
||||||
|
t.Error("auto-blur-on-focus must be gone (manual toggle only)")
|
||||||
|
}
|
||||||
if strings.Contains(html, "érvényét veszti") {
|
if strings.Contains(html, "érvényét veszti") {
|
||||||
t.Error("fresh wizard must not show the re-ceremony supersede warning")
|
t.Error("fresh wizard must not show the re-ceremony supersede warning")
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -71,13 +71,13 @@
|
|||||||
<div id="reveal-shown" style="display:none">
|
<div id="reveal-shown" style="display:none">
|
||||||
<div class="alert alert-warning" style="margin-bottom:.5rem">Ez a kód többé nem jeleníthető meg.</div>
|
<div class="alert alert-warning" style="margin-bottom:.5rem">Ez a kód többé nem jeleníthető meg.</div>
|
||||||
<pre class="mono" id="code-block" style="white-space:pre-wrap;word-break:break-all;background:var(--bg-0);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;font-size:1.05rem"></pre>
|
<pre class="mono" id="code-block" style="white-space:pre-wrap;word-break:break-all;background:var(--bg-0);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;font-size:1.05rem"></pre>
|
||||||
<button type="button" class="btn btn-ghost btn-sm" id="code-blur-toggle" style="display:none" onclick="toggleCodeBlur()">Megjelenítés</button>
|
<button type="button" class="btn btn-ghost btn-sm" id="code-blur-toggle" onclick="toggleCodeBlur()">Elrejtés</button>
|
||||||
<h3 style="margin-top:1.25rem">6. Ellenőrzés</h3>
|
<h3 style="margin-top:1.25rem">6. Ellenőrzés</h3>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label id="verify-label" for="verify-w1">Megerősítés: írja be a kód szavait</label>
|
<label id="verify-label" for="verify-w1">Megerősítés: írja be a kód szavait</label>
|
||||||
<div style="display:flex;gap:.5rem">
|
<div style="display:flex;gap:.5rem">
|
||||||
<input type="text" id="verify-w1" class="form-control" autocomplete="off" style="max-width:180px" onfocus="armCodeBlur()">
|
<input type="text" id="verify-w1" class="form-control" autocomplete="off" style="max-width:180px">
|
||||||
<input type="text" id="verify-w2" class="form-control" autocomplete="off" style="max-width:180px" onfocus="armCodeBlur()">
|
<input type="text" id="verify-w2" class="form-control" autocomplete="off" style="max-width:180px">
|
||||||
</div>
|
</div>
|
||||||
<div id="verify-error" class="alert alert-error" style="display:none;margin-top:.5rem">A megadott szavak nem egyeznek — ellenőrizze a felírt kódot.</div>
|
<div id="verify-error" class="alert alert-error" style="display:none;margin-top:.5rem">A megadott szavak nem egyeznek — ellenőrizze a felírt kódot.</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -254,16 +254,12 @@ async function claimCode(){
|
|||||||
}catch(e){ errEl.textContent='Hiba: '+e.message; errEl.style.display='block'; btn.disabled=false; }
|
}catch(e){ errEl.textContent='Hiba: '+e.message; errEl.style.display='block'; btn.disabled=false; }
|
||||||
}
|
}
|
||||||
|
|
||||||
// Blur-on-verify (v0.127.1, Part 4): the typed-back should exercise the WRITTEN copy, not screen
|
// Manual hide toggle (v0.127.2 — Viktor's live finding reversed the v0.127.1 auto-blur: blurring
|
||||||
// transcription — the first focus on a verification input blurs the code and offers a local
|
// the code the moment a verification input gets focus made typing the words HARDER, since most
|
||||||
// show/hide toggle. R stays in the JS closure throughout; the blur is pure presentation.
|
// customers type from the screen. The code now stays visible; "Elrejtés" is offered from the
|
||||||
var codeBlurred=false, blurArmed=false;
|
// reveal onward for when hiding is wanted, e.g. a screen share). R stays in the JS closure;
|
||||||
function armCodeBlur(){
|
// the blur is pure presentation.
|
||||||
if(blurArmed){ return; }
|
var codeBlurred=false;
|
||||||
blurArmed=true;
|
|
||||||
setCodeBlur(true);
|
|
||||||
document.getElementById('code-blur-toggle').style.display='inline-block';
|
|
||||||
}
|
|
||||||
function setCodeBlur(on){
|
function setCodeBlur(on){
|
||||||
codeBlurred=on;
|
codeBlurred=on;
|
||||||
document.getElementById('code-block').style.filter=on?'blur(6px)':'';
|
document.getElementById('code-block').style.filter=on?'blur(6px)':'';
|
||||||
|
|||||||
Reference in New Issue
Block a user