35 lines
1.1 KiB
JavaScript
35 lines
1.1 KiB
JavaScript
import { alias } from '@ember/object/computed';
|
|
import BaseComponent from './basic-component';
|
|
|
|
export default BaseComponent.extend({
|
|
tagName: 'a',
|
|
attributeBindings: ['title'],
|
|
'data-rel': 'tooltip',
|
|
enabled: alias('model.enabled'),
|
|
title: 'Delete',
|
|
'icon-size-class': 'bigger-120',
|
|
didReceiveAttrs() {
|
|
const me = this;
|
|
me._super(...arguments);
|
|
if (me.get('icon-only')) {
|
|
me.set('icon-size-class', 'bigger-130');
|
|
me.set('classNameBindings', ['red']);
|
|
}
|
|
else {
|
|
me.set('classNameBindings',
|
|
['btn-danger',
|
|
'icon-only::btn',
|
|
'icon-only::btn-xs']);
|
|
}
|
|
},
|
|
click() {
|
|
const me = this;
|
|
me.dialog.confirm('Are you sure to delete?', () => {
|
|
me.get('service').del(me.get('model.id')).then(() => {
|
|
me.get('route.controller.model.data').removeObject(me.get('model'));
|
|
me.decrementProperty('route.controller.model.total');
|
|
});
|
|
});
|
|
}
|
|
});
|