dev-chiefworks
86 lines
1.9 KiB
JavaScript
86 lines
1.9 KiB
JavaScript
/* ------------------------------------------------------------------------------
|
|
*
|
|
* # Form layouts
|
|
*
|
|
* Demo JS code for form layouts pages
|
|
*
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
|
|
// Setup module
|
|
// ------------------------------
|
|
|
|
var FormLayouts = function() {
|
|
|
|
|
|
//
|
|
// Setup module components
|
|
//
|
|
|
|
// Select2
|
|
var _componentSelect2 = function() {
|
|
if (!$().select2) {
|
|
console.warn('Warning - select2.min.js is not loaded.');
|
|
return;
|
|
};
|
|
|
|
// Basic example
|
|
$('.form-control-select2').select2();
|
|
|
|
|
|
//
|
|
// Select with icons
|
|
//
|
|
|
|
// Format icon
|
|
function iconFormat(icon) {
|
|
var originalOption = icon.element;
|
|
if (!icon.id) { return icon.text; }
|
|
var $icon = "<i class='icon-" + $(icon.element).data('icon') + "'></i>" + icon.text;
|
|
|
|
return $icon;
|
|
}
|
|
|
|
// Initialize with options
|
|
$('.form-control-select2-icons').select2({
|
|
templateResult: iconFormat,
|
|
minimumResultsForSearch: Infinity,
|
|
templateSelection: iconFormat,
|
|
escapeMarkup: function(m) { return m; }
|
|
});
|
|
};
|
|
|
|
// Uniform
|
|
var _componentUniform = function() {
|
|
if (!$().uniform) {
|
|
console.warn('Warning - uniform.min.js is not loaded.');
|
|
return;
|
|
}
|
|
|
|
// Initialize
|
|
$('.form-input-styled').uniform({
|
|
fileButtonClass: 'action btn bg-pink-400'
|
|
});
|
|
};
|
|
|
|
|
|
//
|
|
// Return objects assigned to module
|
|
//
|
|
|
|
return {
|
|
init: function() {
|
|
_componentSelect2();
|
|
_componentUniform();
|
|
}
|
|
}
|
|
}();
|
|
|
|
|
|
// Initialize module
|
|
// ------------------------------
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
FormLayouts.init();
|
|
});
|