From af472ba8330ef28ff2174a25ed648b156c949e7c Mon Sep 17 00:00:00 2001
From: Uthpala Heenatigala <uiheenatigala@gmail.com>
Date: Fri, 6 Jan 2023 20:34:31 +0100
Subject: [PATCH] fix formatting

---
 .../deezy/templates/deezy/index.html          | 182 ++++++++++++++----
 1 file changed, 145 insertions(+), 37 deletions(-)

diff --git a/lnbits/extensions/deezy/templates/deezy/index.html b/lnbits/extensions/deezy/templates/deezy/index.html
index b1e063628..858d32550 100644
--- a/lnbits/extensions/deezy/templates/deezy/index.html
+++ b/lnbits/extensions/deezy/templates/deezy/index.html
@@ -6,50 +6,105 @@
       <q-card-section>
         <h5 class="text-subtitle1 q-mt-none q-mb-md">Deezy</h5>
         <p class="text-subtitle2 q-mt-none q-mb-md">
-          An access token is required to use the swap service.
-          Email support@deezy.io or contact @dannydeezy on telegram to get one.
+          An access token is required to use the swap service. Email
+          support@deezy.io or contact @dannydeezy on telegram to get one.
         </p>
         <div>
           <div class="flex justify-between items-center">
             <span>Deezy token </span>
-            <q-btn type="button" @click="showDeezyTokenForm = !showDeezyTokenForm">Add or Update token</q-btn>
+            <q-btn
+              type="button"
+              @click="showDeezyTokenForm = !showDeezyTokenForm"
+              >Add or Update token</q-btn
+            >
           </div>
           <p v-if="storedDeezyToken" v-text="storedDeezyToken"></p>
         </div>
-        <q-form v-if="showDeezyTokenForm" @submit="storeDeezyToken" class="q-gutter-md q-mt-lg">
-          <q-input filled dense emit-value :placeholder="storedDeezyToken" v-model.trim="deezyToken" label="Deezy Token"
-            type="text"></q-input>
+        <q-form
+          v-if="showDeezyTokenForm"
+          @submit="storeDeezyToken"
+          class="q-gutter-md q-mt-lg"
+        >
+          <q-input
+            filled
+            dense
+            emit-value
+            :placeholder="storedDeezyToken"
+            v-model.trim="deezyToken"
+            label="Deezy Token"
+            type="text"
+          ></q-input>
           <q-btn color="grey" type="submit" label="Store Deezy Token"></q-btn>
         </q-form>
         <q-separator class="q-my-lg"></q-separator>
         <q-card>
           <q-card-section>
-            <q-btn label="SWAP (LIGHTNING -> BTC)" unelevated color="primary" @click="showLnToBtcForm" :disabled="!storedDeezyToken">
+            <q-btn
+              label="SWAP (LIGHTNING -> BTC)"
+              unelevated
+              color="primary"
+              @click="showLnToBtcForm"
+              :disabled="!storedDeezyToken"
+            >
               <q-tooltip class="bg-grey-8" anchor="bottom left" self="top left">
                 Send lightning btc and receive on-chain btc
               </q-tooltip>
             </q-btn>
-            <q-btn label="SWAP (BTC -> LIGHTNING)" unelevated color="primary"
-              @click="swapBtcToLn.show = true; swapLnToBtc.show = false;" :disabled="!storedDeezyToken">
+            <q-btn
+              label="SWAP (BTC -> LIGHTNING)"
+              unelevated
+              color="primary"
+              @click="swapBtcToLn.show = true; swapLnToBtc.show = false;"
+              :disabled="!storedDeezyToken"
+            >
               <q-tooltip class="bg-grey-8" anchor="bottom left" self="top left">
                 Send on-chain btc and receive via lightning
               </q-tooltip>
             </q-btn>
           </q-card-section>
         </q-card>
