Added template banner

lnbits/core/templates/core/wallet.html

@@ -277,7 +277,7 @@
   {% if HIDE_API %}
   <div class="col-12 col-md-4 q-gutter-y-md">
     {% else %}
-    <div class="col-12 col-md-5 q-gutter-y-md"></div>
+    <div class="col-12 col-md-5 q-gutter-y-md">
       <q-card>
         <q-card-section>
           <h6 class="text-subtitle1 q-mt-none q-mb-sm">
@@ -292,12 +292,16 @@
             <q-separator></q-separator>
 
             {% if wallet.lnurlwithdraw_full %}
-          <q-expansion-item group="extras" icon="crop_free" label="Drain Funds">
+            <q-expansion-item
+              group="extras"
+              icon="crop_free"
+              label="Drain Funds"
+            >
               <q-card>
                 <q-card-section class="text-center">
                   <p>
-                  This is an LNURL-withdraw QR code for slurping everything from
-                  this wallet. Do not share with anyone.
+                    This is an LNURL-withdraw QR code for slurping everything
+                    from this wallet. Do not share with anyone.
                   </p>
                   <a href="lightning:{{wallet.lnurlwithdraw_full}}">
                     <qrcode
@@ -307,8 +311,8 @@
                   </a>
                   <p>
                     It is compatible with <code>balanceCheck</code> and
-                  <code>balanceNotify</code> so your wallet may keep pulling the
-                  funds continuously from here after the first withdraw.
+                    <code>balanceNotify</code> so your wallet may keep pulling
+                    the funds continuously from here after the first withdraw.
                   </p>
                 </q-card-section>
               </q-card>
@@ -382,12 +386,17 @@
           </q-list>
         </q-card-section>
       </q-card>
-    {% endif %} {% if AD_SPACE %} {% for AD in AD_SPACE %}
-    <img width="100%" src="{{ AD }}" /> {% endfor %} {% endif %}
+      {% endif %} {% if AD_SPACE %} {% for ADS in AD_SPACE %} {% set AD =
+      ADS.split(';') %}
+      <q-card>
+        <a href="{{ AD[0] }}"
+          ><img width="100%" src="{{ AD[1] }}"
+        /></a> </q-card
+      >{% endfor %} {% endif %}
+    </div>
   </div>
-</div>
 
-<q-dialog v-model="receive.show" @hide="closeReceiveDialog">
+  <q-dialog v-model="receive.show" @hide="closeReceiveDialog">
     {% raw %}
     <q-card
       v-if="!receive.paymentReq"
@@ -453,7 +462,9 @@
             </span>
             <span v-else> Create invoice </span>
           </q-btn>
-        <q-btn v-close-popup flat color="grey" class="q-ml-auto">Cancel</q-btn>
+          <q-btn v-close-popup flat color="grey" class="q-ml-auto"
+            >Cancel</q-btn
+          >
         </div>
         <q-spinner
           v-if="receive.status == 'loading'"
@@ -482,14 +493,14 @@
       </div>
     </q-card>
     {% endraw %}
-</q-dialog>
+  </q-dialog>
 
-<q-dialog v-model="parse.show" @hide="closeParseDialog">
+  <q-dialog v-model="parse.show" @hide="closeParseDialog">
     <q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
       <div v-if="parse.invoice">
         <h6 v-if="'{{LNBITS_DENOMINATION}}' != 'sats'" class="q-my-none">
-        {% raw %} {{ parseFloat(String(parse.invoice.fsat).replaceAll(",", ""))
-        / 100 }} {% endraw %} {{LNBITS_DENOMINATION}} {% raw %}
+          {% raw %} {{ parseFloat(String(parse.invoice.fsat).replaceAll(",",
+          "")) / 100 }} {% endraw %} {{LNBITS_DENOMINATION}} {% raw %}
         </h6>
         <h6 v-else class="q-my-none">
           {{ parse.invoice.fsat }}{% endraw %} {{LNBITS_DENOMINATION}} {% raw %}
@@ -503,13 +514,17 @@
         {% endraw %}
         <div v-if="canPay" class="row q-mt-lg">
           <q-btn unelevated color="primary" @click="payInvoice">Pay</q-btn>
-        <q-btn v-close-popup flat color="grey" class="q-ml-auto">Cancel</q-btn>
+          <q-btn v-close-popup flat color="grey" class="q-ml-auto"
+            >Cancel</q-btn
+          >
         </div>
         <div v-else class="row q-mt-lg">
           <q-btn unelevated disabled color="yellow" text-color="black"
             >Not enough funds!</q-btn
           >
