feat: Shared Wallets/Joint Accounts (Issue #3297) (#3376)

lnbits/templates/components.vue

@@ -9,7 +9,8 @@ include('components/admin/audit.vue') %} {%
 include('components/admin/extensions.vue') %} {%
 include('components/admin/library.vue') %} {%
 include('components/admin/notifications.vue') %} {%
-include('components/admin/server.vue') %}
+include('components/admin/server.vue') %} {%
+include('components/new_user_wallet.vue') %}
 
 <template id="lnbits-wallet-list">
   <q-list
@@ -56,7 +57,12 @@ include('components/admin/server.vue') %}
           <strong v-text="formatBalance(walletRec.sat)"></strong>
         </q-item-label>
       </q-item-section>
-      <q-item-section side v-show="g.wallet && g.wallet.id === walletRec.id">
+      <q-item-section
+        v-if="walletRec.walletType == 'lightning-shared'"
+        side
+        top
+      >
+        <q-icon name="group" :color="walletRec.extra.color" size="xs"></q-icon>
       </q-item-section>
     </q-item>
     <q-item
@@ -75,13 +81,9 @@ include('components/admin/server.vue') %}
         ></q-item-label>
       </q-item-section>
     </q-item>
-    <q-item clickable @click="showForm = !showForm">
+    <q-item clickable @click="createWallet()">
       <q-item-section side>
-        <q-icon
-          :name="showForm ? 'remove' : 'add'"
-          color="grey-5"
-          size="md"
-        ></q-icon>
+        <q-icon name="add" color="grey-5" size="md"></q-icon>
       </q-item-section>
       <q-item-section>
         <q-item-label
@@ -89,25 +91,13 @@ include('components/admin/server.vue') %}
           class="text-caption"
           v-text="$t('add_new_wallet')"
         ></q-item-label>
-      </q-item-section>
-    </q-item>
-    <q-item v-if="showForm">
-      <q-item-section>
-        <q-form @submit="createWallet">
-          <q-input filled dense v-model="walletName" label="Name wallet *">
-            <template v-slot:append>
-              <q-btn
-                round
-                dense
-                flat
-                icon="send"
-                size="sm"
-                @click="createWallet"
-                :disable="walletName === ''"
-              ></q-btn>
-            </template>
-          </q-input>
-        </q-form>
+        <q-item-section v-if="g.user.walletInvitesCount" side>
+          <q-badge>
+            <span
+              v-text="'Wallet Invite (' + g.user.walletInvitesCount + ')'"
+            ></span>
+          </q-badge>
+        </q-item-section>
       </q-item-section>
     </q-item>
   </q-list>