83 lines
2.6 KiB
JavaScript
83 lines
2.6 KiB
JavaScript
/*=========================================================================================
|
|
File Name: form-number-input.js
|
|
Description: Number Input
|
|
----------------------------------------------------------------------------------------
|
|
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
|
Author: PIXINVENT
|
|
Author URL: http://www.themeforest.net/user/pixinvent
|
|
==========================================================================================*/
|
|
|
|
(function (window, document, $) {
|
|
'use strict';
|
|
|
|
// Default Spin
|
|
$('.touchspin').TouchSpin({
|
|
buttondown_class: 'btn btn-primary',
|
|
buttonup_class: 'btn btn-primary',
|
|
buttondown_txt: feather.icons['minus'].toSvg(),
|
|
buttonup_txt: feather.icons['plus'].toSvg()
|
|
});
|
|
|
|
// Icon Change
|
|
$('.touchspin-icon').TouchSpin({
|
|
buttondown_txt: feather.icons['chevron-down'].toSvg(),
|
|
buttonup_txt: feather.icons['chevron-up'].toSvg()
|
|
});
|
|
|
|
// Min - Max
|
|
|
|
var touchspinValue = $('.touchspin-min-max'),
|
|
counterMin = 17,
|
|
counterMax = 21;
|
|
if (touchspinValue.length > 0) {
|
|
touchspinValue
|
|
.TouchSpin({
|
|
min: counterMin,
|
|
max: counterMax,
|
|
buttondown_txt: feather.icons['minus'].toSvg(),
|
|
buttonup_txt: feather.icons['plus'].toSvg()
|
|
})
|
|
.on('touchspin.on.startdownspin', function () {
|
|
var $this = $(this);
|
|
$('.bootstrap-touchspin-up').removeClass('disabled-max-min');
|
|
if ($this.val() == counterMin) {
|
|
$(this).siblings().find('.bootstrap-touchspin-down').addClass('disabled-max-min');
|
|
}
|
|
})
|
|
.on('touchspin.on.startupspin', function () {
|
|
var $this = $(this);
|
|
$('.bootstrap-touchspin-down').removeClass('disabled-max-min');
|
|
if ($this.val() == counterMax) {
|
|
$(this).siblings().find('.bootstrap-touchspin-up').addClass('disabled-max-min');
|
|
}
|
|
});
|
|
}
|
|
|
|
// Step
|
|
$('.touchspin-step').TouchSpin({
|
|
step: 5,
|
|
buttondown_txt: feather.icons['minus'].toSvg(),
|
|
buttonup_txt: feather.icons['plus'].toSvg()
|
|
});
|
|
|
|
// Color Options
|
|
$('.touchspin-color').each(function (index) {
|
|
var down = 'btn btn-primary',
|
|
up = 'btn btn-primary',
|
|
$this = $(this);
|
|
if ($this.data('bts-button-down-class')) {
|
|
down = $this.data('bts-button-down-class');
|
|
}
|
|
if ($this.data('bts-button-up-class')) {
|
|
up = $this.data('bts-button-up-class');
|
|
}
|
|
$this.TouchSpin({
|
|
mousewheel: false,
|
|
buttondown_class: down,
|
|
buttonup_class: up,
|
|
buttondown_txt: feather.icons['minus'].toSvg(),
|
|
buttonup_txt: feather.icons['plus'].toSvg()
|
|
});
|
|
});
|
|
})(window, document, jQuery);
|