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.
56 lines
1.8 KiB
56 lines
1.8 KiB
var ComponentsColorPickers = function() {
|
|
|
|
var handleColorPicker = function () {
|
|
if (!jQuery().colorpicker) {
|
|
return;
|
|
}
|
|
$('.colorpicker-default').colorpicker({
|
|
format: 'hex'
|
|
});
|
|
$('.colorpicker-rgba').colorpicker();
|
|
}
|
|
|
|
var handleMiniColors = function() {
|
|
$('.demo').each(function() {
|
|
//
|
|
// Dear reader, it's actually very easy to initialize MiniColors. For example:
|
|
//
|
|
// $(selector).minicolors();
|
|
//
|
|
// The way I've done it below is just for the demo, so don't get confused
|
|
// by it. Also, data- attributes aren't supported at this time...they're
|
|
// only used for this demo.
|
|
//
|
|
$(this).minicolors({
|
|
control: $(this).attr('data-control') || 'hue',
|
|
defaultValue: $(this).attr('data-defaultValue') || '',
|
|
inline: $(this).attr('data-inline') === 'true',
|
|
letterCase: $(this).attr('data-letterCase') || 'lowercase',
|
|
opacity: $(this).attr('data-opacity'),
|
|
position: $(this).attr('data-position') || 'bottom left',
|
|
change: function(hex, opacity) {
|
|
if (!hex) return;
|
|
if (opacity) hex += ', ' + opacity;
|
|
if (typeof console === 'object') {
|
|
console.log(hex);
|
|
}
|
|
},
|
|
theme: 'bootstrap'
|
|
});
|
|
|
|
});
|
|
}
|
|
|
|
return {
|
|
//main function to initiate the module
|
|
init: function() {
|
|
handleMiniColors();
|
|
handleColorPicker();
|
|
}
|
|
};
|
|
|
|
}();
|
|
|
|
jQuery(document).ready(function() {
|
|
ComponentsColorPickers.init();
|
|
});
|