refactor: move _wallet-share.html to vue component (#3522)

lnbits/static/js/components/lnbits-wallet-share.js

@@ -0,0 +1,99 @@
+window.app.component('lnbits-wallet-share', {
+  template: '#lnbits-wallet-share',
+  mixins: [window.windowMixin],
+  computed: {
+    walletApprovedShares() {
+      return this.g.wallet.extra.shared_with.filter(
+        s => s.status === 'approved'
+      )
+    },
+    walletPendingRequests() {
+      return this.g.wallet.extra.shared_with.filter(
+        s => s.status === 'request_access'
+      )
+    },
+    walletPendingInvites() {
+      return this.g.wallet.extra.shared_with.filter(
+        s => s.status === 'invite_sent'
+      )
+    }
+  },
+  data() {
+    return {
+      permissionOptions: [
+        {label: 'View', value: 'view-payments'},
+        {label: 'Receive', value: 'receive-payments'},
+        {label: 'Send', value: 'send-payments'}
+      ],
+      walletShareInvite: {
+        unsername: '',
+        permissions: []
+      }
+    }
+  },
+  methods: {
+    async updateSharePermissions(permission) {
+      try {
+        const {data} = await LNbits.api.request(
+          'PUT',
+          '/api/v1/wallet/share',
+          this.g.wallet.adminkey,
+          permission
+        )
+        Object.assign(permission, data)
+        Quasar.Notify.create({
+          message: 'Wallet permission updated.',
+          type: 'positive'
+        })
+      } catch (err) {
+        LNbits.utils.notifyApiError(err)
+      }
+    },
+    async inviteUserToWallet() {
+      try {
+        const {data} = await LNbits.api.request(
+          'PUT',
+          '/api/v1/wallet/share/invite',
+          this.g.wallet.adminkey,
+          {
+            ...this.walletShareInvite,
+            status: 'invite_sent',
+            wallet_id: this.g.wallet.id
+          }
+        )
+
+        this.g.wallet.extra.shared_with.push(data)
+        this.walletShareInvite = {username: '', permissions: []}
+        Quasar.Notify.create({
+          message: 'User invited to wallet.',
+          type: 'positive'
+        })
+      } catch (err) {
+        LNbits.utils.notifyApiError(err)
+      }
+    },
+    deleteSharePermission(permission) {
+      LNbits.utils
+        .confirmDialog('Are you sure you want to remove this share permission?')
+        .onOk(async () => {
+          try {
+            await LNbits.api.request(
+              'DELETE',
+              `/api/v1/wallet/share/${permission.request_id}`,
+              this.g.wallet.adminkey
+            )
+            this.g.wallet.extra.shared_with =
+              this.g.wallet.extra.shared_with.filter(
+                value => value.wallet_id !== permission.wallet_id
+              )
+            Quasar.Notify.create({
+              message: 'Wallet permission deleted.',
+              type: 'positive'
+            })
+          } catch (err) {
+            LNbits.utils.notifyApiError(err)
+          }
+        })
+    }
+  }
+})

lnbits/static/js/wallet.js

@@ -125,16 +125,7 @@ window.WalletPageLogic = {
         showBalanceInOut: true,
         showPaymentCountInOut: true
       },
-      paymentsFilter: {},
-      permissionOptions: [
-        {label: 'View', value: 'view-payments'},
-        {label: 'Receive', value: 'receive-payments'},
-        {label: 'Send', value: 'send-payments'}
-      ],
-      walletShareInvite: {
-        unsername: '',
-        permissions: []
-      }
+      paymentsFilter: {}
     }
   },
   computed: {
@@ -177,21 +168,6 @@ window.WalletPageLogic = {
     wallet() {
       return this.g.wallet
     },
-    walletApprovedShares() {
-      return this.g.wallet.extra.shared_with.filter(
-        s => s.status === 'approved'
-      )
-    },
-    walletPendingRequests() {
-      return this.g.wallet.extra.shared_with.filter(
-        s => s.status === 'request_access'
-      )
-    },
-    walletPendingInvites() {
-      return this.g.wallet.extra.shared_with.filter(
-        s => s.status === 'invite_sent'
-      )
-    },
     hasChartActive() {
       return (
         this.chartConfig.showBalance ||
@@ -665,69 +641,6 @@ window.WalletPageLogic = {
           LNbits.utils.notifyApiError(err)
         })
     },
-    async updateSharePermissions(permission) {
-      try {
-        const {data} = await LNbits.api.request(
-          'PUT',
-          '/api/v1/wallet/share',
-          this.g.wallet.adminkey,
-          permission
-        )
-        Object.assign(permission, data)
-        Quasar.Notify.create({
-          message: 'Wallet permission updated.',
-          type: 'positive'
-        })
-      } catch (err) {
-        LNbits.utils.notifyApiError(err)
-      }
-    },
-    async inviteUserToWallet() {
-      try {
-        const {data} = await LNbits.api.request(
-          'PUT',
-          '/api/v1/wallet/share/invite',
-          this.g.wallet.adminkey,
-          {
-            ...this.walletShareInvite,
-            status: 'invite_sent',
-            wallet_id: this.g.wallet.id
-          }
-        )
-
-        this.g.wallet.extra.shared_with.push(data)
-        this.walletShareInvite = {username: '', permissions: []}
-        Quasar.Notify.create({
-          message: 'User invited to wallet.',
-          type: 'positive'
-        })
-      } catch (err) {
-        LNbits.utils.notifyApiError(err)
-      }
-    },
-    deleteSharePermission(permission) {
-      LNbits.utils
-        .confirmDialog('Are you sure you want to remove this share permission?')
-        .onOk(async () => {
-          try {
-            await LNbits.api.request(
-              'DELETE',
-              `/api/v1/wallet/share/${permission.request_id}`,
-              this.g.wallet.adminkey
-            )
-            this.g.wallet.extra.shared_with =
-              this.g.wallet.extra.shared_with.filter(
-                value => value.wallet_id !== permission.wallet_id
-              )
-            Quasar.Notify.create({
-              message: 'Wallet permission deleted.',
-              type: 'positive'
-            })
-          } catch (err) {
-            LNbits.utils.notifyApiError(err)
-          }
-        })
-    },
     deleteWallet() {
       LNbits.utils
         .confirmDialog('Are you sure you want to delete this wallet?')

lnbits/static/vendor.json

@@ -69,6 +69,7 @@
     "js/components/admin/lnbits-admin-audit.js",
     "js/components/lnbits-wallet-list.js",
     "js/components/lnbits-wallet-api-docs.js",
+    "js/components/lnbits-wallet-share.js",
     "js/components/lnbits-home-logos.js",
     "js/components/lnbits-new-user-wallet.js",
     "js/components/lnbits-qrcode.js",