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

Vue.component(VueQrcode.name, VueQrcode);

var locationPath = [window.location.protocol, '//', window.location.hostname, window.location.pathname].join('');

var mapWithdrawLink = function (obj) {
  obj.is_unique = obj.is_unique == 1;
  obj._data = _.clone(obj);
  obj.date = Quasar.utils.date.formatDate(new Date(obj.time * 1000), 'YYYY-MM-DD HH:mm');
  obj.min_fsat = new Intl.NumberFormat(LOCALE).format(obj.min_withdrawable);
  obj.max_fsat = new Intl.NumberFormat(LOCALE).format(obj.max_withdrawable);
  obj.uses_left = obj.uses - obj.used;
  obj.print_url = [locationPath, 'print/', obj.id].join('');
  obj.withdraw_url = [locationPath, obj.id].join('');
  return obj;
}

new Vue({
  el: '#vue',
  mixins: [windowMixin],
  data: function () {
    return {
      withdrawLinks: [],
      withdrawLinksTable: {
        columns: [
          {name: 'id', align: 'left', label: 'ID', field: 'id'},
          {name: 'title', align: 'left', label: 'Title', field: 'title'},
          {name: 'wait_time', align: 'right', label: 'Wait', field: 'wait_time'},
          {name: 'uses_left', align: 'right', label: 'Uses left', field: 'uses_left'},
          {name: 'min', align: 'right', label: 'Min (sat)', field: 'min_fsat'},
          {name: 'max', align: 'right', label: 'Max (sat)', field: 'max_fsat'}
        ],
        pagination: {
          rowsPerPage: 10
        }
      },
      formDialog: {
        show: false,
        secondMultiplier: 'seconds',
        secondMultiplierOptions: ['seconds', 'minutes', 'hours'],
        data: {
          is_unique: false
        }
      },
      qrCodeDialog: {
        show: false,
        data: null
      }
    };
  },
  computed: {
    sortedWithdrawLinks: function () {
      return this.withdrawLinks.sort(function (a, b) {
        return b.uses_left - a.uses_left;
      });
    }
  },
  methods: {
    getWithdrawLinks: function () {
      var self = this;

      LNbits.api.request(
        'GET',
        '/withdraw/api/v1/links?all_wallets',
        this.g.user.wallets[0].inkey
      ).then(function (response) {
        self.withdrawLinks = response.data.map(function (obj) {
          return mapWithdrawLink(obj);
        });
      });
    },
    closeFormDialog: function () {
      this.formDialog.data = {
        is_unique: false
      };
    },
    openQrCodeDialog: function (linkId) {
      var link = _.findWhere(this.withdrawLinks, {id: linkId});
      this.qrCodeDialog.data = _.clone(link);
      this.qrCodeDialog.show = true;
    },
    openUpdateDialog: function (linkId) {
      var link = _.findWhere(this.withdrawLinks, {id: linkId});
      this.formDialog.data = _.clone(link._data);
      this.formDialog.show = true;
    },
    sendFormData: function () {
      var wallet = _.findWhere(this.g.user.wallets, {id: this.formDialog.data.wallet});
      var data = _.omit(this.formDialog.data, 'wallet');

      data.wait_time = data.wait_time * {
        'seconds': 1,
        'minutes': 60,
        'hours': 3600
      }[this.formDialog.secondMultiplier];

      if (data.id) { this.updateWithdrawLink(wallet, data); }
      else { this.createWithdrawLink(wallet, data); }
    },
    updateWithdrawLink: function (wallet, data) {
      var self = this;

      LNbits.api.request(
        'PUT',
        '/withdraw/api/v1/links/' + data.id,
        wallet.adminkey,
        _.pick(data, 'title', 'min_withdrawable', 'max_withdrawable', 'uses', 'wait_time', 'is_unique')
      ).then(function (response) {
        self.withdrawLinks = _.reject(self.withdrawLinks, function (obj) { return obj.id == data.id; });
        self.withdrawLinks.push(mapWithdrawLink(response.data));
        self.formDialog.show = false;
      }).catch(function (error) {
        LNbits.utils.notifyApiError(error);
      });
    },
    createWithdrawLink: function (wallet, data) {
      var self = this;

      LNbits.api.request(
        'POST',
        '/withdraw/api/v1/links',
        wallet.adminkey,
        data
      ).then(function (response) {
        self.withdrawLinks.push(mapWithdrawLink(response.data));
        self.formDialog.show = false;
      }).catch(function (error) {
        LNbits.utils.notifyApiError(error);
      });
    },
    deleteWithdrawLink: function (linkId) {
      var self = this;
      var link = _.findWhere(this.withdrawLinks, {id: linkId});

      this.$q.dialog({
        message: 'Are you sure you want to delete this withdraw link?',
        ok: {
          flat: true,
          color: 'orange'
        },
        cancel: {
          flat: true,
          color: 'grey'
        }
      }).onOk(function () {
        LNbits.api.request(
          'DELETE',
          '/withdraw/api/v1/links/' + linkId,
          _.findWhere(self.g.user.wallets, {id: link.wallet}).adminkey
        ).then(function (response) {
          self.withdrawLinks = _.reject(self.withdrawLinks, function (obj) { return obj.id == linkId; });
        }).catch(function (error) {
          LNbits.utils.notifyApiError(error);
        });
      });
    },
    exportCSV: function () {
      LNbits.utils.exportCSV(this.paywallsTable.columns, this.paywalls);
    }
  },
  created: function () {
    if (this.g.user.wallets.length) {
      var getWithdrawLinks = this.getWithdrawLinks;
      getWithdrawLinks();
      setInterval(function () { getWithdrawLinks(); }, 20000);
    }
  }
});