refactor: payment component

lnbits/extensions/watchonly/static/components/payment/payment.html

@@ -1,12 +1,6 @@
 <div>
   <q-form @submit="checkAndSend" class="q-gutter-md">
-    <q-tabs v-model="paymentTab" no-caps class="bg-dark text-white shadow-2">
+    <q-card class="q-mt-lg">
-      <q-tab name="destination" label="Send To"></q-tab>
-      <q-tab name="coinControl" label="Coin Select"></q-tab>
-    </q-tabs>
-    <q-tab-panels v-model="paymentTab">
-      <q-tab-panel name="destination">
-        <q-card>
       <q-card-section>
         <send-to
           :data.sync="sendToList"
@@ -38,17 +32,12 @@
                 {{feeRate}} sats/vbyte</span
               >
               <span class="q-ml-lg">Fee:</span>
-                  <span class="text-subtitle2 q-ml-md">
+              <span class="text-subtitle2 q-ml-md"> {{satBtc(feeValue)}} </span>
-                    {{satBtc(feeValue)}}
-                  </span>
             </div>
           </div>
         </div>
 
-            <div
+        <div v-show="showCustomFee" class="row items-center no-wrap q-mt-md">
-              v-show="showCustomFee"
-              class="row items-center no-wrap q-mt-md"
-            >
           <div class="col-12">
             <q-separator class="q-mb-md"></q-separator>
             <fee-rate :fee-value="feeValue" :rate.sync="feeRate"></fee-rate>
@@ -72,9 +61,7 @@
           <div class="col-8">
             <div class="float-right">
               <span>Balance:</span>
-                  <span class="text-subtitle2 q-ml-md">
+              <span class="text-subtitle2 q-ml-md"> {{satBtc(balance)}} </span>
-                    {{satBtc(balance)}}
-                  </span>
               <span class="q-ml-lg">Selected:</span>
               <span class="text-subtitle2 q-ml-md">
                 {{satBtc(selectedAmount)}}
@@ -83,10 +70,7 @@
           </div>
         </div>
 
-            <div
+        <div v-show="showCoinSelect" class="row items-center no-wrap q-mt-md">
-              v-show="showCoinSelect"
-              class="row items-center no-wrap q-mt-md"
-            >
           <div class="col-12">
             <q-separator class="q-mb-md"></q-separator>
             <utxo-list
@@ -195,13 +179,5 @@
         </q-badge>
       </div>
     </div>
-      </q-tab-panel>
-
-      <q-tab-panel name="coinControl">
-        <q-card class="q-mb-lg">
-          <q-card-section> </q-card-section>
-        </q-card>
-      </q-tab-panel>
-    </q-tab-panels>
   </q-form>
 </div>

lnbits/extensions/watchonly/static/components/serial-signer/serial-signer.html

@@ -9,7 +9,7 @@
   >
     <q-list>
       <q-item v-if="!selectedPort" clickable v-close-popup>
-        <q-item-section >
+        <q-item-section>
           <q-item-label>Configure</q-item-label>
           <q-item-label caption
             >Set the Serial Port communication parameters</q-item-label

lnbits/extensions/watchonly/templates/watchonly/index.html

@@ -403,16 +403,17 @@
           </q-tab-panel>
         </q-tab-panels>
       </q-card-section>
-      <q-card-section v-show="showPayment">
+    </q-card>
+    <div class="q-mt-lg">
       <payment
+        v-show="showPayment"
         :accounts="walletAccounts"
         :addresses="addresses"
         :utxos="utxos.data"
         :adminkey="g.user.wallets[0].adminkey"
       ></payment>
       <!-- todo: no more utxos.data -->
-      </q-card-section>
+    </div>
-    </q-card>
   </div>
 
   {% endraw %}