From 902f3c7c6fa48e22fef3d3380b637ec6a5b2dd0b Mon Sep 17 00:00:00 2001
From: Arc <ben@arc.wales>
Date: Fri, 20 Dec 2024 01:26:47 +0000
Subject: [PATCH] format

---
 lnbits/core/templates/core/wallet.html | 142 ++++++++++++-------------
 lnbits/static/js/wallet.js             |  63 ++++++-----
 2 files changed, 102 insertions(+), 103 deletions(-)

diff --git a/lnbits/core/templates/core/wallet.html b/lnbits/core/templates/core/wallet.html
index a47fe49b3..dfd3c77f5 100644
--- a/lnbits/core/templates/core/wallet.html
+++ b/lnbits/core/templates/core/wallet.html
@@ -89,101 +89,101 @@
         </q-scroll-area>
         <div class="row">
           <div class="col-lg-9 col-12">
-            
             <q-card
-
-            :style="$q.screen.lt.md ? {
+              :style="$q.screen.lt.md ? {
               background: $q.screen.lt.md ? 'none !important': ''
             , boxShadow: $q.screen.lt.md ? 'none !important': ''
             , margin: $q.screen.lt.md && mobileSimple ? 'auto !important': ''
             , width: $q.screen.lt.md && mobileSimple ? '90% !important': ''
           } : ''"
-          >
-  
-            <q-card-section>
-              <h3 class="q-my-none text-no-wrap">
-                <strong v-text="formattedBalance"></strong>
-                <small> {{LNBITS_DENOMINATION}}</small>
-                <lnbits-update-balance
-                  :wallet_id="this.g.wallet.id"
-                  @credit-value="handleBalanceUpdate"
-                  class="q-ml-md"
-                ></lnbits-update-balance>
-              </h3>
-  
-              <div class="row">
-                <div class="col">
-                  <div v-if="g.wallet.currency">
-                    <span
-                      class="text-h5 text-italic"
-                      v-text="formattedFiatBalance"
-                      style="opacity: 0.75"
-                    ></span>
+            >
+              <q-card-section>
+                <h3 class="q-my-none text-no-wrap">
+                  <strong v-text="formattedBalance"></strong>
+                  <small> {{LNBITS_DENOMINATION}}</small>
+                  <lnbits-update-balance
+                    :wallet_id="this.g.wallet.id"
+                    @credit-value="handleBalanceUpdate"
+                    class="q-ml-md"
+                  ></lnbits-update-balance>
+                </h3>
+
+                <div class="row">
+                  <div class="col">
+                    <div v-if="g.wallet.currency">
+                      <span
+                        class="text-h5 text-italic"
+                        v-text="formattedFiatBalance"
+                        style="opacity: 0.75"
+                      ></span>
+                    </div>
                   </div>
+                  <div class="col">
+                    <q-btn
+                      @click="mobileSimple = !mobileSimple"
+                      color="primary"
+                      class="float-right lt-md"
+                      size="sm"
+                      flat
+                      :icon="mobileSimple ? 'unfold_more' : 'unfold_less'"
+                      :label="mobileSimple ? $t('more') : $t('less')"
+                    ></q-btn>
+                  </div>
+                </div>
+              </q-card-section>
+              <div class="row q-pb-md q-px-md q-col-gutter-md gt-sm">
+                <div class="col">
+                  <q-btn
+                    unelevated
+                    color="primary"
+                    class="full-width"
+                    @click="showParseDialog"
+                    :label="$t('paste_request')"
+                  ></q-btn>
                 </div>
                 <div class="col">
                   <q-btn
-                    @click="mobileSimple = !mobileSimple"
+                    unelevated
                     color="primary"
-                    class="float-right lt-md"
-                    size="sm"
-                    flat
-                    :icon="mobileSimple ? 'unfold_more' : 'unfold_less'"
-                    :label="mobileSimple ? $t('more') : $t('less')"
+                    class="full-width"
+                    @click="showReceiveDialog"
+                    :label="$t('create_invoice')"
                   ></q-btn>
                 </div>
+                <div class="col">
+                  <q-btn
+                    unelevated
+                    color="secondary"
+                    icon="photo_camera"
+                    @click="showCamera"
+                    :label="$t('scan')"
+                  >
+                    <q-tooltip
+                      ><span v-text="$t('camera_tooltip')"></span
+                    ></q-tooltip>
+                  </q-btn>
+                </div>
               </div>
