44r0n7/pi-kit
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases 10 Wiki Activity

Onboarding: clean QR block, copy button label restore

Browse Source
This commit is contained in:
Aaron
2025-12-13 15:17:39 -05:00
parent 4f05f58f45
commit 06e8e25aad
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
pikit-web/onboarding/index.html
View File

@@ -79,20 +79,18 @@
<button id="continueBtn">Go to secure dashboard</button>
</section>
<section class="qr-wrap">
<div class="qr-block">
<div>
<p class="qr-title">Use your phone</p>
<p class="subtle tiny">Scan to open http://pikit.local</p>
</div>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAklEQVR4AewaftIAAAWtSURBVO3BsXUlWQ5EwSTO1yhRpyNQYBaMeGZBgVsrjDDKZPWe6i2S03sj3vT+8SkA/ygEwAoBsEIArBAAKwTACgGwQgCsl34lp/Un2TpyclpXto6cnNa/ydbRXTmtP8nWkRECYIUAWCEAVgiAFQJghQBYL/2OraOfJqf1lJzWE7aOnJzWE3JaV7aO7to6+mlyWjeEAFghAFYIgBUCYIUAWCEAVgiA9dKTclpP2Dr6abaOnrB1dCWn5WwdOTmt75DTesLW0QNCAKwQACsEwAoBsEIArBAA6yX8b+S0nK2ju3JaV7aOnJyWs3WEXwoBsEIArBAAKwTACgGwQgCsEADrJfz3to6cnJaT03pKTguPCQGwQgCsEAArBMAKAbBCAKyXnrR19G+ydXTX1pGT07qydXRXTuuOnNaVraMnbB39i4QAWCEAVgiAFQJghQBYIQDWS78jp/UnyWld2TpyclrO1tGVnJazdXTX1pGT03pKTusPEQJghQBYIQBWCIAVAmCFAFghANab3j8+hb/ktO7aOnJyWle2jvAjhQBYIQBWCIAVAmCFAFghANZLvyOnddfW0ZWclrN15OS07to6uiun5WwdXclpOVtHT8hpXdk6cnJaV7aOnJzWT7N1ZIQAWCEAVgiAFQJghQBYIQBWCID10q/ktJytoys5rbu2jpyclrN19JSclrN15OS0rmwdOTmtK1tHT8hpPWHr6DvktG4IAbBCAKwQACsEwAoBsEIArDe9f3zqKTmtu7aOnJzWE7aO7sppPWHr6EpOy9k6+g45rTu2jq7ktJ6wdWSEAFghAFYIgBUCYIUAWCEA1ku/ktNyto6ubB3dldO6Y+vorpzWla2jO7aOruS0nJzWE3JaV7aOnJzWd9g6cnJaV7aObggBsEIArBAAKwTACgGwQgCsEADrpe+S07qydXRHTuvfZuvorpyWk9O6K6d119bRHTmtK1tHd+W0nK0jIwTACgGwQgCsEAArBMAKAbDe9P7xqZ8op+VsHT0hp3XX1tFdOa0nbB05Oa2nbB3dkdO6snV0V07L2ToyQgCsEAArBMAKAbBCAKwQACsEwHrpV3JaztbRlZyWs3X0hJzWla0jZ+voSk7rCVtHTk7rO2wdPSGn5WwdXclpfbEQACsEwAoBsEIArBAAKwTAetP7x6fuymld2Tp6Qk7L2Tp6Sk7rq20d3ZXTumvr6K6clrN15OS0rmwdOTmtK1tHN4QAWCEAVgiAFQJghQBYIQDWm94/PnUlp+VsHX2HnNZ32DpyclrO1tFTclr/L7aOvlgIgBUCYIUAWCEAVgiAFQJghQBYb3r/+BT+ktO6snXk5LScraMrOS1n6+iunNZdW0dPyGn9NFtHRgiAFQJghQBYIQBWCIAVAmC99Cs5rT/J1tFdOa07clpXto6cnNaVraOvltO6snV0x9bRXTmtB4QAWCEAVgiAFQJghQBYIQBWCID10u/YOvppclp3bR1dyWndsXX0HbaOnJzWXVtHT8hpXdk6+mIhAFYIgBUCYIUAWCEAVgiA9dKTclpP2Dp6Qk7rytbRV9s6+g45ra+2dXTX1tGVnNYNIQBWCIAVAmCFAFghAFYIgPUS/rZ1dCWndcfW0ZWc1l1bR05O666toyfktO7KaTlbR1e2jm4IAbBCAKwQACsEwAoBsEIArBAA6yX8Lad1ZevIyWk5Oa0rW0d35bTu2Dq6ktNyto6u5LTuyGld2Tq6K6flbB0ZIQBWCIAVAmCFAFghAFYIgPXSk7aO/iQ5LWfryMlpXclp3bV15OS0nJzWla2ju7aOnJzWE3JaV7aObggBsEIArBAAKwTACgGwQgCsEADrpd+R0/qTbB3dldO6a+voCVtHTk7rrpzWXVtH3yGn5WwdGSEAVgiAFQJghQBYIQBWCID1pvePTwH4RyEAVgiAFQJghQBYIQBWCID1H2sRkkI2gzaOAAAAAElFTkSuQmCC\" alt=\"QR code to http://pikit.local\" />\n </div>\n </section>\n*** End Patch
<img src="data:image/png;base64,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" alt="QR code to http://pikit.local" />
</div>
</section>
<p class="footnote">Once trusted, this page will auto-forward you to the secure dashboard.</p>
<p class="footnote">If the hostname ever fails, try http://&lt;pi-ip&gt;/ (or https://&lt;pi-ip&gt;/ — your browser will show the same warning to bypass).</p>
</main>
<p class="footnote">If the hostname ever fails, try http://<pi-ip>/ (or https://<pi-ip>/ — your browser will show the same warning to bypass).</p>
<script>
(function () {
@@ -123,16 +121,18 @@
document.execCommand("copy");
document.body.removeChild(ta);
}
const original = btn.dataset.label || btn.textContent;
btn.textContent = "Copied";
copyStatus.textContent = "Copied to clipboard.";
setTimeout(() => {
btn.textContent = "Copy";
btn.textContent = original;
copyStatus.textContent = "";
}, 1600);
} catch (err) {
const original = btn.dataset.label || btn.textContent;
btn.textContent = "Failed";
copyStatus.textContent = "Copy failed. Try manual copy.";
setTimeout(() => (btn.textContent = "Copy"), 1500);
setTimeout(() => (btn.textContent = original), 1500);
}
});
});