hide nfc button if not supported on device, per issue #907

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: [],

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