klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-10-31 00:53:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Create nice animation when scanning nfc cards

Browse Source
This commit is contained in:
Antoine Bartuccio
2024-11-14 11:26:49 +01:00
committed by Bartuccio Antoine
parent fce6c3d29c
commit 9991f5dc64
4 changed files with 43 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
core/static/webpack/core/components/nfc-input-index.ts
View File

@@ -19,13 +19,16 @@ export class NfcInput extends inheritHtmlElement("input") {
button.addEventListener("click", async () => {
// biome-ignore lint/correctness/noUndeclaredVariables: browser API
const ndef = new NDEFReader();
this.setAttribute("scan", "active");
await ndef.scan();
ndef.addEventListener("readingerror", () => {
this.removeAttribute("scan");
window.alert(gettext("Unsupported NFC card"));
});
// biome-ignore lint/correctness/noUndeclaredVariables: browser API
ndef.addEventListener("reading", (event: NDEFReadingEvent) => {
this.removeAttribute("scan");
this.node.value = event.serialNumber.replace(/:/g, "").toUpperCase();
/* Auto submit form, we need another button to not trigger our previously defined click event */
const submit = document.createElement("button");