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.6 KiB
56 lines
1.6 KiB
9 months ago
|
( function ( $, rwmb, i18n ) {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Transform an input into an autocomplete.
|
||
|
|
*/
|
||
|
|
function transform( e ) {
|
||
|
|
var $this = $( this ),
|
||
|
|
$search = $this.siblings( '.rwmb-autocomplete-search' ),
|
||
|
|
$result = $this.siblings( '.rwmb-autocomplete-results' ),
|
||
|
|
name = $this.attr( 'name' );
|
||
|
|
|
||
|
|
// If the function is called on cloning, then change the field name and clear all results
|
||
|
|
if ( e.hasOwnProperty( 'type' ) && 'clone' == e.type ) {
|
||
|
|
$result.html( '' );
|
||
|
|
}
|
||
|
|
|
||
|
|
$search.removeClass( 'ui-autocomplete-input' ).autocomplete( {
|
||
|
|
minLength: 0,
|
||
|
|
source: $this.data( 'options' ),
|
||
|
|
select: function ( event, ui ) {
|
||
|
|
$result.append(
|
||
|
|
'<div class="rwmb-autocomplete-result">' +
|
||
|
|
'<div class="label">' + ( typeof ui.item.excerpt !== 'undefined' ? ui.item.excerpt : ui.item.label ) + '</div>' +
|
||
|
|
'<div class="actions">' + i18n.delete + '</div>' +
|
||
|
|
'<input type="hidden" class="rwmb-autocomplete-value" name="' + name + '" value="' + ui.item.value + '">' +
|
||
|
|
'</div>'
|
||
|
|
);
|
||
|
|
|
||
|
|
// Reinitialize value.
|
||
|
|
$search.val( '' ).trigger( 'change' );
|
||
|
|
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
function deleteSelection( e ) {
|
||
|
|
e.preventDefault();
|
||
|
|
var $item = $( this ).parent(),
|
||
|
|
$search = $item.parent().siblings( '.rwmb-autocomplete-search' );
|
||
|
|
|
||
|
|
$item.remove();
|
||
|
|
$search.trigger( 'change' );
|
||
|
|
}
|
||
|
|
|
||
|
|
function init( e ) {
|
||
|
|
$( e.target ).find( '.rwmb-autocomplete-wrapper input[type="hidden"]' ).each( transform );
|
||
|
|
}
|
||
|
|
|
||
|
|
rwmb.$document
|
||
|
|
.on( 'mb_ready', init )
|
||
|
|
.on( 'clone', '.rwmb-autocomplete', transform )
|
||
|
|
.on( 'click', '.rwmb-autocomplete-result .actions', deleteSelection );
|
||
|
|
} )( jQuery, rwmb, RWMB_Autocomplete );
|