/**
* Extension for jQuery Spinner.
*
* @license jQuery UI Spinner 1.20
*
* Copyright (c) 2009-2010 Brant Burnett
* Dual licensed under the MIT or GPL Version 2 licenses.
*
* The original author is no longer maintaining this code.
*
* Modified for the Redux Framework Spinner field by Kevin Provance (kprovance).
*
* Listen up y'all, I painstakingly recreated the original code from it's modified and minified version to the thing of
* beauty you see below. Mess with it and I'll kill ya! - kp
*
* Deprecated jQuery API $.browser was replaced with the accepted hack below.
* Deprecated boxSupport was removed, since Redux does not use boxSupport.
*/
/* global jQuery */
jQuery.uaMatch = function( ua ) {
'use strict';
var match;
ua = ua.toLowerCase();
match = /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
/(webkit)[ \/]([\w.]+)/.exec( ua ) ||
/(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
/(msie) ([\w.]+)/.exec( ua ) ||
ua.indexOf( 'compatible' ) < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) || [];
return {
browser: match[ 1 ] || '',
version: match[ 2 ] || '0'
};
};
(function( $ ) {
'use strict';
var active = 'ui-state-active';
var hover = 'ui-state-hover';
var disabled = 'ui-state-disabled';
var keyCode = $.ui.keyCode;
var up = keyCode.UP;
var down = keyCode.DOWN;
var right = keyCode.RIGHT;
var left = keyCode.LEFT;
var pageUp = keyCode.PAGE_UP;
var pageDown = keyCode.PAGE_DOWN;
var home = keyCode.HOME;
var end = keyCode.END;
var msie = $.uaMatch.msie;
var mouseWheelEventName = $.uaMatch.mozilla ? 'DOMMouseScroll' : 'mousewheel';
var eventNamespace = '.uispinner';
var validKeys = [up, down, right, left, pageUp, pageDown, home, end, keyCode.BACKSPACE, keyCode.DELETE, keyCode.TAB];
var focusCtrl;
$.widget(
'ui.spinner',
{
options: {
min: null,
max: null,
allowNull: false,
group: '',
point: '.',
prefix: '',
suffix: '',
places: null,
defaultStep: 1,
largeStep: 10,
mouseWheel: true,
increment: 'slow',
className: null,
showOn: 'always',
width: 95,
upIconClass: 'ui-icon-triangle-1-n',
downIconClass: 'ui-icon-triangle-1-s',
addText: '+',
subText: '-',
format: function( num, places ) {
var _this = this;
var regex = /(\d+)(\d{3})/;
var result;
var realNum = Number( num );
/* jscs:disable disallowImplicitTypeConversion */
result = ( isNaN( num ) ? 0 : Math.abs( realNum ) ).toFixed( places ) + '';
for ( result = result.replace( '.', _this.point ); regex.test( result ) && _this.group; result = result.replace( regex, '$1' + _this.group + '$2' ) ) {
}
return ( num < 0 ? '-' : '' ) + _this.prefix + result + _this.suffix;
},
parse: function( val ) {
var _this = this;
if ( '.' === _this.group ) {
val = val.replace( '.', '' );
}
if ( '.' !== _this.point ) {
val = val.replace( _this.point, '.' );
}
return parseFloat( val.replace( /[^0-9\-\.]/g, '' ) );
}
},
_create: function() {
var _this = this;
var input = _this.element;
var type = input.attr( 'type' );
if ( ! input.is( 'input' ) || 'text' !== type && 'number' !== type ) {
console.error( 'Invalid target for ui.spinner' );
return;
}
_this._procOptions( true );
_this._createButtons( input );
if ( ! input.is( ':enabled' ) ) {
_this.disable();
}
},
_createButtons: function( input ) {
var _this = this;
var options = _this.options;
var className = options.className;
var buttonWidth = options.width;
var showOn = options.showOn;
var height = input.outerHeight();
var wrapper;
var upButton;
var downButton;
var buttons;
var icons;
var hoverDelay;
var hoverDelayCallback;
var hovered;
var inKeyDown;
var inSpecialKey;
var inMouseDown;
var btnContainer;
var rtl;
function mouseUp() {
/* jshint validthis:true */
if ( inMouseDown ) {
$( this ).removeClass( active );
_this._stopSpin();
inMouseDown = false;
}
return false;
}
function mouseDown() {
var input;
var dir;
/* jshint validthis:true */
if ( ! options.disabled ) {
input = _this.element[0];
dir = upButton === this ? 1 : - 1;
input.focus();
input.select();
$( this ).addClass( active );
inMouseDown = true;
_this._startSpin( dir );
}
return false;
}
function setHoverDelay( callback ) {
function execute() {
hoverDelay = 0;
callback();
}
if ( hoverDelay ) {
if ( callback === hoverDelayCallback ) {
return;
}
clearTimeout( hoverDelay );
}
hoverDelayCallback = callback;
hoverDelay = setTimeout( execute, 100 );
}
function invalidKey( keyCode, charCode ) {
var ch;
var options;
if ( inSpecialKey ) {
return false;
}
ch = String.fromCharCode( charCode || keyCode );
options = _this.options;
if ( ch >= '0' && ch <= '9' || '-' === ch ) {
return false;
}
if ( _this.places > 0 && ch === options.point || ch === options.group ) {
return false;
}
return true;
}
function isSpecialKey( keyCode ) {
var vKeys = validKeys.length;
var i;
for ( i = 0; i < vKeys; i += 1 ) {
if ( validKeys[i] === keyCode ) {
return true;
}
}
return false;
}
wrapper = input.wrap( '
' ).css(
{
width: ( _this.oWidth = input.outerWidth() ) - buttonWidth + '!important',
marginRight: '30px',
marginLeft: '30px',
textAlign: 'center',
'float': 'none',
marginTop: 0
}
).after( '
' ).next();
_this.wrapper = wrapper;
btnContainer = $(
'
'
);
_this.btnContainer = btnContainer;
rtl = 'rtl' === input[0].dir;
if ( className ) {
wrapper.addClass( className );
}
wrapper.append( btnContainer.css( { height: height, left: 0, top: 0 } ) );
buttons = _this.buttons = btnContainer.find( '.ui-spinner-button' );
buttons.css( { width: '30px', height: height - ( 0 ) } );
buttons.eq( 0 ).css( { right: '0' } );
buttons.eq( 1 ).css( { left: '0' } );
upButton = buttons[0];
downButton = buttons[1];
icons = buttons.find( '.ui-icon' );
btnContainer.width( '135px' );
if ( 'always' !== showOn ) {
btnContainer.css( 'opacity', 0 );
}
if ( 'hover' === showOn || 'both' === showOn ) {
buttons.add( input ).on(
'mouseenter' + eventNamespace,
function() {
setHoverDelay(
function() {
hovered = true;
if ( ! _this.focused || 'hover' === showOn ) {
_this.showButtons();
}
}
);
}
).on(
'mouseleave' + eventNamespace,
function() {
setHoverDelay(
function() {
hovered = false;
if ( ! _this.focused || 'hover' === showOn ) {
_this.hideButtons();
}
}
);
}
);
}
buttons.on(
'hover',
function() {
_this.buttons.removeClass( hover );
if ( ! options.disabled ) {
$( this ).addClass( hover );
}
},
function() {
$( this ).removeClass( hover );
}
)
.on(
'mousedown',
mouseDown
)
.on(
'mouseup',
mouseUp
)
.on(
'mouseout',
mouseUp
);
if ( msie ) {
buttons.on(
'dblclick',
function() {
if ( ! options.disabled ) {
_this._change();
_this._doSpin( ( this === upButton ? 1 : - 1 ) * options.step );
}
return false;
}
).on(
'selectstart',
function() {
return false;
}
);
}
input.on(
'keydown' + eventNamespace,
function( e ) {
var dir;
var large;
var limit;
var keyCode = e.keyCode;
if ( e.ctrl || e.alt ) {
return true;
}
if ( isSpecialKey( keyCode ) ) {
inSpecialKey = true;
}
if ( inKeyDown ) {
return false;
}
/*jslint bitwise: true */
switch ( keyCode ) {
case up:
case pageUp:
dir = 1;
large = keyCode === pageUp;
break;
case down:
case pageDown:
hover = - 1;
large = keyCode === pageDown;
break;
case right:
case left:
dir = ( keyCode === right ) ^ rtl ? 1 : - 1;
break;
case home:
limit = _this.options.min;
if ( null !== limit ) {
_this._setValue( limit );
}
return false;
case end:
limit = _this.options.max;
limit = _this.options.max;
if ( null !== limit ) {
_this._setValue( limit );
}
return false;
}
if ( dir ) {
if ( ! inKeyDown && ! options.disabled ) {
$( dir > 0 ? upButton : downButton ).addClass( active );
inKeyDown = true;
_this._startSpin( dir, large );
}
return false;
}
}
).on(
'keyup' + eventNamespace,
function( e ) {
if ( e.ctrl || e.alt ) {
return true;
}
if ( isSpecialKey( keyCode ) ) {
inSpecialKey = false;
}
switch ( e.keyCode ) {
case up:
case right:
case pageUp:
case down:
case left:
case pageDown:
buttons.removeClass( active );
_this._stopSpin();
inKeyDown = false;
return false;
}
}
).on(
'keypress' + eventNamespace,
function( e ) {
if ( invalidKey( e.keyCode, e.charCode ) ) {
return false;
}
}
).on(
'change' + eventNamespace,
function() {
_this._change();
}
).on(
'focus' + eventNamespace,
function() {
function selectAll() {
_this.element.trigger( 'select' );
}
if ( msie ) {
selectAll();
} else {
setTimeout( selectAll, 0 );
}
_this.focused = true;
focusCtrl = _this;
if ( ! hovered && ( 'focus' === showOn || 'both' === showOn ) ) {
_this.showButtons();
}
}
).on(
'blur' + eventNamespace,
function() {
_this.focused = false;
if ( ! hovered && ( 'focus' === showOn || 'both' === showOn ) ) {
_this.hideButtons();
}
}
);
},
_procOptions: function( init ) {
var _this = this;
var input = _this.element;
var options = _this.options;
var min = options.min;
var max = options.max;
var step = options.step;
var places = options.places;
var maxLength = -1;
var temp;
if ( 'slow' === options.increment ) {
options.increment = [
{ count: 1, mult: 1, delay: 250 },
{ count: 3, mult: 1, delay: 100 },
{ count: 0, mult: 1, delay: 50 }
];
} else if ( 'fast' === options.increment ) {
options.increment = [
{ count: 1, mult: 1, delay: 250 },
{ count: 19, mult: 1, delay: 100 },
{ count: 80, mult: 1, delay: 20 },
{ count: 100, mult: 10, delay: 20 },
{ count: 0, mult: 100, delay: 20 }
];
}
if ( null === min && null !== ( temp = input.attr( 'min' ) ) ) {
min = parseFloat( temp );
}
if ( null === max && null !== ( temp = input.attr( 'max' ) ) ) {
max = parseFloat( temp );
}
if ( ! step && null !== ( temp = input.attr( 'step' ) ) ) {
if ( 'any' !== temp ) {
step = parseFloat( temp );
options.largeStep *= step;
}
}
options.step = step = step || options.defaultStep;
if ( null === places && - 1 !== ( temp = step + '' ).indexOf( '.' ) ) {
places = temp.length - temp.indexOf( '.' ) - 1;
}
_this.places = places;
if ( null !== max && null !== min ) {
if ( min > max ) {
min = max;
}
maxLength = Math.max( Math.max( maxLength, options.format( max, places, input ).length ), options.format( min, places, input ).length );
}
if ( init ) {
_this.inputMaxLength = input[0].maxLength;
}
temp = _this.inputMaxLength;
if ( temp > 0 ) {
maxLength = maxLength > 0 ? Math.min( temp, maxLength ) : temp;
temp = Math.pow( 10, maxLength ) - 1;
if ( null === max || max > temp ) {
max = temp;
}
temp = -( temp + 1 ) / 10 + 1;
if ( null === min || min < temp ) {
min = temp;
}
}
if ( maxLength > 0 ) {
input.attr( 'maxlength', maxLength );
}
options.min = min;
options.max = max;
_this._change();
input.off( mouseWheelEventName + eventNamespace );
if ( options.mouseWheel ) {
input.on( mouseWheelEventName + eventNamespace, _this._mouseWheel );
}
},
_mouseWheel: function( e ) {
var self = $.data( this, 'spinner' );
if ( ! self.options.disabled && self.focused && self === focusCtrl ) {
self._change();
self._doSpin( ( ( e.wheelDelta || -e.detail ) > 0 ? 1 : - 1 ) * self.options.step );
return false;
}
},
_setTimer: function( delay, dir, large ) {
var _this = this;
function e() {
_this._spin( dir, large );
}
_this._stopSpin();
_this.timer = setInterval( e, delay );
},
_stopSpin: function() {
if ( this.timer ) {
clearInterval( this.timer );
this.timer = 0;
}
},
_startSpin: function( dir, large ) {
var _this = this;
var options = _this.options;
var increment = options.increment;
_this._change();
_this._doSpin( dir * ( large ? _this.options.largeStep : _this.options.step ) );
if ( increment && increment.length > 0 ) {
_this.counter = 0;
_this.incCounter = 0;
_this._setTimer( increment[0].delay, dir, large );
}
},
_spin: function( dir, large ) {
var _this = this;
var increment = _this.options.increment;
var curIncrement = increment[_this.incCounter];
_this._doSpin( dir * curIncrement.mult * ( large ? _this.options.largeStep : _this.options.step ) );
_this.counter += 1;
if ( _this.counter > curIncrement.count && _this.incCounter < increment.length - 1 ) {
_this.counter = 0;
/* jshint plusplus:false */
curIncrement = increment[++_this.incCounter];
_this._setTimer( curIncrement.delay, dir, large );
}
},
_doSpin: function( step ) {
var _this = this;
var value = _this.curvalue;
if ( null === value ) {
value = ( step > 0 ? _this.options.min : _this.options.max ) || 0;
}
_this._setValue( value + step );
},
_parseValue: function() {
var value = this.element.val();
return value ? this.options.parse( value, this.element ) : null;
},
_validate: function( value ) {
var options = this.options;
var min = options.min;
var max = options.max;
if ( null === value && ! options.allowNull ) {
value = null !== this.curvalue ? this.curvalue : min || max || 0;
}
if ( null !== max && ( value > max || value === max ) ) {
if ( undefined !== this.buttons ) {
$( this.buttons[0] ).addClass( disabled );
}
return max;
} else if ( null !== min && ( value < min || value === min ) ) {
if ( undefined !== this.buttons ) {
$( this.buttons[1] ).addClass( disabled );
}
return min;
} else {
if ( undefined !== this.buttons ) {
$( this.buttons[0] ).removeClass( disabled );
$( this.buttons[1] ).removeClass( disabled );
}
return value;
}
},
_change: function() {
var _this = this;
var value = _this._parseValue();
if ( ! _this.selfChange ) {
if ( isNaN( value ) ) {
value = _this.curvalue;
}
_this._setValue( value, true );
}
},
_setOption: function( key, value ) {
$.Widget.prototype._setOption.call( this, key, value );
this._procOptions();
},
increment: function() {
this._doSpin( this.options.step );
},
decrement: function() {
this._doSpin( - this.options.step );
},
showButtons: function( immediate ) {
var btnContainer = this.btnContainer.stop();
if ( immediate ) {
btnContainer.css( 'opacity', 1 );
} else {
btnContainer.fadeTo( 'fast', 1 );
}
},
hideButtons: function( immediate ) {
var btnContainer = this.btnContainer.stop();
if ( immediate ) {
btnContainer.css( 'opacity', 0 );
} else {
btnContainer.fadeTo( 'fast', 0 );
}
this.buttons.removeClass( hover );
},
_setValue: function( value, suppressFireEvent ) {
var _this = this;
_this.curvalue = value = _this._validate( value );
_this.element.val( null !== value ? _this.options.format( value, _this.places, _this.element ) : '' );
if ( ! suppressFireEvent ) {
_this.selfChange = true;
_this.element.trigger( 'change' );
_this.selfChange = false;
}
},
value: function( newValue ) {
if ( arguments.length ) {
this._setValue( newValue );
return this.element;
}
return this.curvalue;
},
enable: function() {
this.buttons.removeClass( disabled );
this.element[0].disabled = false;
$.Widget.prototype.enable.call( this );
},
disable: function() {
this.buttons.addClass( disabled ).removeClass( hover );
this.element[0].disabled = true;
$.Widget.prototype.disable.call( this );
},
destroy: function() {
this.wrapper.remove();
this.element.off( eventNamespace ).css(
{
width: this.oWidth,
marginRight: this.oMargin
}
);
$.Widget.prototype.destroy.call( this );
}
}
);
})( jQuery );
