You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
218 lines
5.6 KiB
218 lines
5.6 KiB
/* ------------------------------------------------------------------------------ |
|
* |
|
* # 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: '<i class="icon-paragraph-justify2"></i>' |
|
}); |
|
|
|
|
|
// 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: '<i class="icon-accessibility"></i>', |
|
postfix: '<i class="icon-paragraph-justify2"></i>' |
|
}); |
|
|
|
// Primary |
|
$(".touchspin-addon-primary").TouchSpin({ |
|
prefix_extraclass: 'input-group-addon-primary', |
|
postfix_extraclass: 'input-group-addon-primary', |
|
prefix: '<i class="icon-accessibility"></i>', |
|
postfix: '<i class="icon-paragraph-justify2"></i>' |
|
}); |
|
|
|
// Danger |
|
$(".touchspin-addon-danger").TouchSpin({ |
|
prefix_extraclass: 'input-group-addon-danger', |
|
postfix_extraclass: 'input-group-addon-danger', |
|
prefix: '<i class="icon-accessibility"></i>', |
|
postfix: '<i class="icon-paragraph-justify2"></i>' |
|
}); |
|
|
|
// Success |
|
$(".touchspin-addon-success").TouchSpin({ |
|
prefix_extraclass: 'input-group-addon-success', |
|
postfix_extraclass: 'input-group-addon-success', |
|
prefix: '<i class="icon-accessibility"></i>', |
|
postfix: '<i class="icon-paragraph-justify2"></i>' |
|
}); |
|
|
|
// Warning |
|
$(".touchspin-addon-warning").TouchSpin({ |
|
prefix_extraclass: 'input-group-addon-warning', |
|
postfix_extraclass: 'input-group-addon-warning', |
|
prefix: '<i class="icon-accessibility"></i>', |
|
postfix: '<i class="icon-paragraph-justify2"></i>' |
|
}); |
|
|
|
// Info |
|
$(".touchspin-addon-info").TouchSpin({ |
|
prefix_extraclass: 'input-group-addon-info', |
|
postfix_extraclass: 'input-group-addon-info', |
|
prefix: '<i class="icon-accessibility"></i>', |
|
postfix: '<i class="icon-paragraph-justify2"></i>' |
|
}); |
|
|
|
|
|
// |
|
// Buttons |
|
// |
|
|
|
// Default |
|
$(".touchspin-button-default").TouchSpin({ |
|
prefix: '<i class="icon-accessibility"></i>', |
|
postfix: '<i class="icon-paragraph-justify2"></i>', |
|
buttondown_class: "btn btn-default", |
|
buttonup_class: "btn btn-default" |
|
}); |
|
|
|
// Primary |
|
$(".touchspin-button-primary").TouchSpin({ |
|
prefix: '<i class="icon-accessibility"></i>', |
|
postfix: '<i class="icon-paragraph-justify2"></i>', |
|
buttondown_class: "btn btn-primary", |
|
buttonup_class: "btn btn-primary" |
|
}); |
|
|
|
// Danger |
|
$(".touchspin-button-danger").TouchSpin({ |
|
prefix: '<i class="icon-accessibility"></i>', |
|
postfix: '<i class="icon-paragraph-justify2"></i>', |
|
buttondown_class: "btn btn-danger", |
|
buttonup_class: "btn btn-danger" |
|
}); |
|
|
|
// Success |
|
$(".touchspin-button-success").TouchSpin({ |
|
prefix: '<i class="icon-accessibility"></i>', |
|
postfix: '<i class="icon-paragraph-justify2"></i>', |
|
buttondown_class: "btn btn-success", |
|
buttonup_class: "btn btn-success" |
|
}); |
|
|
|
// Warning |
|
$(".touchspin-button-warning").TouchSpin({ |
|
prefix: '<i class="icon-accessibility"></i>', |
|
postfix: '<i class="icon-paragraph-justify2"></i>', |
|
buttondown_class: "btn btn-warning", |
|
buttonup_class: "btn btn-warning" |
|
}); |
|
|
|
// Info |
|
$(".touchspin-button-info").TouchSpin({ |
|
prefix: '<i class="icon-accessibility"></i>', |
|
postfix: '<i class="icon-paragraph-justify2"></i>', |
|
buttondown_class: "btn btn-info", |
|
buttonup_class: "btn btn-info" |
|
}); |
|
|
|
});
|
|
|