lib
1 year ago
admin-fields.js
1 year ago
admin-form.js
1 year ago
admin-global.js
1 year ago
admin-order.js
1 year ago
custom-spinner.js
1 year ago
help.js
1 year ago
rating-edit.js
1 year ago
selectize.js
1 year ago
st-uninstall.js
1 year ago
strong-testimonials-elementor-editor.js
1 year ago
view-category-filter.js
1 year ago
views.js
1 month ago
custom-spinner.js
82 lines
| 1 | /** |
| 2 | * Custom Number Spinner |
| 3 | * |
| 4 | * Courtesy of |
| 5 | * http://www.jqueryscript.net/form/Custom-Number-InputSpinner-Plugin-jQuery-number.html |
| 6 | * with help from |
| 7 | * https://stackoverflow.com/a/7343013/51600 |
| 8 | */ |
| 9 | ;(function ($) { |
| 10 | $.fn.number = function (customOptions) { |
| 11 | function round(value, precision) { |
| 12 | var multiplier = Math.pow(10, precision || 0); |
| 13 | return Math.round(value * multiplier) / multiplier; |
| 14 | } |
| 15 | |
| 16 | var options = { |
| 17 | 'containerClass': 'number-style noselect', |
| 18 | 'minus': 'number-minus', |
| 19 | 'plus': 'number-plus', |
| 20 | 'containerTag': 'div', |
| 21 | 'btnTag': 'span' |
| 22 | } |
| 23 | options = $.extend(true, options, customOptions) |
| 24 | |
| 25 | var input = this |
| 26 | input.wrap('<' + options.containerTag + ' class="' + options.containerClass + '">') |
| 27 | |
| 28 | var wrapper = input.parent() |
| 29 | wrapper.prepend('<' + options.btnTag + ' class="' + options.minus + '"></' + options.btnTag + '>') |
| 30 | wrapper.append('<' + options.btnTag + ' class="' + options.plus + '"></' + options.btnTag + '>') |
| 31 | |
| 32 | var minus = wrapper.find('.' + options.minus) |
| 33 | var plus = wrapper.find('.' + options.plus) |
| 34 | |
| 35 | var min = round(input.attr('min'),1) |
| 36 | var max = round(input.attr('max'),1) |
| 37 | var step = 1 |
| 38 | if(input.attr('step')){ |
| 39 | step = +round(input.attr('step'),1) |
| 40 | } |
| 41 | |
| 42 | if (+input.val() <= +min) { |
| 43 | minus.addClass('disabled') |
| 44 | } |
| 45 | if (+input.val() >= +max) { |
| 46 | plus.addClass('disabled') |
| 47 | } |
| 48 | |
| 49 | minus.on('click', function () { |
| 50 | var input = $(this).parent().find('input') |
| 51 | var value = +round(input.val(),1) |
| 52 | if (+value > +min) { |
| 53 | input.val(round(+value - step,1)) |
| 54 | if (+input.val() === +min) { |
| 55 | input.prev('.' + options.minus).addClass('disabled') |
| 56 | } |
| 57 | if (input.next('.' + options.plus).hasClass('disabled')) { |
| 58 | input.next('.' + options.plus).removeClass('disabled') |
| 59 | } |
| 60 | } else if (!min) { |
| 61 | input.val(round(+value - step,1)) |
| 62 | } |
| 63 | }) |
| 64 | |
| 65 | plus.on('click', function () { |
| 66 | var input = $(this).parent().find('input') |
| 67 | var value = +round(input.val(),2) |
| 68 | if (+value < +max) { |
| 69 | input.val(round(+value + step,1)) |
| 70 | if (+input.val() === +max) { |
| 71 | input.next('.' + options.plus).addClass('disabled') |
| 72 | } |
| 73 | if (input.prev('.' + options.minus).hasClass('disabled')) { |
| 74 | input.prev('.' + options.minus).removeClass('disabled') |
| 75 | } |
| 76 | } else if (!max) { |
| 77 | input.val(round(+value + step,1)) |
| 78 | } |
| 79 | }) |
| 80 | } |
| 81 | })(jQuery) |
| 82 |