/**
* @constructor
*/
greppy.Styler.Number = function()
{
};
/**
* Styles an input element to be adjustable via buttons.
*
* @param {String|jQuery} el The element(s) to style
*/
greppy.Styler.Number.prototype.style = function(el)
{
var self = this;
el = $(el);
el.each(function(idx, el) {
el = $(el);
self.validate(el);
self.handleCleanup(el);
self.addStyles(el);
self.addButtonHandlers(el);
});
};
/**
* Helper function which ensures el fits the requirements.
*
* @param {jQuery} el
*/
greppy.Styler.Number.prototype.validate = function(el)
{
if ('INPUT' !== el.prop('tagName')) {
throw new Error('Element needs to be an input');
}
};
/**
* Decides wether to cleanup the passed element.
*
* @param {jQuery} el
*/
greppy.Styler.Number.prototype.handleCleanup = function(el)
{
if (this.isNumber(el)) {
this.clearStyled(el);
}
};
/**
* Adds style markup to the element.
*
* @param {jQuery} el
*/
greppy.Styler.Number.prototype.addStyles = function(el)
{
el.wrap('<div class="input-group greppy-container-num" ' +
'data-greppy-validator-mark="' + el.attr('name') + '"></div>');
el.addClass('pull-left');
el.after('<div class="input-group-btn pull-left">' +
'<button class="btn btn-default g-add" type="button">' +
'<i class="fa fa-plus"></i>' +
'</button> ' +
'<button class="btn btn-default g-substract" type="button">' +
'<i class="fa fa-minus"></i>' +
'</button>' +
'</div>');
};
/**
* Adds spinner buttons to the provided element.
*
* @param {jQuery} el
*/
greppy.Styler.Number.prototype.addButtonHandlers = function(el)
{
var self = this;
el.next('.input-group-btn').find('.g-add').on('click', function() {
var val = self.getAddedVal(el);
el.val(val)
.trigger('change');
});
el.next('.input-group-btn').find('.g-substract').on('click', function() {
var val = self.getSubtractedVal(el);
el.val(val)
.trigger('change');
});
};
/**
* Returns the normalized number of the passed element.
*
* @param {jQuery} el
* @returns {Number}
*/
greppy.Styler.Number.prototype.getVal = function(el)
{
return (isNaN(parseInt(el.val(), 10))) ? 0 : parseInt(el.val(), 10);
};
/**
* Returns the added number of the passed element.
*
* @param {jQuery} el
* @returns {Number}
*/
greppy.Styler.Number.prototype.getAddedVal = function(el)
{
var val = this.getVal(el);
return (el.attr('data-max') < (val + 1)) ? val : val + 1;
};
/**
* Returns the subtracted number of the passed element.
*
* @param {jQuery} el
* @returns {Number}
*/
greppy.Styler.Number.prototype.getSubtractedVal = function(el)
{
var val = this.getVal(el);
return (el.attr('data-min') > (val - 1)) ? val : val - 1;
};
/**
* Determines wether the passed element is a number-styled input.
*
* @param {jQuery} el
* @returns {Boolean}
*/
greppy.Styler.Number.prototype.isNumber = function(el)
{
if (el.parent().hasClass('greppy-container-num')) {
return true;
}
return false;
};
/**
* Clears an input from remaining stuff of Greppy number to get a plain input.
*
* @param {jQuery} el
*/
greppy.Styler.Number.prototype.clearStyled = function(el)
{
el.unwrap();
el.next('.input-group-btn').remove();
el.off();
};