-        <div v-show="swapLnToBtc.show" class="q-pa-lg q-pt-xl lnbits__dialog-card">
+        <div
+          v-show="swapLnToBtc.show"
+          class="q-pa-lg q-pt-xl lnbits__dialog-card"
+        >
           <h6 class="q-mt-none">LIGHTNING BTC -> BTC</h6>
           <q-form @submit="sendLnToBtc" class="q-gutter-md">
-            <q-input filled dense emit-value v-model.trim="swapLnToBtc.data.amount" label="Amount (sats)"
-              type="number"></q-input>
-            <q-input filled dense emit-value v-model.trim="swapLnToBtc.data.on_chain_address" type="string"
-              label="Onchain address to receive funds"></q-input>
-            <q-input filled dense emit-value v-model.trim="swapLnToBtc.data.on_chain_sats_per_vbyte"
-              label="On chain fee rate (sats/vbyte)" min="1" type="number"
-              :hint="swapLnToBtc.suggested_fees && `Economy Fee - ${swapLnToBtc.suggested_fees?.economyFee} | Half an hour fee - ${swapLnToBtc.suggested_fees?.halfHourFee} | Fastest fee - ${swapLnToBtc.suggested_fees?.fastestFee}`">
+            <q-input
+              filled
+              dense
+              emit-value
+              v-model.trim="swapLnToBtc.data.amount"
+              label="Amount (sats)"
+              type="number"
+            ></q-input>
+            <q-input
+              filled
+              dense
+              emit-value
+              v-model.trim="swapLnToBtc.data.on_chain_address"
+              type="string"
+              label="Onchain address to receive funds"
+            ></q-input>
+            <q-input
+              filled
+              dense
+              emit-value
+              v-model.trim="swapLnToBtc.data.on_chain_sats_per_vbyte"
+              label="On chain fee rate (sats/vbyte)"
+              min="1"
+              type="number"
+              :hint="swapLnToBtc.suggested_fees && `Economy Fee - ${swapLnToBtc.suggested_fees?.economyFee} | Half an hour fee - ${swapLnToBtc.suggested_fees?.halfHourFee} | Fastest fee - ${swapLnToBtc.suggested_fees?.fastestFee}`"
+            >
             </q-input>
-            <q-btn unelevated color="primary" type="submit" label="Create Swap"></q-btn>
-            <q-btn flat color="grey" class="q-ml-auto" @click="resetSwapLnToBtc">Cancel</q-btn>
+            <q-btn
+              unelevated
+              color="primary"
+              type="submit"
+              label="Create Swap"
+            ></q-btn>
+            <q-btn flat color="grey" class="q-ml-auto" @click="resetSwapLnToBtc"
+              >Cancel</q-btn
+            >
           </q-form>
           <q-dialog v-model="swapLnToBtc.showInvoice" persistent>
             <q-card flat bordered class="my-card">
@@ -62,22 +117,52 @@
                 </div>
               </q-card-section>
               <q-card-section class="q-pt-none">
-                <qrcode :value="swapLnToBtc.response" :options="{width: 360}" class="rounded-borders"></qrcode>
+                <qrcode
+                  :value="swapLnToBtc.response"
+                  :options="{width: 360}"
+                  class="rounded-borders"
+                ></qrcode>
               </q-card-section>
               <q-card-section>
-                <q-btn outline @click="copyLnInvoice" label="Copy" color="primary"></q-btn>
-                <q-input v-model="swapLnToBtc.response" type="textarea" readonly @click="$event.target.select()" />
+                <q-btn
+                  outline
+                  @click="copyLnInvoice"
+                  label="Copy"
+                  color="primary"
+                ></q-btn>
+                <q-input
+                  v-model="swapLnToBtc.response"
+                  type="textarea"
+                  readonly
+                  @click="$event.target.select()"
+                />
               </q-card-section>
             </q-card>
           </q-dialog>
         </div>
-        <div v-show="swapBtcToLn.show" class="q-pa-lg q-pt-xl lnbits__dialog-card">
+        <div
+          v-show="swapBtcToLn.show"
+          class="q-pa-lg q-pt-xl lnbits__dialog-card"
+        >
           <h6 class="q-mt-none">BTC -> LIGHTNING BTC</h6>
           <q-form @submit="sendBtcToLn" class="q-gutter-md">
