feat: move disclaimer from wallet.html into vue component (#3536)

2025-11-21 08:39:17 +01:00
parent 9f4ed53888
commit 5346ac47b1
12 changed files with 66 additions and 62 deletions
@@ -33,6 +33,7 @@
  <body data-theme="bitcoin">
    <div id="vue">
      <q-layout view="hHh lpR lfr" v-cloak>
+        <lnbits-disclaimer></lnbits-disclaimer>
        <lnbits-theme></lnbits-theme>
        <lnbits-header></lnbits-header>
        {% block drawer %}
@@ -10,6 +10,7 @@ include('components/admin/extensions.vue') %} {%
 include('components/admin/assets-config.vue') %} {%
 include('components/admin/notifications.vue') %} {%
 include('components/admin/server.vue') %} {%
+include('components/lnbits-disclaimer.vue') %} {%
 include('components/lnbits-footer.vue') %} {%
 include('components/lnbits-header.vue') %} {%
 include('components/lnbits-header-wallets.vue') %} {%
@@ -0,0 +1,28 @@
+<template id="lnbits-disclaimer">
+  <q-dialog v-model="showDisclaimer" position="top">
+    <q-card class="q-pa-lg">
+      <h6
+        class="q-my-md text-primary"
+        v-text="$t('disclaimer_dialog_title')"
+      ></h6>
+      <p class="whitespace-pre-line" v-text="$t('disclaimer_dialog')"></p>
+      <div class="row q-mt-lg">
+        <q-btn
+          outline
+          color="grey"
+          type="a"
+          href="/account"
+          :label="$t('my_account')"
+        ></q-btn>
+        <q-btn
+          v-close-popup
+          flat
+          color="grey"
+          class="q-ml-auto"
+          :label="$t('i_understand')"
+          @click="g.disclaimerShown = !g.disclaimerShown"
+        ></q-btn>
+      </div>
+    </q-card>
+  </q-dialog>
+</template>