surface the ID

lnbits/extensions/boltcards/static/js/index.js

@@ -24,6 +24,12 @@ new Vue({
       },
       cardsTable: {
         columns: [
+          {
+            name: 'id',
+            align: 'left',
+            label: 'ID',
+            field: 'id'
+          },
           {
             name: 'card_name',
             align: 'left',
@@ -156,6 +162,7 @@ new Vue({
 
       this.qrCodeDialog.data = {
         link: window.location.origin + '/boltcards/api/v1/auth?a=' + card.otp,
+        id: card.id,
         name: card.card_name,
         uid: card.uid,
         k0: card.k0,

lnbits/extensions/boltcards/templates/boltcards/index.html

@@ -260,6 +260,7 @@
         (QR code is for setting the keys with bolt-nfc-android-app)
       </p>
       <p style="word-break: break-all">
+        <strong>ID:</strong> {{qrCodeDialog.data.id}}<br />
         <strong>Name:</strong> {{ qrCodeDialog.data.name }}<br />
         <strong>UID:</strong> {{ qrCodeDialog.data.uid }}<br />
         <strong>Lock key:</strong> {{ qrCodeDialog.data.k0 }}<br />