import Ember from 'ember';
import BaseFormInput from './base-form-input';

export default BaseFormInput.extend({
    classNames: ['form-group'],
    min: 0,
    max: 64,
    step: 1,
    didReceiveAttrs() {
        this._super(...arguments);
        this.getVal() || this.setVal(0);
    },
    didInsertElement() {
        let me = this;
        me.$('input[type=text]').ace_spinner({
            value: me.getVal(),
            min: me.get('min'),
            max: me.get('max'),
            step: me.get('step'), 
            btn_up_class: 'btn-info', 
            btn_down_class: 'btn-info'})
        .closest('.ace-spinner')
        .on('changed.fu.spinbox', function() {
            me.setVal(me.$('input[type=text]').val());
        }); 
    }
});