-        <q-btn v-close-popup flat color="grey" class="q-ml-auto">Cancel</q-btn>
+          <q-btn v-close-popup flat color="grey" class="q-ml-auto"
+            >Cancel</q-btn
+          >
         </div>
       </div>
       <div v-else-if="parse.lnurlauth">
@@ -522,8 +537,8 @@
           <p>
             For every website and for every LNbits wallet, a new keypair will be
             deterministically generated so your identity can't be tied to your
-          LNbits wallet or linked across websites. No other data will be shared
-          with {{ parse.lnurlauth.domain }}.
+            LNbits wallet or linked across websites. No other data will be
+            shared with {{ parse.lnurlauth.domain }}.
           </p>
           <p>Your public key for <b>{{ parse.lnurlauth.domain }}</b> is:</p>
           <p class="q-mx-xl">
@@ -543,7 +558,8 @@
         <q-form @submit="payLnurl" class="q-gutter-md">
           <p v-if="parse.lnurlpay.fixed" class="q-my-none text-h6">
             <b>{{ parse.lnurlpay.domain }}</b> is requesting {{
-          parse.lnurlpay.maxSendable | msatoshiFormat }} {{LNBITS_DENOMINATION}}
+            parse.lnurlpay.maxSendable | msatoshiFormat }}
+            {{LNBITS_DENOMINATION}}
             <span v-if="parse.lnurlpay.commentAllowed > 0">
               <br />
               and a {{parse.lnurlpay.commentAllowed}}-char comment
@@ -648,12 +664,15 @@
         </div>
       </div>
     </q-card>
-</q-dialog>
+  </q-dialog>
 
-<q-dialog v-model="parse.camera.show">
+  <q-dialog v-model="parse.camera.show">
     <q-card class="q-pa-lg q-pt-xl">
       <div class="text-center q-mb-lg">
-      <qrcode-stream @decode="decodeQR" class="rounded-borders"></qrcode-stream>
+        <qrcode-stream
+          @decode="decodeQR"
+          class="rounded-borders"
+        ></qrcode-stream>
       </div>
       <div class="row q-mt-lg">
         <q-btn @click="closeCamera" flat color="grey" class="q-ml-auto"
@@ -661,20 +680,20 @@
         >
       </div>
     </q-card>
-</q-dialog>
+  </q-dialog>
 
-<q-dialog v-model="paymentsChart.show">
+  <q-dialog v-model="paymentsChart.show">
     <q-card class="q-pa-sm" style="width: 800px; max-width: unset">
       <q-card-section>
         <canvas ref="canvas" width="600" height="400"></canvas>
       </q-card-section>
     </q-card>
-</q-dialog>
-<q-tabs
+  </q-dialog>
+  <q-tabs
     class="lt-md fixed-bottom left-0 right-0 bg-primary text-white shadow-2 z-max"
     active-class="px-0"
     indicator-color="transparent"
->
+  >
     <q-tab
       icon="account_balance_wallet"
       label="Wallets"
@@ -686,10 +705,10 @@
     </q-tab>
 
     <q-tab icon="photo_camera" label="Scan" @click="showCamera"> </q-tab>
-</q-tabs>
-{% if service_fee > 0 %}
-<div ref="disclaimer"></div>
-<q-dialog v-model="disclaimerDialog.show">
+  </q-tabs>
+  {% if service_fee > 0 %}
+  <div ref="disclaimer"></div>
+  <q-dialog v-model="disclaimerDialog.show">
     <q-card class="q-pa-lg">
       <h6 class="q-my-md text-deep-purple">Warning</h6>
       <p>
@@ -701,10 +720,10 @@
       </p>
       <p>
         This service is in BETA, and we hold no responsibility for people losing
-      access to funds. To encourage you to run your own LNbits installation, any
-      balance on {% raw %}{{ disclaimerDialog.location.host }}{% endraw %} will
-      incur a charge of <strong>{{ service_fee }}% service fee</strong> per
-      week.
+        access to funds. To encourage you to run your own LNbits installation,
+        any balance on {% raw %}{{ disclaimerDialog.location.host }}{% endraw %}
+        will incur a charge of
+        <strong>{{ service_fee }}% service fee</strong> per week.
       </p>
       <div class="row q-mt-lg">
         <q-btn
@@ -718,5 +737,6 @@
         >
       </div>
     </q-card>
-</q-dialog>
-{% endif %} {% endblock %}
+  </q-dialog>
+  {% endif %} {% endblock %}
+</div>