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
119
120
121
122
123
124
125
126
127
128
<?php
// Prevent loading this file directly
defined( 'ABSPATH' ) || exit;
if ( ! class_exists( 'WCQD_METABOX_Autocomplete_Field' ) )
{
class WCQD_METABOX_Autocomplete_Field extends WCQD_METABOX_Field_Multiple_Values
{
/**
* Enqueue scripts and styles
*
* @return void
*/
static function admin_enqueue_scripts()
{
wp_enqueue_style( 'rwmb-autocomplete', WCQD_METABOX_CSS_URL . 'autocomplete.css', array( 'wp-admin' ), WCQD_METABOX_VER );
wp_enqueue_script( 'rwmb-autocomplete', WCQD_METABOX_JS_URL . 'autocomplete.js', array( 'jquery-ui-autocomplete' ), WCQD_METABOX_VER, true );
wp_localize_script( 'rwmb-autocomplete', 'WCQD_METABOX_Autocomplete', array( 'delete' => __( 'Delete', 'meta-box' ) ) );
}
/**
* Get field HTML
*
* @param mixed $meta
* @param array $field
*
* @return string
*/
static function html( $meta, $field )
{
if ( ! is_array( $meta ) )
$meta = array( $meta );
if ( is_string( $field['options'] ) )
{
$options = $field['options'];
}
else
{
$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" id="%s" data-name="%s" data-options="%s" size="%s">',
$field['id'],
$field['field_name'],
esc_attr( $options ),
$field['size']
);
$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 ) )
{
$html .= sprintf(
$tpl,
$label,
__( 'Delete', 'meta-box' ),
$field['field_name'],
$value
);
}
}
}
else
{
foreach ( $meta as $value )
{
if ( empty( $value ) )
continue;
$label = apply_filters( 'wcqd_metabox_autocomplete_result_label', $value, $field );
$html .= sprintf(
$tpl,
$label,
__( 'Delete', 'meta-box' ),
$field['field_name'],
$value
);
}
}
$html .= '</div>'; // .rwmb-autocomplete-results
return $html;
}
/**
* Normalize parameters for field
*
* @param array $field
*
* @return array
*/
static function normalize_field( $field )
{
$field = parent::normalize_field( $field );
$field = wp_parse_args( $field, array(
'size' => 30,
) );
return $field;
}
}
}