From ad60c1614e6cb47724d17697da55605b3807abbb Mon Sep 17 00:00:00 2001
From: Lee Salminen <leesalminen@gmail.com>
Date: Tue, 30 Aug 2022 08:06:05 -0600
Subject: [PATCH] hide nfc button if not supported on device, per issue #907

---
 lnbits/extensions/boltcards/static/js/index.js             | 1 +
 lnbits/extensions/boltcards/templates/boltcards/index.html | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/lnbits/extensions/boltcards/static/js/index.js b/lnbits/extensions/boltcards/static/js/index.js
index a2376de3..68dc319f 100644
--- a/lnbits/extensions/boltcards/static/js/index.js
+++ b/lnbits/extensions/boltcards/static/js/index.js
@@ -16,6 +16,7 @@ new Vue({
     return {
       toggleAdvanced: false,
       nfcTagReading: false,
+      nfcSupported: typeof NDEFReader != 'undefined',
       lnurlLink: `${window.location.host}/boltcards/api/v1/scan/`,
       cards: [],
       hits: [],
diff --git a/lnbits/extensions/boltcards/templates/boltcards/index.html b/lnbits/extensions/boltcards/templates/boltcards/index.html
index 96d9c9d0..26af61f2 100644
--- a/lnbits/extensions/boltcards/templates/boltcards/index.html
+++ b/lnbits/extensions/boltcards/templates/boltcards/index.html
@@ -251,7 +251,7 @@
         >
         </q-input>
         <div class="row">
-          <div class="col-10">
+          <div v-bind:class="{'col-10': nfcSupported, 'col-12': !nfcSupported}">
             <q-input
               filled
               dense
@@ -265,7 +265,7 @@
               >
             </q-input>
           </div>
-          <div class="col-2 q-pl-sm">
+          <div class="col-2 q-pl-sm" v-if="nfcSupported">
             <q-btn
               outline
               disable