dev-chiefworks
136 lines
2.9 KiB
JavaScript
136 lines
2.9 KiB
JavaScript
/* ------------------------------------------------------------------------------
|
|
*
|
|
* # Panel heading elements
|
|
*
|
|
* Specific JS code additions for appearance_panel_heading.html page
|
|
*
|
|
* Version: 1.0
|
|
* Latest update: Aug 1, 2015
|
|
*
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
$(function() {
|
|
|
|
|
|
// Sliders
|
|
// -------------------------
|
|
|
|
// jQuery UI slider
|
|
$(".ui-slider").slider({
|
|
range: true,
|
|
min: 0,
|
|
max: 60,
|
|
values: [ 10, 50 ]
|
|
});
|
|
|
|
|
|
// NoUI slider
|
|
var slider_noui = document.getElementById('noui-slider-demo');
|
|
noUiSlider.create(slider_noui, {
|
|
start: [ 4000, 8000 ],
|
|
connect: true,
|
|
range: {
|
|
'min': [ 2000 ],
|
|
'max': [ 10000 ]
|
|
}
|
|
});
|
|
|
|
|
|
|
|
// Selects
|
|
// -------------------------
|
|
|
|
// SelectBoxIt dropdowns
|
|
$(".selectbox").selectBoxIt({
|
|
autoWidth: false,
|
|
width: 220
|
|
});
|
|
|
|
|
|
// Bootstrap select
|
|
$('.bootstrap-select').selectpicker();
|
|
|
|
|
|
// Select2 selects
|
|
$('.select').select2({
|
|
minimumResultsForSearch: Infinity,
|
|
width: 220
|
|
});
|
|
|
|
|
|
// Multiselect
|
|
$('.multiselect').multiselect({
|
|
dropRight: true,
|
|
onChange: function(option, checked, select) {
|
|
$.uniform.update();
|
|
}
|
|
});
|
|
|
|
|
|
|
|
// Form components
|
|
// -------------------------
|
|
|
|
// Touchspin spinners
|
|
$(".touchspin-postfix").TouchSpin({
|
|
min: 0,
|
|
max: 100,
|
|
step: 0.1,
|
|
decimals: 2,
|
|
postfix: '%'
|
|
});
|
|
|
|
|
|
// Switchery toggles
|
|
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]);
|
|
}
|
|
}
|
|
|
|
// Bootstrap switches
|
|
$(".switch").bootstrapSwitch();
|
|
|
|
|
|
// Checkboxes and radios
|
|
$(".styled, .multiselect-container input").uniform({ radioClass: 'choice' });
|
|
|
|
|
|
// Single file uploader
|
|
$('.file-styled').uniform({
|
|
fileButtonClass: 'action btn bg-warning-400 btn-icon',
|
|
fileButtonHtml: '<i class="icon-upload"></i>'
|
|
});
|
|
|
|
|
|
|
|
// Other components
|
|
// -------------------------
|
|
|
|
// jQuery UI Sortable
|
|
$(".sortable").sortable({
|
|
connectWith: '.sortable',
|
|
items: '.panel',
|
|
helper: 'original',
|
|
cursor: 'move',
|
|
handle: '[data-action=move]',
|
|
revert: 100,
|
|
forceHelperSize: true,
|
|
placeholder: 'sortable-placeholder',
|
|
forcePlaceholderSize: true,
|
|
tolerance: 'pointer',
|
|
start: function(e, ui){
|
|
ui.placeholder.height(ui.item.outerHeight());
|
|
}
|
|
});
|
|
|
|
});
|