/* ------------------------------------------------------------------------------
*
* # Input groups
*
* Specific JS code additions for form_input_groups.html page
*
* Version: 1.0
* Latest update: Aug 1, 2015
*
* ---------------------------------------------------------------------------- */
$(function() {
// Checkboxes/radios in addons
// ------------------------------
// Switchery
if (Array.prototype.forEach) {
var elems = Array.prototype.slice.call(document.querySelectorAll('.switchery'));
elems.forEach(function(html) {
var switchery = new Switchery(html);
});
}
else {
var elems = document.querySelectorAll('.switchery');
for (var i = 0; i < elems.length; i++) {
var switchery = new Switchery(elems[i]);
}
}
// Styled checkboxes/radios
$(".styled, .multiselect-container input").uniform({
radioClass: 'choice'
});
// Update uniform when select between styled and unstyled
$('.input-group-addon input[type=radio]').on('click', function() {
$.uniform.update("[name=addon-radio]");
});
// Touchspin spinners
// ------------------------------
// Basic example
$(".touchspin-basic").TouchSpin({
postfix: ''
});
// Postfix
$(".touchspin-postfix").TouchSpin({
min: 0,
max: 100,
step: 0.1,
decimals: 2,
postfix: '%'
});
// Prefix
$(".touchspin-prefix").TouchSpin({
min: 0,
max: 100,
step: 0.1,
decimals: 2,
prefix: '$'
});
// Init with empty values
$(".touchspin-empty").TouchSpin();
// Disable mousewheel
$(".touchspin-no-mousewheel").TouchSpin({
mousewheel: false
});
// Incremental/decremental steps
$(".touchspin-step").TouchSpin({
step: 10
});
// Set value
$(".touchspin-set-value").TouchSpin({
initval: 40
});
// Inside button group
$(".touchspin-button-group").TouchSpin({
prefix: "pre",
postfix: "post"
});
// Vertical spinners
$(".touchspin-vertical").TouchSpin({
verticalbuttons: true,
verticalupclass: 'icon-arrow-up22',
verticaldownclass: 'icon-arrow-down22'
});
// Touchspin colors
// ------------------------------
//
// Addons
//
// Default
$(".touchspin-addon-default").TouchSpin({
prefix: '',
postfix: ''
});
// Primary
$(".touchspin-addon-primary").TouchSpin({
prefix_extraclass: 'input-group-addon-primary',
postfix_extraclass: 'input-group-addon-primary',
prefix: '',
postfix: ''
});
// Danger
$(".touchspin-addon-danger").TouchSpin({
prefix_extraclass: 'input-group-addon-danger',
postfix_extraclass: 'input-group-addon-danger',
prefix: '',
postfix: ''
});
// Success
$(".touchspin-addon-success").TouchSpin({
prefix_extraclass: 'input-group-addon-success',
postfix_extraclass: 'input-group-addon-success',
prefix: '',
postfix: ''
});
// Warning
$(".touchspin-addon-warning").TouchSpin({
prefix_extraclass: 'input-group-addon-warning',
postfix_extraclass: 'input-group-addon-warning',
prefix: '',
postfix: ''
});
// Info
$(".touchspin-addon-info").TouchSpin({
prefix_extraclass: 'input-group-addon-info',
postfix_extraclass: 'input-group-addon-info',
prefix: '',
postfix: ''
});
//
// Buttons
//
// Default
$(".touchspin-button-default").TouchSpin({
prefix: '',
postfix: '',
buttondown_class: "btn btn-default",
buttonup_class: "btn btn-default"
});
// Primary
$(".touchspin-button-primary").TouchSpin({
prefix: '',
postfix: '',
buttondown_class: "btn btn-primary",
buttonup_class: "btn btn-primary"
});
// Danger
$(".touchspin-button-danger").TouchSpin({
prefix: '',
postfix: '',
buttondown_class: "btn btn-danger",
buttonup_class: "btn btn-danger"
});
// Success
$(".touchspin-button-success").TouchSpin({
prefix: '',
postfix: '',
buttondown_class: "btn btn-success",
buttonup_class: "btn btn-success"
});
// Warning
$(".touchspin-button-warning").TouchSpin({
prefix: '',
postfix: '',
buttondown_class: "btn btn-warning",
buttonup_class: "btn btn-warning"
});
// Info
$(".touchspin-button-info").TouchSpin({
prefix: '',
postfix: '',
buttondown_class: "btn btn-info",
buttonup_class: "btn btn-info"
});
});