first commit
This commit is contained in:
@@ -0,0 +1,135 @@
|
||||
/* ------------------------------------------------------------------------------
|
||||
*
|
||||
* # 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());
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user