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.
103 lines
2.9 KiB
103 lines
2.9 KiB
9 months ago
|
<?php
|
||
|
defined( 'ABSPATH' ) || die;
|
||
|
|
||
|
/**
|
||
|
* The autocomplete field.
|
||
|
*/
|
||
|
class RWMB_Autocomplete_Field extends RWMB_Multiple_Values_Field {
|
||
|
public static function admin_enqueue_scripts() {
|
||
|
wp_enqueue_style( 'rwmb-autocomplete', RWMB_CSS_URL . 'autocomplete.css', [], RWMB_VER );
|
||
|
wp_style_add_data( 'rwmb-autocomplete', 'path', RWMB_CSS_DIR . 'autocomplete.css' );
|
||
|
wp_enqueue_script( 'rwmb-autocomplete', RWMB_JS_URL . 'autocomplete.js', [ 'jquery-ui-autocomplete' ], RWMB_VER, true );
|
||
|
|
||
|
RWMB_Helpers_Field::localize_script_once( 'rwmb-autocomplete', 'RWMB_Autocomplete', [
|
||
|
'delete' => __( 'Delete', 'meta-box' ),
|
||
|
] );
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Get field HTML.
|
||
|
*
|
||
|
* @param mixed $meta Meta value.
|
||
|
* @param array $field Field parameters.
|
||
|
* @return string
|
||
|
*/
|
||
|
public static function html( $meta, $field ) {
|
||
|
if ( ! is_array( $meta ) ) {
|
||
|
$meta = [ $meta ];
|
||
|
}
|
||
|
|
||
|
// Filter out empty values in case the array started with empty or 0 values
|
||
|
$meta = array_filter( $meta, function ( $index ) use ( $meta ) {
|
||
|
return $meta[ $index ] !== '';
|
||
|
}, ARRAY_FILTER_USE_KEY );
|
||
|
|
||
|
$field = apply_filters( 'rwmb_autocomplete_field', $field, $meta );
|
||
|
$options = $field['options'];
|
||
|
|
||
|
if ( is_array( $field['options'] ) ) {
|
||
|
$options = [];
|
||
|
foreach ( $field['options'] as $value => $label ) {
|
||
|
$options[] = [
|
||
|
'value' => (string) $value,
|
||
|
'label' => $label,
|
||
|
];
|
||
|
}
|
||
|
$options = wp_json_encode( $options );
|
||
|
}
|
||
|
|
||
|
// Input field that triggers autocomplete.
|
||
|
// This field doesn't store field values, so it doesn't have "name" attribute.
|
||
|
// The value(s) of the field is store in hidden input(s). See below.
|
||
|
$html = sprintf(
|
||
|
'<input type="text" class="rwmb-autocomplete-search">
|
||
|
<input type="hidden" name="%s" class="rwmb-autocomplete" data-options="%s" disabled>',
|
||
|
esc_attr( $field['field_name'] ),
|
||
|
esc_attr( $options )
|
||
|
);
|
||
|
|
||
|
$html .= '<div class="rwmb-autocomplete-results">';
|
||
|
|
||
|
// Each value is displayed with label and 'Delete' option.
|
||
|
// The hidden input has to have ".rwmb-*" class to make clone work.
|
||
|
$tpl = '
|
||
|
<div class="rwmb-autocomplete-result">
|
||
|
<div class="label">%s</div>
|
||
|
<div class="actions">%s</div>
|
||
|
<input type="hidden" class="rwmb-autocomplete-value" name="%s" value="%s">
|
||
|
</div>
|
||
|
';
|
||
|
|
||
|
if ( is_array( $field['options'] ) ) {
|
||
|
foreach ( $field['options'] as $value => $label ) {
|
||
|
if ( ! in_array( $value, $meta ) ) {
|
||
|
continue;
|
||
|
}
|
||
|
$html .= sprintf(
|
||
|
$tpl,
|
||
|
esc_html( $label ),
|
||
|
esc_html__( 'Delete', 'meta-box' ),
|
||
|
esc_attr( $field['field_name'] ),
|
||
|
esc_attr( $value )
|
||
|
);
|
||
|
}
|
||
|
} else {
|
||
|
$meta = array_filter( $meta );
|
||
|
foreach ( $meta as $value ) {
|
||
|
$label = apply_filters( 'rwmb_autocomplete_result_label', $value, $field );
|
||
|
$html .= sprintf(
|
||
|
$tpl,
|
||
|
esc_html( $label ),
|
||
|
esc_html__( 'Delete', 'meta-box' ),
|
||
|
esc_attr( $field['field_name'] ),
|
||
|
esc_attr( $value )
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
$html .= '</div>'; // .rwmb-autocomplete-results.
|
||
|
|
||
|
return $html;
|
||
|
}
|
||
|
}
|