BookStack Code Mirror - bookstack/blob - resources/js/components/ajax-delete-row.js

   1 import {onSelect} from "../services/dom";
   2 import {Component} from "./component";
   3
   4 export class AjaxDeleteRow extends Component {
   5     setup() {
   6         this.row = this.$el;
   7         this.url = this.$opts.url;
   8         this.deleteButtons = this.$manyRefs.delete;
   9
  10         onSelect(this.deleteButtons, this.runDelete.bind(this));
  11     }
  12
  13     runDelete() {
  14         this.row.style.opacity = '0.7';
  15         this.row.style.pointerEvents = 'none';
  16
  17         window.$http.delete(this.url).then(resp => {
  18             if (typeof resp.data === 'object' && resp.data.message) {
  19                 window.$events.emit('success', resp.data.message);
  20             }
  21             this.row.remove();
  22         }).catch(err => {
  23             this.row.style.opacity = null;
  24             this.row.style.pointerEvents = null;
  25         });
  26     }
  27 }