jQuery( document ).ready(
function($){
// Icon picker
$( '.sp-icons input' ).on(
'change',
function() {
if ('' == $( this ).val()) {
$( '.sp-custom-colors' ).hide();
$( '.sp-custom-thumbnail' ).show();
} else {
$( '.sp-custom-thumbnail' ).hide();
$( '.sp-custom-colors' ).show();
}
}
);
// Color picker
$( '.colorpick' ).iris(
{
change: function(event, ui){
$( this ).css( { backgroundColor: ui.color.toString() } );
},
hide: true,
border: true
}
).each(
function() {
$( this ).css( { backgroundColor: $( this ).val() } );
}
)
.click(
function(){
$( '.iris-picker' ).hide();
$( this ).closest( '.sp-color-box-for-icon, td' ).find( '.iris-picker' ).show();
}
);
$( 'body' ).click(
function() {
$( '.iris-picker' ).hide();
}
);
$( '.sp-color-box-for-icon, .colorpick' ).click(
function(event){
event.stopPropagation();
}
);
}
);