feat(vue): move confirmDialog to LNbits.utils so we can reuse the styling

lnbits/core/static/js/wallet.js

@@ -307,7 +307,11 @@ new Vue({
       });
     },
     deleteWallet: function (walletId, user) {
-      LNbits.href.deleteWallet(walletId, user);
+      LNbits.utils.confirmDialog(
+        'Are you sure you want to delete this wallet?'
+      ).onOk(function () {
+        LNbits.href.deleteWallet(walletId, user);
+      });
     },
     fetchPayments: function (checkPending) {
       var self = this;

lnbits/extensions/amilk/templates/amilk/index.html

@@ -202,17 +202,9 @@
           var self = this;
           var amilk = _.findWhere(this.amilks, {id: amilkId});
 
-          this.$q.dialog({
+          LNbits.utils.confirmDialog(
-            message: 'Are you sure you want to delete this AMilk link?',
+            'Are you sure you want to delete this AMilk link?'
-            ok: {
+          ).onOk(function () {
-              flat: true,
-              color: 'orange'
-            },
-            cancel: {
-              flat: true,
-              color: 'grey'
-            }
-          }).onOk(function () {
             LNbits.api.request(
               'DELETE',
               '/amilk/api/v1/amilks/' + amilkId,

lnbits/extensions/diagonalley/templates/diagonalley/index.html

@@ -474,17 +474,9 @@
           var self = this;
           var indexer = _.findWhere(this.indexers, {id: indexerId});
 
-          this.$q.dialog({
+          LNbits.utils.confirmDialog(
-            message: 'Are you sure you want to delete this Indexer link?',
+            'Are you sure you want to delete this Indexer link?'
-            ok: {
+          ).onOk(function () {
-              flat: true,
-              color: 'orange'
-            },
-            cancel: {
-              flat: true,
-              color: 'grey'
-            }
-          }).onOk(function () {
             LNbits.api.request(
               'DELETE',
               '/diagonalley/api/v1/diagonalley/indexers/' + indexerId,
@@ -538,17 +530,9 @@
           var self = this;
           var order = _.findWhere(this.orders, {id: orderId});
 
-          this.$q.dialog({
+          LNbits.utils.confirmDialog(
-            message: 'Are you sure you want to delete this order link?',
+            'Are you sure you want to delete this order link?'
-            ok: {
+          ).onOk(function () {
-              flat: true,
-              color: 'orange'
-            },
-            cancel: {
-              flat: true,
-              color: 'grey'
-            }
-          }).onOk(function () {
             LNbits.api.request(
               'DELETE',
               '/diagonalley/api/v1/diagonalley/orders/' + orderId,
@@ -646,17 +630,9 @@
           var self = this;
           var product = _.findWhere(this.products, {id: productId});
 
-          this.$q.dialog({
+          LNbits.utils.confirmDialog(
-            message: 'Are you sure you want to delete this products link?',
+            'Are you sure you want to delete this products link?'
-            ok: {
+          ).onOk(function () {
-              flat: true,
-              color: 'orange'
-            },
-            cancel: {
-              flat: true,
-              color: 'grey'
-            }
-          }).onOk(function () {
             LNbits.api.request(
               'DELETE',
               '/diagonalley/api/v1/diagonalley/products/' + productId,

lnbits/extensions/paywall/templates/paywall/index.html

@@ -186,17 +186,9 @@
           var self = this;
           var paywall = _.findWhere(this.paywalls, {id: paywallId});
 
-          this.$q.dialog({
+          LNbits.utils.confirmDialog(
-            message: 'Are you sure you want to delete this paywall link?',
+            'Are you sure you want to delete this paywall link?'
-            ok: {
+          ).onOk(function () {
-              flat: true,
-              color: 'orange'
-            },
-            cancel: {
-              flat: true,
-              color: 'grey'
-            }
-          }).onOk(function () {
             LNbits.api.request(
               'DELETE',
               '/paywall/api/v1/paywalls/' + paywallId,

lnbits/extensions/tpos/templates/tpos/index.html

@@ -193,17 +193,9 @@
           var self = this;
           var tpos = _.findWhere(this.tposs, {id: tposId});
 
-          this.$q.dialog({
+          LNbits.utils.confirmDialog(
-            message: 'Are you sure you want to delete this TPoS?',
+            'Are you sure you want to delete this TPoS?'
-            ok: {
+          ).onOk(function () {
-              flat: true,
-              color: 'orange'
-            },
-            cancel: {
-              flat: true,
-              color: 'grey'
-            }
-          }).onOk(function () {
             LNbits.api.request(
               'DELETE',
               '/tpos/api/v1/tposs/' + tposId,

lnbits/extensions/withdraw/static/js/index.js

@@ -131,17 +131,9 @@ new Vue({
       var self = this;
       var link = _.findWhere(this.withdrawLinks, {id: linkId});
 
-      this.$q.dialog({
+      LNbits.utils.confirmDialog(
-        message: 'Are you sure you want to delete this withdraw link?',
+        'Are you sure you want to delete this withdraw link?'
-        ok: {
+      ).onOk(function () {
-          flat: true,
-          color: 'orange'
-        },
-        cancel: {
-          flat: true,
-          color: 'grey'
-        }
-      }).onOk(function () {
         LNbits.api.request(
           'DELETE',
           '/withdraw/api/v1/links/' + linkId,

lnbits/static/js/base.js

@@ -87,6 +87,19 @@ var LNbits = {
     }
   },
   utils: {
+    confirmDialog: function (msg) {
+      return Quasar.plugins.Dialog.create({
+        message: msg,
+        ok: {
+          flat: true,
+          color: 'orange'
+        },
+        cancel: {
+          flat: true,
+          color: 'grey'
+        }
+      });
+    },
     formatCurrency: function (value, currency) {
       return new Intl.NumberFormat(LOCALE, {style: 'currency', currency: currency}).format(value);
     },