78 lines
2.4 KiB
JavaScript
78 lines
2.4 KiB
JavaScript
/*=========================================================================================
|
|
File Name: input-groups.js
|
|
Description: Input Groups js
|
|
----------------------------------------------------------------------------------------
|
|
Item Name: Vuesax HTML Admin Template
|
|
Version: 1.1
|
|
Author: PIXINVENT
|
|
Author URL: http://www.themeforest.net/user/pixinvent
|
|
==========================================================================================*/
|
|
|
|
(function (window, document, $) {
|
|
'use strict';
|
|
var $html = $('html');
|
|
|
|
// Default Spin
|
|
$(".touchspin").TouchSpin({
|
|
buttondown_class: "btn btn-primary",
|
|
buttonup_class: "btn btn-primary",
|
|
});
|
|
|
|
// Icon Change
|
|
$(".touchspin-icon").TouchSpin({
|
|
buttondown_txt: '<i class="feather icon-chevron-down"></i>',
|
|
buttonup_txt: '<i class="feather icon-chevron-up"></i>'
|
|
});
|
|
|
|
// Min - Max
|
|
|
|
var touchspinValue = $(".touchspin-min-max"),
|
|
counterMin = 15,
|
|
counterMax = 21;
|
|
if (touchspinValue.length > 0) {
|
|
touchspinValue.TouchSpin({
|
|
min: counterMin,
|
|
max: counterMax
|
|
}).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
|
|
});
|
|
|
|
// 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: '<i class="feather icon-minus"></i>',
|
|
buttonup_txt: '<i class="feather icon-plus"></i>'
|
|
});
|
|
});
|
|
|
|
})(window, document, jQuery);
|