32 lines
823 B
JavaScript
32 lines
823 B
JavaScript
|
/**
|
||
|
* AjaxDelete
|
||
|
* @extends {Component}
|
||
|
*/
|
||
|
import {onSelect} from "../services/dom";
|
||
|
|
||
|
class AjaxDeleteRow {
|
||
|
setup() {
|
||
|
this.row = this.$el;
|
||
|
this.url = this.$opts.url;
|
||
|
this.deleteButtons = this.$manyRefs.delete;
|
||
|
|
||
|
onSelect(this.deleteButtons, this.runDelete.bind(this));
|
||
|
}
|
||
|
|
||
|
runDelete() {
|
||
|
this.row.style.opacity = '0.7';
|
||
|
this.row.style.pointerEvents = 'none';
|
||
|
|
||
|
window.$http.delete(this.url).then(resp => {
|
||
|
if (typeof resp.data === 'object' && resp.data.message) {
|
||
|
window.$events.emit('success', resp.data.message);
|
||
|
}
|
||
|
this.row.remove();
|
||
|
}).catch(err => {
|
||
|
this.row.style.opacity = null;
|
||
|
this.row.style.pointerEvents = null;
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
export default AjaxDeleteRow;
|