1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
<?php
/**
* The autocomplete field.
*
* @package Meta Box
*/
/**
* Autocomplete field class.
*/
class RWMB_Autocomplete_Field extends RWMB_Multiple_Values_Field {
/**
* Enqueue scripts and styles.
*/
public static function admin_enqueue_scripts() {
wp_enqueue_style( 'rwmb-autocomplete', RWMB_CSS_URL . 'autocomplete.css', '', RWMB_VER );
wp_enqueue_script( 'rwmb-autocomplete', RWMB_JS_URL . 'autocomplete.js', array( 'jquery-ui-autocomplete' ), RWMB_VER, true );
self::localize_script( 'rwmb-autocomplete', 'RWMB_Autocomplete', array(
'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 = array( $meta );
}
$field = apply_filters( 'rwmb_autocomplete_field', $field, $meta );
$options = $field['options'];
if ( is_array( $field['options'] ) ) {
$options = array();
foreach ( $field['options'] as $value => $label ) {
$options[] = array(
'value' => $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" size="%s">
<input type="hidden" name="%s" class="rwmb-autocomplete" data-options="%s" disabled>',
esc_attr( $field['size'] ),
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;
}
/**
* Normalize parameters for field.
*
* @param array $field Field parameters.
* @return array
*/
public static function normalize( $field ) {
$field = parent::normalize( $field );
$field = wp_parse_args( $field, array(
'size' => 30,
) );
return $field;
}
}
|