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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
|
<?php
/**
* Class SiteOrigin_Widget_Field_Icon
*/
class SiteOrigin_Widget_Field_Icon extends SiteOrigin_Widget_Field_Base {
/**
* The number of visible rows in the icons selector.
*
* @access protected
* @var int
*
*/
protected $rows = 3;
protected $icons_callback;
protected function render_field( $value, $instance ) {
$widget_icon_families = $this->get_widget_icon_families();
$value_parts = self::get_value_parts( $value );
if ( ! empty( $value ) ) {
$value_family = $value_parts['family'];
$value_style = empty( $value_parts['style'] ) ? '' : ( '-' . $value_parts['style'] );
$value = $value_parts['family'] . $value_style . '-' . $value_parts['icon'];
} else {
$value_family = 'fontawesome';
}
?>
<div class="siteorigin-widget-icon-selector-current">
<div class="siteorigin-widget-icon"><span></span></div>
<label><?php _e('Choose Icon', 'so-widgets-bundle') ?></label>
</div>
<a class="so-icon-remove" style="display: <?php echo !empty( $value ) ? 'inline-block' : 'none' ?>;"><?php esc_html_e( 'Remove', 'so-widgets-bundle' ) ?></a>
<div class="clear"></div>
<div class="siteorigin-widget-icon-selector siteorigin-widget-field-subcontainer">
<select class="siteorigin-widget-icon-family" >
<?php foreach( $widget_icon_families as $family_id => $family_info ) : ?>
<option value="<?php echo esc_attr( $family_id ) ?>"
<?php selected( $value_family, $family_id ) ?>
<?php if( !empty( $this->icons_callback ) ) echo 'data-icons="' . esc_attr( json_encode( $family_info ) ) . '"' ?>
>
<?php echo esc_html( $family_info['name'] ) ?> (<?php echo count( $family_info['icons'] ) ?>)
</option>
<?php endforeach; ?>
</select>
<?php if ( ! empty( $widget_icon_families[$value_family]['styles'] ) ) :
$family_styles = $widget_icon_families[ $value_family ]['styles'];
?>
<select class="siteorigin-widget-icon-family-styles">
<?php foreach ( $family_styles as $family_style => $family_style_name ) : ?>
<option value="<?php echo esc_attr( $family_style ) ?>"
<?php selected( $value_parts['style'], $family_style ) ?>>
<?php esc_html_e( $family_style_name ); ?>
</option>
<?php endforeach; ?>
</select>
<?php endif;?>
<input type="search" class="siteorigin-widget-icon-search" placeholder="<?php esc_attr_e( 'Search Icons' ) ?>" />
<input type="hidden" name="<?php echo esc_attr( $this->element_name ) ?>" value="<?php echo esc_attr( $value ) ?>"
class="siteorigin-widget-icon-icon siteorigin-widget-input" />
<div class="siteorigin-widget-icon-icons" style="height: <?php echo ( $this->rows * 54 ) - 3 ?>px;"></div>
</div>
<?php
}
protected function sanitize_field_input( $value, $instance ) {
$sanitized_value = $value;
// Alphanumeric characters and hyphens.
if( preg_match( '/[\w\d]+[\w\d-]*/', $sanitized_value, $sanitized_matches ) ) {
$sanitized_value = $sanitized_matches[0];
}
else {
$sanitized_value = '';
}
$value_parts = self::get_value_parts( $sanitized_value );
$widget_icon_families = $this->get_widget_icon_families();
if( ! ( isset( $widget_icon_families[$value_parts['family']] ) && isset( $widget_icon_families[$value_parts['family']]['icons'][$value_parts['icon']] ) ) ) {
$sanitized_value = isset( $this->default ) ? $this->default : '';
}
return $sanitized_value;
}
private function get_widget_icon_families(){
if( !empty( $this->icons_callback ) ) {
// We'll get the icons from the callback function
$widget_icon_families = call_user_func( $this->icons_callback );
}
else {
// We'll get icons from the main filter
$widget_icon_families = self::get_icon_families();
}
return $widget_icon_families;
}
static function get_icon_families() {
static $widget_icon_families;
if( empty( $widget_icon_families ) ) {
$widget_icon_families = apply_filters( 'siteorigin_widgets_icon_families', array() );
}
return $widget_icon_families;
}
static function get_value_parts( $value ) {
list( $value_family, $value_icon ) = ( ! empty( $value ) && strpos( $value, '-' ) !== false ) ? explode( '-', $value, 2 ) : array('', '');
$matched = preg_match( '/(sow\-fa\w?)\-/', $value_icon, $style_matches );
if ( ! empty( $matched ) ) {
$value_icon = str_replace( $style_matches[0], '', $value_icon );
$value_style = $style_matches[1];
}
// Trigger loading of the icon families and their filters. This isn't ideal, but necessary to ensure possible
// migrations are available.
self::get_icon_families();
return apply_filters( 'siteorigin_widgets_icon_migrate_' . $value_family, array(
'family' => $value_family,
'style' => ! empty( $value_style ) ? $value_style : null,
'icon' => $value_icon,
) );
}
public function enqueue_scripts(){
wp_enqueue_script( 'so-icon-field', plugin_dir_url( __FILE__ ) . 'js/icon-field' . SOW_BUNDLE_JS_SUFFIX . '.js', array( 'jquery' ), SOW_BUNDLE_VERSION );
wp_enqueue_style( 'so-icon-field', plugin_dir_url( __FILE__ ) . 'css/icon-field.css', array( ), SOW_BUNDLE_VERSION );
}
}
|