/** * Contents for the icon selection modal. * * @since 0.4.0 */ function ev_icon_modal_load() { if (!ev_is_post_nonce_valid('ev_icon')) { die; } if (!isset($_POST['data'])) { die; } $data = $_POST['data']; $prefix = isset($data['prefix']) ? $data['prefix'] : ''; $set = isset($data['set']) ? $data['set'] : ''; $icon = isset($data['icon']) ? $data['icon'] : ''; $color = isset($data['color']) ? $data['color'] : ''; $size = isset($data['size']) ? $data['size'] : ''; $icon_fonts = ev_get_icon_fonts(); $content = '<div class="ev-icon-sets-external-wrapper ev-active">'; $content .= '<div class="ev-icon-search-wrapper">'; $content .= sprintf('<input type="text" placeholder="%s" data-icon-search>', esc_attr(_x('Search…', 'icon search', 'ev_framework'))); $content .= '<p class="ev-icon-search-results"></p>'; $content .= '</div>'; $content .= '<div class="ev-icon-sets-controls-external-wrapper">'; $content .= '<div class="ev-icon-sets-controls-wrapper">'; $content .= '<div class="ev-icon-sets-controls-field-wrapper">'; $content .= sprintf('<label>%s</label>', esc_html(__('Color', 'ev_framework'))); $content .= ev_color('color', $color, false, false, false); $content .= '</div>'; $content .= '<div class="ev-icon-sets-controls-field-wrapper">'; $content .= sprintf('<label>%s</label>', esc_html(__('Size', 'ev_framework'))); $content .= sprintf('<input type="text" name="size" value="%s" data-icon-size>', esc_attr($size)); $content .= '</div>'; $content .= sprintf('<input type="hidden" name="prefix" value="%s" data-icon-prefix>', esc_attr($prefix)); $content .= sprintf('<input type="hidden" name="set" value="%s" data-icon-set>', esc_attr($set)); $content .= sprintf('<input type="hidden" name="icon" value="%s" data-icon-name>', esc_attr($icon)); $content .= '</div>'; $content .= '<div class="ev-icon-sets-preview-wrapper">'; $content .= sprintf('<span class="ev-icon-sets-preview-label">%s</span>', esc_html(__('Preview', 'ev_framework'))); $content .= sprintf('<span class="ev-selected-icon-preview ev-icon ev-component %s %s" style="color: %s;font-size: %s"></span>', esc_attr($prefix), esc_attr($icon), esc_attr($color), esc_attr($size)); $content .= '</div>'; $content .= '</div>'; $content .= '<div class="ev-icon-sets-inner-wrapper">'; $content .= '<div class="ev-icon-sets">'; foreach ($icon_fonts as $index => $font) { $set_class = 'ev-on ev-icon-set-' . $font['name']; $content .= sprintf('<div class="%s">', esc_attr($set_class)); $content .= sprintf('<h2>%s</h2>', esc_html($font['label'])); foreach ($font['mapping'] as $set_icon) { $icon_class = $font['prefix'] . ' ' . $set_icon . ' ev-icon ev-component'; if ($font['name'] == $set && $font['prefix'] == $prefix && $set_icon == $icon) { $icon_class .= ' ev-selected'; } $set_icon_stripped = strstr($set_icon, '-'); $content .= sprintf('<i data-prefix="%s" data-set="%s" data-icon-name="%s" data-icon-stripped="%s" class="%s" aria-hidden="true"></i>', esc_attr($font['prefix']), esc_attr($font['name']), esc_attr($set_icon), esc_attr($set_icon_stripped), esc_attr($icon_class)); } $content .= '</div>'; } $content .= '</div>'; $content .= '</div>'; $content .= '</div>'; $m = new Ev_SimpleModal('ev-icon', array('title' => __('Icon', 'ev_framework'))); $m->render($content); die; }
<?php $multiple = $field->config('multiple'); $opacity = $field->config('opacity'); $value = $field->value(); $handle = $field->handle(); $style = $field->config('style'); if ($multiple !== false && is_array($multiple)) { foreach ($multiple as $k => $field_label) { $field_value = $value; if (is_array($field_value) && isset($field_value[$k])) { $field_value = $field_value[$k]; } $field_handle = $handle . '[' . $k . ']'; echo '<div class="ev-color-input-wrapper">'; echo '<span class="ev-sub-label">' . esc_html($field_label) . '</span>'; echo '<div class="ev-color-inner-wrapper">'; ev_color($field_handle, $field_value, $opacity, $style); echo '</div>'; echo '</div>'; } } else { echo '<div class="ev-color-inner-wrapper">'; ev_color($handle, $value, $opacity, $style); echo '</div>'; }