ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / mact34.com / wp-content / plugins / tryo-toolkit / redux / ReduxCore / inc / fields / spinner

/*global redux_change, redux*/

(function( $ ) {
    "use strict";

redux.field_objects = redux.field_objects || {};
    redux.field_objects.spinner = redux.field_objects.spinner || {};

$( document ).ready(
        function() {
            //redux.field_objects.spinner.init();
        }
    );

redux.field_objects.spinner.init = function( selector ) {

if ( !selector ) {
            selector = $( document ).find( ".redux-group-tab:visible" ).find( '.redux-container-spinner:visible' );
        }

$( selector ).each(
            function() {
                var el = $( this );
                var parent = el;
                if ( !el.hasClass( 'redux-field-container' ) ) {
                    parent = el.parents( '.redux-field-container:first' );
                }
                if ( parent.is( ":hidden" ) ) { // Skip hidden fields
                    return;
                }
                if ( parent.hasClass( 'redux-field-init' ) ) {
                    parent.removeClass( 'redux-field-init' );
                } else {
                    return;
                }
                el.find( '.redux_spinner' ).each(
                    function() {
                        //slider init
                        var spinner = $( this ).find( '.spinner-input' ).data();
                        spinner.id = $( this ).find( '.spinner-input' ).attr( 'id' );

el.find( "#" + spinner.id ).spinner(
                            {
                                value: parseFloat( spinner.val, null ),
                                min: parseFloat( spinner.min, null ),
                                max: parseFloat( spinner.max, null ),
                                step: parseFloat( spinner.step, null ),
                                range: "min",

slide: function( event, ui ) {
                                    var input = $( "#" + spinner.id );
                                    input.val( ui.value );
                                    redux_change( input );
                                }
                            }
                        );

// Limit input for negative
                        var neg = false;
                        if ( parseInt( spinner.min, null ) < 0 ) {
                            neg = true;
                        }

//el.find( "#" + spinner.id ).numeric(
                        //    {
                        //        allowMinus: neg,
                        //        min: spinner.min,
                        //        max: spinner.max
                        //    }
                        //);

}
                );

// Update the slider from the input and vice versa
                el.find( ".spinner-input" ).keyup(
                    function() {
                        $( this ).addClass( 'spinnerInputChange' );
                    }
                );

el.find( ".spinner-input" ).focus(
                    function() {
                        redux.field_objects.spinner.clean(
                            $( this ).val(), $( this )
                        );
                    }
                );

el.find( '.spinner-input' ).typeWatch(
                    {
                        callback: function( value ) {
                            redux.field_objects.spinner.clean(
                                value, $( this )
                            );
                        },

wait: 500,
                        highlight: false,
                        captureLength: 1
                    }
                );
            }
        );
    };

redux.field_objects.spinner.clean = function( value, selector ) {

if ( !selector.hasClass( 'spinnerInputChange' ) ) {
            return;
        }
        selector.removeClass( 'spinnerInputChange' );

var spinner = selector.data();
        value = parseFloat( value );

if ( value === "" || value === null ) {
            value = spinner.min;
        } else if ( value >= parseInt( spinner.max ) ) {
            value = spinner.max;
        } else if ( value <= parseInt( spinner.min ) ) {
            value = spinner.min;
        } else {
            value = Math.round( value / spinner.step ) * spinner.step;
        }
        selector.val( value ).trigger( 'change' );
    };

})( jQuery );

[-] arrow_left.png [edit]
[-] arrow_right.png [edit]
[+] ..
[-] field_spinner.css [edit]
[+] vendor
[-] field_spinner.scss [edit]
[-] field_spinner.php [edit]
[-] field_spinner.js [edit]
[-] field_spinner.css.map [edit]
[-] field_spinner.min.js [edit]