-            </q-card-section>
-            <div class="row q-pb-md q-px-md q-col-gutter-md gt-sm">
-              <div class="col">
-                <q-btn
-                  unelevated
-                  color="primary"
-                  class="full-width"
-                  @click="showParseDialog"
-                  :label="$t('paste_request')"
-                ></q-btn>
-              </div>
-              <div class="col">
-                <q-btn
-                  unelevated
-                  color="primary"
-                  class="full-width"
-                  @click="showReceiveDialog"
-                  :label="$t('create_invoice')"
-                ></q-btn>
-              </div>
-              <div class="col">
-                <q-btn
-                  unelevated
-                  color="secondary"
-                  icon="photo_camera"
-                  @click="showCamera"
-                  :label="$t('scan')"
-                >
-                  <q-tooltip
-                    ><span v-text="$t('camera_tooltip')"></span
-                  ></q-tooltip>
-                </q-btn>
-              </div>
-            </div>
-          </q-card>
-            
+            </q-card>
           </div>
           <div class="col-3" v-show="$q.screen.gt.md">
-            <q-card class="q-ml-md  q-pa-none "  style="height: 135px;">
-              <q-card-section style=" padding: 0;">
+            <q-card class="q-ml-md q-pa-none" style="height: 135px">
+              <q-card-section style="padding: 0">
                 <canvas
                   ref="transactionChart"
-                  style="height: 135px; width: 100%; margin: 0; padding: 0; transform: translate(-2%, 4%);"
+                  style="
+                    height: 135px;
+                    width: 100%;
+                    margin: 0;
+                    padding: 0;
+                    transform: translate(-2%, 4%);
+                  "
                 ></canvas>
               </q-card-section>
             </q-card>
           </div>
         </div>
 
-
-        
         <q-card
           :style="
           $q.screen.lt.md
diff --git a/lnbits/static/js/wallet.js b/lnbits/static/js/wallet.js
index 53eaa8b0a..a15ac6051 100644
--- a/lnbits/static/js/wallet.js
+++ b/lnbits/static/js/wallet.js
@@ -101,13 +101,13 @@ window.app = Vue.createApp({
   },
   methods: {
     computeCumulativeBalance(transactions) {
-      let balance = 0;
+      let balance = 0
       return transactions.map(transaction => {
-        balance += transaction.amount; // Use the amount field for the balance
-        return balance;
-      });
+        balance += transaction.amount // Use the amount field for the balance
+        return balance
+      })
     },
-    
+
     initCharts() {
       this.transactionChart = new Chart(
         this.$refs.transactionChart.getContext('2d'),
@@ -118,49 +118,49 @@ window.app = Vue.createApp({
             maintainAspectRatio: false,
             layout: {
               padding: 0,
-              margin: 0,
+              margin: 0
             },
             plugins: {
               legend: {
-                display: false,
+                display: false
               },
               title: {
-                display: false,
+                display: false
               },
               tooltip: {
                 enabled: true, // Enable tooltips to show data on hover
                 callbacks: {
                   // Custom tooltip callback to show amount and time
-                  label: (tooltipItem) => {
-                    const index = tooltipItem.dataIndex;
-                    const transaction = this.transactions[index]; // Match tooltip point with transaction
-                    const amount = transaction.amount;
+                  label: tooltipItem => {
+                    const index = tooltipItem.dataIndex
+                    const transaction = this.transactions[index] // Match tooltip point with transaction
+                    const amount = transaction.amount
                     return [
-                      `Balance: ${tooltipItem.raw /1000}sats`, // Display cumulative balance
-                      `Amount: ${amount / 1000}sats`,
-                    ];
-                  },
-                },
-              },
+                      `Balance: ${tooltipItem.raw / 1000}sats`, // Display cumulative balance
+                      `Amount: ${amount / 1000}sats`
+                    ]
+                  }
+                }
+              }
             },
             elements: {
               point: {
                 radius: 4, // Points will now be visible
-                hoverRadius: 6, // Increase point size on hover
-              },
+                hoverRadius: 6 // Increase point size on hover
+              }
             },
             scales: {
               x: {
-                display: false,
+                display: false
               },
               y: {
-                display: false,
-              },
-            },
+                display: false
+              }
+            }
           },
           data: {
-            labels: this.transactions.map(tx =>
-              new Date(tx.time).toLocaleString()  // Use time for labels
+            labels: this.transactions.map(
+              tx => new Date(tx.time).toLocaleString() // Use time for labels
             ),
             datasets: [
               {
@@ -170,14 +170,13 @@ window.app = Vue.createApp({
                 borderColor: this.primaryColor,
                 borderWidth: 2,
                 fill: true,
-                tension: 0.2,
-              },
-            ],
-          },
+                tension: 0.2
+              }
+            ]
+          }
         }
-      );
+      )
     },
-    
 
     msatoshiFormat(value) {
       return LNbits.utils.formatSat(value / 1000)