-            <q-input filled dense emit-value v-model.trim="swapBtcToLn.data.lnurl_or_lnaddress"
-              label="Lnurl or Lightning Address" type="string"></q-input>
-            <q-btn unelevated color="primary" type="submit" label="Generate Onchain Address"></q-btn>
-            <q-btn flat color="grey" class="q-ml-auto" @click="resetSwapBtcToLn">Cancel</q-btn>
+            <q-input
+              filled
+              dense
+              emit-value
+              v-model.trim="swapBtcToLn.data.lnurl_or_lnaddress"
+              label="Lnurl or Lightning Address"
+              type="string"
+            ></q-input>
+            <q-btn
+              unelevated
+              color="primary"
+              type="submit"
+              label="Generate Onchain Address"
+            ></q-btn>
+            <q-btn flat color="grey" class="q-ml-auto" @click="resetSwapBtcToLn"
+              >Cancel</q-btn
+            >
           </q-form>
           <q-dialog v-model="swapBtcToLn.showDetails" persistent>
             <q-card flat bordered class="my-card">
@@ -90,15 +175,28 @@
                 </div>
               </q-card-section>
               <q-card-section>
-                <q-input v-model="swapBtcToLn.response.address" type="textarea" readonly
-                  @click="$event.target.select()" />
+                <q-input
+                  v-model="swapBtcToLn.response.address"
+                  type="textarea"
+                  readonly
+                  @click="$event.target.select()"
+                />
               </q-card-section>
               <q-card-section>
-                <q-btn outline @click="copyBtcToLnBtcAddress" label="Copy Address" color="primary"></q-btn>
+                <q-btn
+                  outline
+                  @click="copyBtcToLnBtcAddress"
+                  label="Copy Address"
+                  color="primary"
+                ></q-btn>
               </q-card-section>
               <q-card-section>
-                <q-input v-model="swapBtcToLn.response.commitment" type="textarea" readonly
-                  @click="$event.target.select()" />
+                <q-input
+                  v-model="swapBtcToLn.response.commitment"
+                  type="textarea"
+                  readonly
+                  @click="$event.target.select()"
+                />
               </q-card-section>
             </q-card>
           </q-dialog>
@@ -135,10 +233,20 @@
     </q-card>
   </div>
   <div class="q-pa-md full-width">
-    <q-table title="Swaps Lightning -> BTC" :data="rowsLnToBtc" :columns="columnsLnToBtc" row-key="name" />
+    <q-table
+      title="Swaps Lightning -> BTC"
+      :data="rowsLnToBtc"
+      :columns="columnsLnToBtc"
+      row-key="name"
+    />
   </div>
   <div class="q-pa-md full-width">
-    <q-table title="Swaps BTC -> Lightning" :data="rowsBtcToLn" :columns="columnsBtcToLn" row-key="name" />
+    <q-table
+      title="Swaps BTC -> Lightning"
+      :data="rowsBtcToLn"
+      :columns="columnsBtcToLn"
+      row-key="name"
+    />
   </div>
 </div>
 {% endblock %} {% block scripts %} {{ window_vars(user) }}
@@ -176,8 +284,8 @@
             align: 'left',
             field: 'fee_sats'
           },
-          { name: 'txid', label: 'Tx Id', align: 'left', field: 'txid' },
-          { name: 'tx_hex', label: 'Tx Hex', align: 'left', field: 'tx_hex' },
+          {name: 'txid', label: 'Tx Id', align: 'left', field: 'txid'},
+          {name: 'tx_hex', label: 'Tx Hex', align: 'left', field: 'tx_hex'},
           {
             name: 'created_at',
             label: 'Created at',
@@ -477,4 +585,4 @@
     }
   })
 </script>
-{% endblock %}
\ No newline at end of file
+{% endblock %}