')
.css({
'top': $button.offset().top,
'left': $button.offset().left,
'z-index': 999999999
});
var $list = $popup.find('.dashicon-picker-list');
for (var i in icons) {
$list.append('
');
};
$('a', $list).click(function(e) {
e.preventDefault();
var title = $(this).attr("title");
$target.val("dashicons-"+title).trigger("change");
$preview.removeClass().addClass("dashicons dashicons-"+title);
removePopup();
});
var $control = $popup.find('.dashicon-picker-control');
$control.html(' \
\
');
$('a', $control).click(function(e) {
e.preventDefault();
if ($(this).data('direction') === 'back') {
//move last 25 elements to front
$('li:gt(' + (icons.length - 26) + ')', $list).each(function() {
$(this).prependTo($list);
});
} else {
//move first 25 elements to the end
$('li:lt(25)', $list).each(function() {
$(this).appendTo($list);
});
}
});
$popup.appendTo('body').show();
$('input', $control).on('keyup', function(e) {
var search = $(this).val();
if (search === '') {
//show all again
$('li:lt(25)', $list).show();
} else {
$('li', $list).each(function() {
if ($(this).data('icon').toLowerCase().indexOf(search.toLowerCase()) !== -1) {
$(this).show();
} else {
$(this).hide();
}
});
}
});
$(document).mouseup(function (e){
if (!$popup.is(e.target) && $popup.has(e.target).length === 0) {
removePopup();
}
});
}
function removePopup(){
$(".dashicon-picker-container").remove();
}
});
}
function initDashiconsPicker( widget ) {
widget.find( '.dashicons-picker' ).dashiconsPicker();
}
function onFormUpdate( event, widget ) {
initDashiconsPicker( widget );
}
$( document ).on( 'widget-added widget-updated widget-synced', onFormUpdate );
$( document ).ready( function() {
$( '#widgets-right .widget:has(.dashicons-picker)' ).each( function () {
initDashiconsPicker( $( this ) );
} );
} );
}(jQuery));