Add read button as user gesture

JosefuMealsom · Jun 24, 2024 · 5b6b294 · 5b6b294
1 parent 34196c2
commit 5b6b294
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 33 deletions.
diff --git a/static/main.js b/static/main.js
@@ -1,37 +1,44 @@
-const ndef = new NDEFReader();
-let ignoreRead = false;
-
-function read(data) {
-    ignoreRead = true;
-    return new Promise((resolve, reject) => {
-        ndef.addEventListener(
-            "reading",
-            (event) => {
-                console.log("reading");
-            },
-            { once: false },
-        );
-    });
-}
-
-const content = document.getElementById("content");
-let count = 0;
-
-async function runApplication() {
-    while (true) {
-        await ndef.scan();
-
-        count++;
-
-        content.textContent = `Scanned items = ${count}`;
-        const sleepTimer = new Promise((resolve) => {
-            setTimeout(() => {
-                resolve();
-            }, 500);
+const content = document.getElementById("read-button");
+
+content.addEventListener("click", triggerRead);
+
+function triggerRead() {
+
+    const ndef = new NDEFReader();
+    let ignoreRead = false;
+
+    function read(data) {
+        ignoreRead = true;
+        return new Promise((resolve, reject) => {
+            ndef.addEventListener(
+                "reading",
+                (event) => {
+                    console.log("reading");
+                },
+                { once: false },
+            );
         });
+    }
+
+    const content = document.getElementById("content");
+    let count = 0;
+
+    async function runApplication() {
+        while (true) {
+            await ndef.scan();
+
+            count++;
+
+            content.textContent = `Scanned items = ${count}`;
+            const sleepTimer = new Promise((resolve) => {
+                setTimeout(() => {
+                    resolve();
+                }, 500);
+            });
 
-        await sleepTimer;
+            await sleepTimer;
+        }
     }
-}
 
-runApplication();
+    runApplication();
+}
diff --git a/templates/index.html b/templates/index.html
@@ -12,6 +12,7 @@
 <body style="margin: 0; padding:0;">
     <h1>NFC Reader</h1>
     <div id="content"></div>
+    <button id="read-button">Read NFC tag</button>
 </body>
 
 </html>