UI updated

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

@@ -14,12 +14,13 @@ new Vue({
   mixins: [windowMixin],
   data: function () {
     return { 
+      toggleAdvanced: false,
       cards: [],
       hits: [],
       withdrawsOptions: [],
       cardDialog: {
         show: false,
-        data: {},
+        data: {counter:1},
         temp: {}
       },
       cardsTable: {
@@ -193,6 +194,7 @@ new Vue({
       this.cardDialog.data = {}
     },
     sendFormData: function () {
+      this.generateKeys()
       let wallet = _.findWhere(this.g.user.wallets, {
         id: this.cardDialog.data.wallet
       })

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

@@ -171,9 +171,13 @@
           v-model.trim="cardDialog.data.uid"
           type="text"
           label="Card UID"
-          hint="Card unique identificator (7 bytes in HEX)."
-        >
+        ><q-tooltip>From the NFC 424 ntag card that will be loaded</q-tooltip>
         </q-input>
+        <q-toggle
+      v-model="toggleAdvanced"
+      label="Show advanced options"
+    ></q-toggle>
+    <div v-if="toggleAdvanced">
         <q-input
           filled
           dense
@@ -214,6 +218,15 @@
             >Zero if you don't know.</q-tooltip
           ></q-input
         >
+        <q-btn
+            unelevated
+            color="primary"
+            class="q-ml-auto"
+            v-on:click="generateKeys"
+            v-on:click.right="debugKeys"
+            >Generate keys</q-btn
+          >
+      </div>  
         <div class="row q-mt-lg">
           <q-btn
             v-if="cardDialog.data.id"
@@ -230,14 +243,6 @@
             type="submit"
             >Create Card</q-btn
           >
-          <q-btn
-            flat
-            color="grey"
-            class="q-ml-auto"
-            v-on:click="generateKeys"
-            v-on:click.right="debugKeys"
-            >Generate keys</q-btn
-          >
           <q-btn v-close-popup flat color="grey" class="q-ml-auto"
             >Cancel</q-btn
           >