import Ember from 'ember';

import BaseComponent from './base-component';

export default BaseComponent.extend({
    tagName: 'a',
    attributeBindings: ['title'],
    'data-rel': 'tooltip',
    enabled: Ember.computed.alias('model.enabled'),
    title: 'Delete',
    'icon-size-class': 'bigger-120',
    didReceiveAttrs() {
        let 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() {
        let 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');
            });
        });
    }
});