/**
* Generates the options fields that are used in the form.
*/
function optionsframework_fields()
{
global $allowedtags;
$optionsframework_settings = get_option('optionsframework');
// Gets the unique option id
if (isset($optionsframework_settings['id'])) {
$option_name = $optionsframework_settings['id'];
} else {
$option_name = 'optionsframework';
}
$settings = get_option($option_name);
$options =& _optionsframework_options();
// Clear function static variables
optionsframework_options_for_page_filter(0);
// Filter options for current page
$options = array_filter($options, 'optionsframework_options_for_page_filter');
$optionsframework_debug = defined('OPTIONS_FRAMEWORK_DEBUG') && OPTIONS_FRAMEWORK_DEBUG ? true : false;
$counter = 0;
$menu = '';
$elements_without_wrap = array('block_begin', 'block_end', 'heading', 'info', 'page', 'js_hide_begin', 'js_hide_end', 'title', 'divider');
foreach ($options as $value) {
$val = '';
$select_value = '';
$checked = '';
$output = '';
if (!empty($value['before'])) {
$output .= $value['before'];
}
// Wrap all options
if (!in_array($value['type'], $elements_without_wrap)) {
// Keep all ids lowercase with no spaces
$value['id'] = preg_replace('/(\\W!-)/', '', strtolower($value['id']));
$id = 'section-' . $value['id'];
$class = 'section';
if (isset($value['type'])) {
$class .= ' section-' . $value['type'];
}
if (isset($value['class'])) {
$class .= ' ' . $value['class'];
}
$output .= '<div id="' . esc_attr($id) . '" class="' . esc_attr($class) . '">' . "\n";
$output .= '<div class="option">' . "\n";
if (!empty($value['name']) || $optionsframework_debug) {
$output .= '<div class="name">' . (!empty($value['name']) ? esc_html($value['name']) : '') . "\n";
$explain_value = '';
if (isset($value['desc'])) {
$explain_value = $value['desc'];
}
$output .= '<div class="explain"><small>' . wp_kses($explain_value, $allowedtags) . ($optionsframework_debug ? '<br /><code>' . $value['id'] . '</code>' : '') . '</small></div>' . "\n";
$output .= '</div>' . "\n";
}
if ($value['type'] != 'editor') {
if (empty($value['name'])) {
$output .= '<div class="controls controls-fullwidth">' . "\n";
} else {
$output .= '<div class="controls">' . "\n";
}
} else {
$output .= '<div>' . "\n";
}
}
// Set default value to $val
if (isset($value['std'])) {
$val = $value['std'];
}
// If the option is already saved, ovveride $val
if (!in_array($value['type'], array('page', 'info', 'heading'))) {
if (isset($value['id'], $settings[$value['id']])) {
$val = $settings[$value['id']];
// Striping slashes of non-array options
if (!is_array($val)) {
$val = stripslashes($val);
}
}
}
switch ($value['type']) {
// Basic text input
case 'text':
$output .= '<input id="' . esc_attr($value['id']) . '" class="of-input" name="' . esc_attr($option_name . '[' . $value['id'] . ']') . '" type="text" value="' . esc_attr($val) . '" />';
break;
// Password input
// Password input
case 'password':
$output .= '<input id="' . esc_attr($value['id']) . '" class="of-input" name="' . esc_attr($option_name . '[' . $value['id'] . ']') . '" type="password" value="' . esc_attr($val) . '" />';
break;
// Textarea
// Textarea
case 'textarea':
$rows = '8';
if (isset($value['settings']['rows'])) {
$custom_rows = $value['settings']['rows'];
if (is_numeric($custom_rows)) {
$rows = $custom_rows;
}
}
$val = stripslashes($val);
$output .= '<textarea id="' . esc_attr($value['id']) . '" class="of-input" name="' . esc_attr($option_name . '[' . $value['id'] . ']') . '" rows="' . $rows . '">' . esc_textarea($val) . '</textarea>';
break;
// Select Box
// Select Box
case 'select':
$output .= '<select class="of-input" name="' . esc_attr($option_name . '[' . $value['id'] . ']') . '" id="' . esc_attr($value['id']) . '">';
foreach ($value['options'] as $key => $option) {
$selected = '';
if ($val != '') {
if ($val == $key) {
$selected = ' selected="selected"';
}
}
$output .= '<option' . $selected . ' value="' . esc_attr($key) . '">' . esc_html($option) . '</option>';
}
$output .= '</select>';
break;
// Radio Box
// Radio Box
case "radio":
$name = $option_name . '[' . $value['id'] . ']';
$show_hide = empty($value['show_hide']) ? array() : (array) $value['show_hide'];
$classes = array('of-input', 'of-radio');
if (!empty($show_hide)) {
$classes[] = 'of-js-hider';
}
foreach ($value['options'] as $key => $option) {
$id = $option_name . '-' . $value['id'] . '-' . $key;
$input_classes = $classes;
$attr = '';
if (!empty($show_hide[$key])) {
$input_classes[] = 'js-hider-show';
if (true !== $show_hide[$key]) {
$attr = ' data-js-target="' . $show_hide[$key] . '"';
}
}
$output .= '<input class="' . esc_attr(implode(' ', $input_classes)) . '"' . $attr . ' type="radio" name="' . esc_attr($name) . '" id="' . esc_attr($id) . '" value="' . esc_attr($key) . '" ' . checked($val, $key, false) . ' /><label for="' . esc_attr($id) . '">' . esc_html($option) . '</label>';
}
break;
// Image Selectors
// Image Selectors
case "images":
$name = $option_name . '[' . $value['id'] . ']';
$show_hide = empty($value['show_hide']) ? array() : (array) $value['show_hide'];
$classes = array('of-radio-img-radio');
if (!empty($show_hide)) {
$classes[] = 'of-js-hider';
}
if (empty($value['base_dir'])) {
$dir = get_template_directory_uri();
} else {
$dir = $value['base_dir'];
}
foreach ($value['options'] as $key => $option) {
$input_classes = $classes;
$selected = '';
$checked = '';
$attr = '';
if ($val != '') {
if ($val == $key) {
$selected = ' of-radio-img-selected';
$checked = ' checked="checked"';
}
}
if (!empty($show_hide[$key])) {
$input_classes[] = 'js-hider-show';
if (true !== $show_hide[$key]) {
$attr = ' data-js-target="' . $show_hide[$key] . '"';
}
}
$output .= '<div class="of-radio-img-inner-container">';
$output .= '<input type="radio" id="' . esc_attr($value['id'] . '_' . $key) . '" class="' . esc_attr(implode(' ', $input_classes)) . '"' . $attr . ' value="' . esc_attr($key) . '" name="' . esc_attr($name) . '" ' . $checked . ' />';
$img_info = '';
if (is_array($option) && isset($option['src'], $option['title'])) {
$img = $dir . $option['src'];
$title = $option['title'];
if ($title) {
$img_info = '<div class="of-radio-img-label">' . esc_html($title) . '</div>';
}
} else {
$img = $dir . $option;
$title = $option;
}
$output .= '<img src="' . esc_url($img) . '" alt="' . esc_attr($title) . '" class="of-radio-img-img' . $selected . '" onclick="dtRadioImagesSetCheckbox(\'' . esc_attr($value['id'] . '_' . $key) . '\');" />';
$output .= $img_info;
$output .= '</div>';
}
break;
// Checkbox
// Checkbox
case "checkbox":
$classes = array();
$classes[] = 'checkbox';
$classes[] = 'of-input';
if (isset($value['options']['java_hide']) && $value['options']['java_hide']) {
$classes[] = 'of-js-hider';
} else {
if (isset($value['options']['java_hide_global']) && $value['options']['java_hide_global']) {
$classes[] = 'of-js-hider-global';
}
}
$classes = implode(' ', $classes);
$output .= '<input id="' . esc_attr($value['id']) . '" class="' . $classes . '" type="checkbox" name="' . esc_attr($option_name . '[' . $value['id'] . ']') . '" ' . checked($val, 1, false) . ' />';
break;
// Multicheck
// Multicheck
case "multicheck":
foreach ($value['options'] as $key => $option) {
$checked = '';
$label = $option;
$option = preg_replace('/[^a-zA-Z0-9._\\-]/', '', strtolower($key));
$id = $option_name . '-' . $value['id'] . '-' . $option;
$name = $option_name . '[' . $value['id'] . '][' . $option . ']';
if (isset($val[$option])) {
$checked = checked($val[$option], 1, false);
}
$output .= '<input id="' . esc_attr($id) . '" class="checkbox of-input" type="checkbox" name="' . esc_attr($name) . '" ' . $checked . ' /><label for="' . esc_attr($id) . '">' . esc_html($label) . '</label>';
}
break;
// Color picker
// Color picker
case "color":
$default_color = '';
if (isset($value['std'])) {
if ($val != $value['std']) {
$default_color = ' data-default-color="' . $value['std'] . '" ';
}
}
$output .= '<input name="' . esc_attr($option_name . '[' . $value['id'] . ']') . '" id="' . esc_attr($value['id']) . '" class="of-color" type="text" value="' . esc_attr($val) . '"' . $default_color . ' />';
break;
// Uploader
// Uploader
case "upload":
$mode = isset($value['mode']) ? $value['mode'] : 'uri_only';
$output .= optionsframework_uploader($value['id'], $val, $mode, null);
break;
// Typography
// Typography
case 'typography':
unset($font_size, $font_style, $font_face, $font_color);
$typography_defaults = array('size' => '', 'face' => '', 'style' => '', 'color' => '');
$typography_stored = wp_parse_args($val, $typography_defaults);
$typography_options = array('sizes' => of_recognized_font_sizes(), 'faces' => of_recognized_font_faces(), 'styles' => of_recognized_font_styles(), 'color' => true);
if (isset($value['options'])) {
$typography_options = wp_parse_args($value['options'], $typography_options);
}
// Font Size
if ($typography_options['sizes']) {
$font_size = '<select class="of-typography of-typography-size" name="' . esc_attr($option_name . '[' . $value['id'] . '][size]') . '" id="' . esc_attr($value['id'] . '_size') . '">';
$sizes = $typography_options['sizes'];
foreach ($sizes as $i) {
$size = $i . 'px';
$font_size .= '<option value="' . esc_attr($size) . '" ' . selected($typography_stored['size'], $size, false) . '>' . esc_html($size) . '</option>';
}
$font_size .= '</select>';
}
// Font Face
if ($typography_options['faces']) {
$font_face = '<select class="of-typography of-typography-face" name="' . esc_attr($option_name . '[' . $value['id'] . '][face]') . '" id="' . esc_attr($value['id'] . '_face') . '">';
$faces = $typography_options['faces'];
foreach ($faces as $key => $face) {
$font_face .= '<option value="' . esc_attr($key) . '" ' . selected($typography_stored['face'], $key, false) . '>' . esc_html($face) . '</option>';
}
$font_face .= '</select>';
}
// Font Styles
if ($typography_options['styles']) {
$font_style = '<select class="of-typography of-typography-style" name="' . $option_name . '[' . $value['id'] . '][style]" id="' . $value['id'] . '_style">';
$styles = $typography_options['styles'];
foreach ($styles as $key => $style) {
$font_style .= '<option value="' . esc_attr($key) . '" ' . selected($typography_stored['style'], $key, false) . '>' . $style . '</option>';
}
$font_style .= '</select>';
}
// Font Color
if ($typography_options['color']) {
$default_color = '';
if (isset($value['std']['color'])) {
if ($val != $value['std']['color']) {
$default_color = ' data-default-color="' . $value['std']['color'] . '" ';
}
}
$font_color = '<input name="' . esc_attr($option_name . '[' . $value['id'] . '][color]') . '" id="' . esc_attr($value['id'] . '_color') . '" class="of-color of-typography-color type="text" value="' . esc_attr($typography_stored['color']) . '"' . $default_color . ' />';
}
// Allow modification/injection of typography fields
$typography_fields = compact('font_size', 'font_face', 'font_style', 'font_color');
$typography_fields = apply_filters('of_typography_fields', $typography_fields, $typography_stored, $option_name, $value);
$output .= implode('', $typography_fields);
break;
// Background
// Background
case 'background':
$background = $val;
// Background Color
$default_color = '';
if (isset($value['std']['color'])) {
if ($val != $value['std']['color']) {
$default_color = ' data-default-color="' . $value['std']['color'] . '" ';
}
}
$output .= '<input name="' . esc_attr($option_name . '[' . $value['id'] . '][color]') . '" id="' . esc_attr($value['id'] . '_color') . '" class="of-color of-background-color" type="text" value="' . esc_attr($background['color']) . '"' . $default_color . ' />';
// Background Image
if (!isset($background['image'])) {
$background['image'] = '';
}
$output .= optionsframework_uploader($value['id'], $background['image'], null, esc_attr($option_name . '[' . $value['id'] . '][image]'));
$class = 'of-background-properties';
if ('' == $background['image']) {
$class .= ' hide';
}
$output .= '<div class="' . esc_attr($class) . '">';
// Background Repeat
$output .= '<select class="of-background of-background-repeat" name="' . esc_attr($option_name . '[' . $value['id'] . '][repeat]') . '" id="' . esc_attr($value['id'] . '_repeat') . '">';
$repeats = of_recognized_background_repeat();
foreach ($repeats as $key => $repeat) {
$output .= '<option value="' . esc_attr($key) . '" ' . selected($background['repeat'], $key, false) . '>' . esc_html($repeat) . '</option>';
}
$output .= '</select>';
// Background Position
$output .= '<select class="of-background of-background-position" name="' . esc_attr($option_name . '[' . $value['id'] . '][position]') . '" id="' . esc_attr($value['id'] . '_position') . '">';
$positions = of_recognized_background_position();
foreach ($positions as $key => $position) {
$output .= '<option value="' . esc_attr($key) . '" ' . selected($background['position'], $key, false) . '>' . esc_html($position) . '</option>';
}
$output .= '</select>';
// Background Attachment
$output .= '<select class="of-background of-background-attachment" name="' . esc_attr($option_name . '[' . $value['id'] . '][attachment]') . '" id="' . esc_attr($value['id'] . '_attachment') . '">';
$attachments = of_recognized_background_attachment();
foreach ($attachments as $key => $attachment) {
$output .= '<option value="' . esc_attr($key) . '" ' . selected($background['attachment'], $key, false) . '>' . esc_html($attachment) . '</option>';
}
$output .= '</select>';
$output .= '</div>';
break;
// Editor
// Editor
case 'editor':
$output .= '<div class="explain">' . wp_kses($explain_value, $allowedtags) . '</div>' . "\n";
echo $output;
$textarea_name = esc_attr($option_name . '[' . $value['id'] . ']');
$default_editor_settings = array('textarea_name' => $textarea_name, 'media_buttons' => false, 'tinymce' => array('plugins' => 'wordpress'));
$editor_settings = array();
if (isset($value['settings'])) {
$editor_settings = $value['settings'];
}
$editor_settings = array_merge($editor_settings, $default_editor_settings);
wp_editor($val, $value['id'], $editor_settings);
$output = '';
break;
// Info
// Info
case "info":
$id = '';
$class = 'section';
if (isset($value['id'])) {
$id = 'id="' . esc_attr($value['id']) . '" ';
}
if (isset($value['type'])) {
$class .= ' section-' . $value['type'];
}
if (isset($value['class'])) {
$class .= ' ' . $value['class'];
}
$output .= '<div ' . $id . 'class="' . esc_attr($class) . '">' . "\n";
if (isset($value['name'])) {
$output .= '<h4 class="heading">' . esc_html($value['name']) . '</h4>' . "\n";
}
if ($value['desc']) {
$output .= apply_filters('of_sanitize_info', $value['desc']) . "\n";
}
if (!empty($value['image'])) {
$output .= '<div class="info-image-holder"><img src="' . esc_url($value['image']) . '" /></div>';
}
$output .= '</div>' . "\n";
break;
// Heading for Navigation
// Heading for Navigation
case "heading":
$counter++;
if ($counter >= 2) {
$output .= '</div>' . "\n";
}
$class = '';
$class = !empty($value['id']) ? $value['id'] : $value['name'];
$class = preg_replace('/[^a-zA-Z0-9._\\-]/', '', strtolower($class));
$output .= '<div id="options-group-' . $counter . '" class="group ' . $class . '">';
break;
/* Custom fields */
// Background
/* Custom fields */
// Background
case 'background_img':
$preset_images = empty($value['preset_images']) ? array() : $value['preset_images'];
$img_preview = false;
if ($preset_images) {
$output .= '<div class="of-background-preset-images">';
$dir = get_template_directory_uri();
foreach ($preset_images as $full_src => $thumb_src) {
$selected = '';
$img = $dir . $thumb_src;
$data_img = $dir . $full_src;
if (strpos($val['image'], $full_src) !== false) {
$selected = ' of-radio-img-selected';
$img_preview = $img;
}
$output .= '<img data-full-src="' . esc_attr($data_img) . '" src="' . esc_url($img) . '" alt="" class="of-radio-img-img' . $selected . '" />';
}
$output .= '</div>';
}
$background = $val;
// Background Image
if (!isset($background['image'])) {
$background['image'] = '';
}
$output .= optionsframework_uploader($value['id'], $background['image'], null, null, esc_attr($option_name . '[' . $value['id'] . '][image]'));
$class = 'of-background-properties';
if ('' == $background['image']) {
$class .= ' hide';
}
$output .= '<div class="' . esc_attr($class) . '">';
if (!isset($value['fields']) || in_array('repeat', (array) $value['fields'])) {
// Background Repeat
$output .= '<select class="of-background of-background-repeat" name="' . esc_attr($option_name . '[' . $value['id'] . '][repeat]') . '" id="' . esc_attr($value['id'] . '_repeat') . '">';
$repeats = of_recognized_background_repeat();
foreach ($repeats as $key => $repeat) {
$output .= '<option value="' . esc_attr($key) . '" ' . selected($background['repeat'], $key, false) . '>' . esc_html($repeat) . '</option>';
}
$output .= '</select>';
}
if (!isset($value['fields']) || in_array('position_x', (array) $value['fields'])) {
// Background Position x
$output .= '<select class="of-background of-background-position" name="' . esc_attr($option_name . '[' . $value['id'] . '][position_x]') . '" id="' . esc_attr($value['id'] . '_position_x') . '">';
$positions = of_recognized_background_horizontal_position();
foreach ($positions as $key => $position) {
$output .= '<option value="' . esc_attr($key) . '" ' . selected($background['position_x'], $key, false) . '>' . esc_html($position) . '</option>';
}
$output .= '</select>';
}
if (!isset($value['fields']) || in_array('position_y', (array) $value['fields'])) {
// Background Position y
$output .= '<select class="of-background of-background-position" name="' . esc_attr($option_name . '[' . $value['id'] . '][position_y]') . '" id="' . esc_attr($value['id'] . '_position_y') . '">';
$positions = of_recognized_background_vertical_position();
foreach ($positions as $key => $position) {
$output .= '<option value="' . esc_attr($key) . '" ' . selected($background['position_y'], $key, false) . '>' . esc_html($position) . '</option>';
}
$output .= '</select>';
}
// Background Attachment
$output .= '</div>';
break;
// Block begin
// Block begin
case "block_begin":
$class = 'section';
$id = '';
if (isset($value['type'])) {
$class .= ' section-' . $value['type'];
}
if (isset($value['class'])) {
$class .= ' ' . $value['class'];
}
if (isset($value['id'])) {
$id .= ' id="' . esc_attr($value['id']) . '"';
}
$output .= '<div' . $id . ' class="postbox ' . esc_attr($class) . '">' . "\n";
if (isset($value['name']) && !empty($value['name'])) {
$output .= '<h3>' . esc_html($value['name']) . '</h3>' . "\n";
}
break;
// Block End
// Block End
case "block_end":
$output .= '</div>' . "\n" . '<!-- block_end -->';
break;
// Page
// Page
case "page":
break;
// fields generator
// fields generator
case "fields_generator":
if (!isset($value['options']['fields']) || !is_array($value['options']['fields'])) {
break;
}
$del_link = '<div class="submitbox"><a href="#" class="of_fields_gen_del submitdelete">' . _x('Delete', 'backend fields', LANGUAGE_ZONE) . '</a></div>';
$output .= '<ul class="of_fields_gen_list">';
// saved elements
if (is_array($val)) {
$i = 0;
// create elements
foreach ($val as $index => $field) {
$block = $b_title = '';
// use patterns
foreach ($value['options']['fields'] as $name => $data) {
// if only_for list isset and current index not in the list - skip this element
if (isset($data['only_for']) && is_array($data['only_for']) && !in_array($index, $data['only_for'])) {
continue;
}
// checked если поле присутствует в записи, если нет поля value в шаблоне
// или если оно есть и равно значению поля в записи
$checked = false;
if (isset($field[$name]) && (!isset($data['value']) || isset($data['value']) && $data['value'] == $field[$name])) {
$checked = true;
}
// get the title
if (isset($data['class']) && 'of_fields_gen_title' == $data['class']) {
$b_title = $field[$name];
}
$el_args = array('name' => sprintf('%s[%s][%d][%s]', $option_name, $value['id'], $index, $name), 'description' => isset($data['description']) ? $data['description'] : '', 'class' => isset($data['class']) ? $data['class'] : '', 'value' => 'checkbox' == $data['type'] ? '' : $field[$name], 'checked' => $checked);
if ('select' == $data['type']) {
$el_args['options'] = isset($data['options']) ? $data['options'] : array();
$el_args['selected'] = $el_args['value'];
}
if (isset($data['desc_wrap'])) {
$el_args['desc_wrap'] = $data['desc_wrap'];
}
if (isset($data['wrap'])) {
$el_args['wrap'] = $data['wrap'];
}
if (isset($data['style'])) {
$el_args['style'] = $data['style'];
}
// create form elements
$element = dt_create_tag($data['type'], $el_args);
$block .= $element;
}
unset($data);
$output .= '<li class="nav-menus-php nav-menu-index-' . $index . '">';
$output .= '<div class="of_fields_gen_title menu-item-handle" data-index="' . $index . '"><span class="dt-menu-item-title">' . esc_attr($b_title) . '</span>';
$output .= '<span class="item-controls"><a class="item-edit"></a></span></div>';
$output .= '<div class="of_fields_gen_data menu-item-settings description" style="display: none;">' . $block;
// if ( isset($value['std'][ $index ], $value['std'][ $index ]['permanent']) && $value['std'][ $index ]['permanent'] ) {
// } else {
$output .= $del_link;
// }
$output .= '</div>';
$output .= '</li>';
$i++;
}
unset($field);
}
$output .= '</ul>';
// control panel
$output .= '<div class="of_fields_gen_controls">';
// use pattern
foreach ($value['options']['fields'] as $name => $data) {
if (isset($data['only_for'])) {
continue;
}
$el_args = array('name' => sprintf('%s[%s][%s]', $option_name, $value['id'], $name), 'description' => isset($data['description']) ? $data['description'] : '', 'class' => isset($data['class']) ? $data['class'] : '', 'checked' => isset($data['checked']) ? $data['checked'] : false);
if ('select' == $data['type']) {
$el_args['options'] = isset($data['options']) ? $data['options'] : array();
$el_args['selected'] = isset($data['selected']) ? $data['selected'] : false;
}
if (isset($data['desc_wrap'])) {
$el_args['desc_wrap'] = $data['desc_wrap'];
}
if (isset($data['wrap'])) {
$el_args['wrap'] = $data['wrap'];
}
if (isset($data['style'])) {
$el_args['style'] = $data['style'];
}
if (isset($data['value'])) {
$el_args['value'] = $data['value'];
}
// create form
$element = dt_create_tag($data['type'], $el_args);
$output .= $element;
}
unset($data);
// add button
$button = dt_create_tag('button', array('name' => $option_name . '[' . $value['id'] . '][add]', 'title' => isset($value['options']['button']['title']) ? $value['options']['button']['title'] : _x('Add', 'backend fields button', LANGUAGE_ZONE), 'class' => 'of_fields_gen_add'));
$output .= $button;
$output .= '</div>';
break;
// Social icons
// Social icons
case 'social_icons':
if (!isset($value['options']) || !is_array($value['options'])) {
continue;
}
foreach ($value['options'] as $class => $desc) {
$name = sprintf('%s[%s][%s]', $option_name, $value['id'], $class);
$link = isset($val[$class]) ? $val[$class] : '';
$maxlength = isset($value['maxlength']) ? ' maxlength="' . $value['maxlength'] . '"' : '';
$output .= '<label>' . esc_html($desc) . '<input class="of-input" name="' . esc_attr($name) . '" type="text" value="' . esc_url($link) . '"' . $maxlength . '/></label>';
}
break;
// fields generator alpha
// fields generator alpha
case "fields_generator_alpha":
if (!empty($value['options']['interface_filter']) && function_exists($value['options']['interface_filter'])) {
add_filter('optionsframework_interface_fields_generator', $value['options']['interface_filter'], 10, 2);
}
$del_link = '<div class="submitbox"><a href="#" class="of_fields_gen_del submitdelete">' . _x('Delete', 'backend fields', LANGUAGE_ZONE) . '</a></div>';
$name = sprintf('%s[%s]', $option_name, $value['id']);
$output .= '<ul class="of_fields_gen_list">';
// saved elements
if (is_array($val)) {
$next_id = isset($val['next_id']) ? $val['next_id'] : max(array_keys($val));
$output .= '<input id="of-wa-nextid" type="hidden" name="' . $name . '[next_id]" value="' . $next_id . '" />';
$i = 0;
// create elements
foreach ($val as $field_id => $field_data) {
$title = empty($field_data['title']) ? _x('no title', 'theme-options', LANGUAGE_ZONE) : $field_data['title'];
$output .= '<li class="nav-menus-php">';
foreach ($field_data as $f_name => $f_val) {
$output .= sprintf('<input type="hidden" data-field="%1$s" class="of-wa-datafield" name="%2$s" value="%3$s" />', esc_attr($f_name), esc_attr($name . "[{$field_id}][{$f_name}]"), esc_attr($f_val));
}
$output .= '<div class="of_fields_gen_title menu-item-handle" data-id="' . $field_id . '"><span class="dt-menu-item-title">' . esc_attr($title) . '</span>';
$output .= '</li>';
$i++;
}
unset($field);
}
$output .= '</ul>';
// control panel
$output .= '<div class="of_fields_gen_controls">';
$output .= apply_filters('optionsframework_interface_fields_generator', '', $value);
$output .= '</div>';
break;
// Social icons
// Social icons
case 'social_icon':
if (!isset($value['options']['fields']) || !is_array($value['options']['fields'])) {
continue;
}
$w = $h = '20';
if (!empty($value['options']['ico_width'])) {
$w = intval($value['options']['ico_width']);
}
if (!empty($value['options']['ico_height'])) {
$h = intval($value['options']['ico_height']);
}
$ico_size = sprintf('width: %dpx;height: %dpx;', $w, $h);
foreach ($value['options']['fields'] as $field => $ico) {
$defaults = array('img' => '', 'desc' => '');
$ico = wp_parse_args((array) $ico, $defaults);
extract($ico);
$name = sprintf('%s[%s][%s]', $option_name, $value['id'], $field);
$soc_link = isset($val[$field], $val[$field]['link']) ? $val[$field]['link'] : '';
$src = isset($val[$field], $val[$field]['src']) ? $val[$field]['src'] : '';
$maxlength = isset($value['maxlength']) ? ' maxlength="' . $value['maxlength'] . '"' : '';
$output .= '<input class="of-input" name="' . esc_attr($name . '[link]') . '" type="text" value="' . esc_attr($soc_link) . '"' . $maxlength . ' style="display: inline-block; width: 300px; vertical-align: middle;" />';
$output .= '<div class="of-soc-image" style="background: url( ' . $img . ' ) no-repeat 0 0; vertical-align: middle; margin-right: 5px; display: inline-block;' . $ico_size . '"></div>';
}
break;
// Slider
// Slider
case 'slider':
$classes = array('of-slider');
if (!empty($value['options']['java_hide_if_not_max'])) {
$classes[] = 'of-js-hider';
$classes[] = 'js-hide-if-not-max';
} else {
if (!empty($value['options']['java_hide_global_not_max'])) {
$classes[] = 'of-js-hider-global';
$classes[] = 'js-hide-if-not-max';
}
}
$classes = implode(' ', $classes);
$output .= '<div class="' . $classes . '"></div>';
$slider_opts = array('max' => isset($value['options']['max']) ? $value['options']['max'] : 100, 'min' => isset($value['options']['min']) ? $value['options']['min'] : 0, 'step' => isset($value['options']['step']) ? $value['options']['step'] : 1, 'value' => isset($val) ? $val : 100);
$str = '';
foreach ($slider_opts as $name => $val) {
$str .= ' data-' . $name . '="' . esc_attr($val) . '"';
}
$output .= '<input type="text" class="of-slider-value"' . $str . ' name="' . esc_attr($option_name . '[' . $value['id'] . ']') . '" readonly />';
break;
// Hidden area begin
// Hidden area begin
case 'js_hide_begin':
$class = 'of-js-hide hide-if-js';
if (!empty($value['class'])) {
$class .= ' ' . $value['class'];
}
$output .= '<div class="' . esc_attr($class) . '">';
break;
// Hidden area end
// Hidden area end
case 'js_hide_end':
$output .= '</div>';
break;
// Social buttons
// Social buttons
case 'social_buttons':
$social_buttons = (array) apply_filters('optionsframework_interface-social_buttons', array());
if (empty($social_buttons)) {
$output .= '<p>Use "optionsframework_interface-social_buttons" filter to add some buttons. It needs array( id1 => name1, id2 => name2 ).</p>';
break;
}
$saved_buttons = isset($val) ? (array) $val : array();
$output .= '<ul class="connectedSortable content-holder">';
$output .= '<li class="ui-dt-sb-hidden"><input type="hidden" name="' . esc_attr($option_name . '[' . $value['id'] . '][]') . '" value="" /></li>';
foreach ($saved_buttons as $field) {
$output .= '<li class="ui-state-default"><input type="hidden" name="' . esc_attr($option_name . '[' . $value['id'] . '][]') . '" value="' . esc_attr($field) . '" data-name="' . esc_attr($option_name . '[' . $value['id'] . '][]') . '"/>' . $social_buttons[$field] . '</li>';
}
$output .= '</ul>';
$output .= '<ul class="connectedSortable tools-palette">';
foreach ($social_buttons as $v => $desc) {
if (in_array($v, $saved_buttons)) {
continue;
}
$output .= '<li class="ui-state-default"><input type="hidden" value="' . esc_attr($v) . '" data-name="' . esc_attr($option_name . '[' . $value['id'] . '][]') . '"/>' . $desc . '</li>';
}
$output .= '</ul>';
break;
// Web fonts
// Web fonts
case 'web_fonts':
$id = esc_attr($value['id']);
$output .= '<select class="of-input dt-web-fonts" name="' . esc_attr($option_name . '[' . $value['id'] . ']') . '" id="' . $id . '">';
foreach ($value['options'] as $key => $option) {
$selected = '';
if ($val != '' && $val == $key) {
$selected = ' selected="selected"';
}
$output .= '<option' . $selected . ' value="' . esc_attr($key) . '">' . esc_html($option) . '</option>';
}
$output .= '</select>';
$output .= '<div class="dt-web-fonts-preview"><span>Silence is a true friend who never betrays.</span></div>';
break;
case 'square_size':
$id = esc_attr($value['id']);
$output .= '<input type="text" class="of-input dt-square-size" name="' . esc_attr($option_name . '[' . $value['id'] . '][width]') . '" value="' . absint($val['width']) . '" />';
$output .= '<span>×</span>';
$output .= '<input type="text" class="of-input dt-square-size" name="' . esc_attr($option_name . '[' . $value['id'] . '][height]') . '" value="' . absint($val['height']) . '" />';
break;
// import/export theme options
// import/export theme options
case 'import_export_options':
$rows = '8';
if (isset($value['settings']['rows'])) {
$custom_rows = $value['settings']['rows'];
if (is_numeric($custom_rows)) {
$rows = $custom_rows;
}
}
$valid_settings = $settings;
$fields_black_list = apply_filters('optionsframework_fields_black_list', array());
// do not export preserved settings
foreach ($fields_black_list as $black_setting) {
if (array_key_exists($black_setting, $valid_settings)) {
unset($valid_settings[$black_setting]);
}
}
$val = base64_encode(serialize($valid_settings));
$output .= '<textarea id="' . esc_attr($value['id']) . '" class="of-input of-import-export" name="' . esc_attr($option_name . '[' . $value['id'] . ']') . '" rows="' . $rows . '" onclick="this.focus();this.select()">' . esc_textarea($val) . '</textarea>';
break;
case 'title':
$output .= '<div class="of-title"><h4>' . esc_html($value['name']) . '</h4></div>';
break;
case 'divider':
$output .= '<div class="divider"></div>';
break;
// Gradient
// Gradient
case "gradient":
$default_color = '';
if (isset($value['std'][0])) {
if ($val != $value['std'][0]) {
$default_color_1 = ' data-default-color="' . $value['std'][0] . '" ';
}
}
if (isset($value['std'][1])) {
if ($val != $value['std'][1]) {
$default_color_2 = ' data-default-color="' . $value['std'][1] . '" ';
}
}
$output .= '<input name="' . esc_attr($option_name . '[' . $value['id'] . '][0]') . '" id="' . esc_attr($value['id']) . '-0" class="of-color" type="text" value="' . esc_attr($val[0]) . '"' . $default_color_1 . ' />';
$output .= ' ';
$output .= '<input name="' . esc_attr($option_name . '[' . $value['id'] . '][1]') . '" id="' . esc_attr($value['id']) . '-1" class="of-color" type="text" value="' . esc_attr($val[1]) . '"' . $default_color_2 . ' />';
break;
// sortable
// sortable
case 'sortable':
if (!empty($value['items'])) {
$sortable_items = $value['items'];
} else {
$output .= '<p>No items specified. It needs array( id1 => name1, id2 => name2 ).</p>';
break;
}
$saved_items = isset($val) ? (array) $val : array();
if (!empty($value['fields']) && is_array($value['fields'])) {
$fields_count = 0;
$output .= '<div class="sortable-fields-holder">';
foreach ($value['fields'] as $field_id => $field_settings) {
// classes
$field_classes = 'connectedSortable content-holder';
if (!empty($field_settings['class'])) {
$field_classes .= ' ' . $field_settings['class'];
}
// items name
$item_name = esc_attr(sprintf('%1$s[%2$s][%3$s][]', $option_name, $value['id'], $field_id));
// saved items
$saved_field_items = array_key_exists($field_id, $saved_items) ? $saved_items[$field_id] : array();
// field title
if (!empty($field_settings['title'])) {
$output .= '<div class="sortable-field-title">' . ++$fields_count . '. ' . esc_html($field_settings['title']) . '</div>';
}
$output .= '<div class="sortable-field">';
// output fields
$output .= '<ul class="' . esc_attr($field_classes) . '" data-sortable-item-name="' . $item_name . '">';
$output .= '<li class="ui-dt-sb-hidden"><input type="hidden" name="' . $item_name . '" value="" /></li>';
if (!empty($saved_field_items) && is_array($saved_field_items)) {
foreach ($saved_field_items as $item_value) {
$item_settings = $sortable_items[$item_value];
$item_title = empty($item_settings['title']) ? 'undefined' : esc_html($item_settings['title']);
$item_class = empty($item_settings['class']) ? '' : ' ' . esc_attr($item_settings['class']);
$output .= '<li class="ui-state-default' . $item_class . '"><input type="hidden" name="' . $item_name . '" value="' . esc_attr($item_value) . '" /><span>' . $item_title . '</span></li>';
// remove item from palette list
unset($sortable_items[$item_value]);
}
}
$output .= '</ul>';
$output .= '</div>';
}
$output .= '</div>';
}
$output .= '<div class="sortable-items-holder">';
// palette title
if (!empty($value['palette_title'])) {
$output .= '<div class="sortable-palette-title">' . esc_html($value['palette_title']) . '</div>';
}
$output .= '<ul class="connectedSortable tools-palette">';
foreach ($sortable_items as $item_value => $item_settings) {
$item_title = empty($item_settings['title']) ? 'undefined' : esc_html($item_settings['title']);
$item_class = empty($item_settings['class']) ? '' : ' ' . esc_attr($item_settings['class']);
$output .= '<li class="ui-state-default' . $item_class . '"><input type="hidden" value="' . esc_attr($item_value) . '" /><span>' . $item_title . '</span></li>';
}
$output .= '</ul>';
$output .= '</div>';
break;
// Select Box
// Select Box
case 'pages_list':
$html = wp_dropdown_pages(array('name' => esc_attr($option_name . '[' . $value['id'] . ']'), 'id' => esc_attr($value['id']), 'echo' => 0, 'show_option_none' => __('— Select —', LANGUAGE_ZONE), 'option_none_value' => '0', 'selected' => $val));
$html = str_replace('<select', '<select class="of-input"', $html);
$output .= $html;
break;
}
if (!in_array($value['type'], $elements_without_wrap)) {
if ($value['type'] != "checkbox") {
$output .= '<br/>';
}
$output .= '</div>';
$output .= '<div class="clear"></div></div></div>' . "\n";
}
if (!empty($value['after'])) {
$output .= $value['after'];
}
do_action('options-interface-before-output', $output, $value, $val);
echo apply_filters('options-interface-output', $output, $value, $val);
}
echo '</div>';
}
/**
* Generates the options fields that are used in the form.
*/
function optionsframework_fields()
{
global $allowedtags;
$optionsframework_settings = get_option('optionsframework');
// Gets the unique option id
if (isset($optionsframework_settings['id'])) {
$option_name = $optionsframework_settings['id'];
} else {
$option_name = 'options_framework_theme';
}
$settings = get_option($option_name);
$options = optionsframework_options();
$counter = 0;
$menu = '';
foreach ($options as $value) {
$val = '';
$select_value = '';
$checked = '';
$output = '';
// Wrap all options
if ($value['type'] != "heading" && $value['type'] != "info") {
// Keep all ids lowercase with no spaces
$value['id'] = preg_replace('/[^a-zA-Z0-9._\\-]/', '', strtolower($value['id']));
$id = 'section-' . $value['id'];
$class = 'section';
if (isset($value['type'])) {
$class .= ' section-' . $value['type'];
}
if (isset($value['class'])) {
$class .= ' ' . $value['class'];
}
$output .= '<div id="' . esc_attr($id) . '" class="' . esc_attr($class) . '">' . "\n";
if (isset($value['name'])) {
$output .= '<h4 class="heading">' . esc_html($value['name']) . '</h4>' . "\n";
}
if ($value['type'] != 'editor') {
$output .= '<div class="option">' . "\n" . '<div class="controls">' . "\n";
} else {
$output .= '<div class="option">' . "\n" . '<div>' . "\n";
}
}
// Set default value to $val
if (isset($value['std'])) {
$val = $value['std'];
}
// If the option is already saved, ovveride $val
if ($value['type'] != 'heading' && $value['type'] != 'info') {
if (isset($settings[$value['id']])) {
$val = $settings[$value['id']];
// Striping slashes of non-array options
if (!is_array($val)) {
$val = stripslashes($val);
}
}
}
// If there is a description save it for labels
$explain_value = '';
if (isset($value['desc'])) {
$explain_value = $value['desc'];
}
switch ($value['type']) {
// Basic text input
case 'text':
$output .= '<input id="' . esc_attr($value['id']) . '" class="of-input" name="' . esc_attr($option_name . '[' . $value['id'] . ']') . '" type="text" value="' . esc_attr($val) . '" />';
break;
// Password input
// Password input
case 'password':
$output .= '<input id="' . esc_attr($value['id']) . '" class="of-input" name="' . esc_attr($option_name . '[' . $value['id'] . ']') . '" type="password" value="' . esc_attr($val) . '" />';
break;
// Textarea
// Textarea
case 'textarea':
$rows = '8';
if (isset($value['settings']['rows'])) {
$custom_rows = $value['settings']['rows'];
if (is_numeric($custom_rows)) {
$rows = $custom_rows;
}
}
$val = stripslashes($val);
$output .= '<textarea id="' . esc_attr($value['id']) . '" class="of-input" name="' . esc_attr($option_name . '[' . $value['id'] . ']') . '" rows="' . $rows . '">' . esc_textarea($val) . '</textarea>';
break;
// Select Box
// Select Box
case 'select':
$output .= '<select class="of-input" name="' . esc_attr($option_name . '[' . $value['id'] . ']') . '" id="' . esc_attr($value['id']) . '">';
foreach ($value['options'] as $key => $option) {
$selected = '';
if ($val != '') {
if ($val == $key) {
$selected = ' selected="selected"';
}
}
$output .= '<option' . $selected . ' value="' . esc_attr($key) . '">' . esc_html($option) . '</option>';
}
$output .= '</select>';
break;
// Radio Box
// Radio Box
case "radio":
$name = $option_name . '[' . $value['id'] . ']';
foreach ($value['options'] as $key => $option) {
$id = $option_name . '-' . $value['id'] . '-' . $key;
$output .= '<input class="of-input of-radio" type="radio" name="' . esc_attr($name) . '" id="' . esc_attr($id) . '" value="' . esc_attr($key) . '" ' . checked($val, $key, false) . ' /><label for="' . esc_attr($id) . '">' . esc_html($option) . '</label>';
}
break;
// Image Selectors
// Image Selectors
case "images":
$name = $option_name . '[' . $value['id'] . ']';
foreach ($value['options'] as $key => $option) {
$selected = '';
$checked = '';
if ($val != '') {
if ($val == $key) {
$selected = ' of-radio-img-selected';
$checked = ' checked="checked"';
}
}
$output .= '<input type="radio" id="' . esc_attr($value['id'] . '_' . $key) . '" class="of-radio-img-radio" value="' . esc_attr($key) . '" name="' . esc_attr($name) . '" ' . $checked . ' />';
$output .= '<div class="of-radio-img-label">' . esc_html($key) . '</div>';
$output .= '<img src="' . esc_url($option) . '" alt="' . $option . '" class="of-radio-img-img' . $selected . '" onclick="document.getElementById(\'' . esc_attr($value['id'] . '_' . $key) . '\').checked=true;" />';
}
break;
// Checkbox
// Checkbox
case "checkbox":
$output .= '<input id="' . esc_attr($value['id']) . '" class="checkbox of-input" type="checkbox" name="' . esc_attr($option_name . '[' . $value['id'] . ']') . '" ' . checked($val, 1, false) . ' />';
$output .= '<label class="explain" for="' . esc_attr($value['id']) . '">' . wp_kses($explain_value, $allowedtags) . '</label>';
break;
// Multicheck
// Multicheck
case "multicheck":
foreach ($value['options'] as $key => $option) {
$checked = '';
$label = $option;
$option = preg_replace('/[^a-zA-Z0-9._\\-]/', '', strtolower($key));
$id = $option_name . '-' . $value['id'] . '-' . $option;
$name = $option_name . '[' . $value['id'] . '][' . $option . ']';
if (isset($val[$option])) {
$checked = checked($val[$option], 1, false);
}
$output .= '<input id="' . esc_attr($id) . '" class="checkbox of-input" type="checkbox" name="' . esc_attr($name) . '" ' . $checked . ' /><label for="' . esc_attr($id) . '">' . esc_html($label) . '</label>';
}
break;
// Color picker
// Color picker
case "color":
$default_color = '';
if (isset($value['std'])) {
if ($val != $value['std']) {
$default_color = ' data-default-color="' . $value['std'] . '" ';
}
}
$output .= '<input name="' . esc_attr($option_name . '[' . $value['id'] . ']') . '" id="' . esc_attr($value['id']) . '" class="of-color" type="text" value="' . esc_attr($val) . '"' . $default_color . ' />';
break;
// Uploader
// Uploader
case "upload":
$output .= optionsframework_uploader($value['id'], $val, null);
break;
// Typography
// Typography
case 'typography':
unset($font_size, $font_style, $font_face, $font_color);
$typography_defaults = array('size' => '', 'face' => '', 'style' => '', 'color' => '');
$typography_stored = wp_parse_args($val, $typography_defaults);
$typography_options = array('sizes' => of_recognized_font_sizes(), 'faces' => of_recognized_font_faces(), 'styles' => of_recognized_font_styles(), 'color' => true);
if (isset($value['options'])) {
$typography_options = wp_parse_args($value['options'], $typography_options);
}
// Font Size
if ($typography_options['sizes']) {
$font_size = '<select class="of-typography of-typography-size" name="' . esc_attr($option_name . '[' . $value['id'] . '][size]') . '" id="' . esc_attr($value['id'] . '_size') . '">';
$sizes = $typography_options['sizes'];
foreach ($sizes as $i) {
$size = $i . 'px';
$font_size .= '<option value="' . esc_attr($size) . '" ' . selected($typography_stored['size'], $size, false) . '>' . esc_html($size) . '</option>';
}
$font_size .= '</select>';
}
// Font Face
if ($typography_options['faces']) {
$font_face = '<select class="of-typography of-typography-face" name="' . esc_attr($option_name . '[' . $value['id'] . '][face]') . '" id="' . esc_attr($value['id'] . '_face') . '">';
$faces = $typography_options['faces'];
foreach ($faces as $key => $face) {
$font_face .= '<option value="' . esc_attr($key) . '" ' . selected($typography_stored['face'], $key, false) . '>' . esc_html($face) . '</option>';
}
$font_face .= '</select>';
}
// Font Styles
if ($typography_options['styles']) {
$font_style = '<select class="of-typography of-typography-style" name="' . $option_name . '[' . $value['id'] . '][style]" id="' . $value['id'] . '_style">';
$styles = $typography_options['styles'];
foreach ($styles as $key => $style) {
$font_style .= '<option value="' . esc_attr($key) . '" ' . selected($typography_stored['style'], $key, false) . '>' . $style . '</option>';
}
$font_style .= '</select>';
}
// Font Color
if ($typography_options['color']) {
$default_color = '';
if (isset($value['std']['color'])) {
if ($val != $value['std']['color']) {
$default_color = ' data-default-color="' . $value['std']['color'] . '" ';
}
}
$font_color = '<input name="' . esc_attr($option_name . '[' . $value['id'] . '][color]') . '" id="' . esc_attr($value['id'] . '_color') . '" class="of-color of-typography-color type="text" value="' . esc_attr($typography_stored['color']) . '"' . $default_color . ' />';
}
// Allow modification/injection of typography fields
$typography_fields = compact('font_size', 'font_face', 'font_style', 'font_color');
$typography_fields = apply_filters('of_typography_fields', $typography_fields, $typography_stored, $option_name, $value);
$output .= implode('', $typography_fields);
break;
// Background
// Background
case 'background':
$background = $val;
// Background Color
$default_color = '';
if (isset($value['std']['color'])) {
if ($val != $value['std']['color']) {
$default_color = ' data-default-color="' . $value['std']['color'] . '" ';
}
}
$output .= '<input name="' . esc_attr($option_name . '[' . $value['id'] . '][color]') . '" id="' . esc_attr($value['id'] . '_color') . '" class="of-color of-background-color" type="text" value="' . esc_attr($background['color']) . '"' . $default_color . ' />';
// Background Image
if (!isset($background['image'])) {
$background['image'] = '';
}
$output .= optionsframework_uploader($value['id'], $background['image'], null, esc_attr($option_name . '[' . $value['id'] . '][image]'));
$class = 'of-background-properties';
if ('' == $background['image']) {
$class .= ' hide';
}
$output .= '<div class="' . esc_attr($class) . '">';
// Background Repeat
$output .= '<select class="of-background of-background-repeat" name="' . esc_attr($option_name . '[' . $value['id'] . '][repeat]') . '" id="' . esc_attr($value['id'] . '_repeat') . '">';
$repeats = of_recognized_background_repeat();
foreach ($repeats as $key => $repeat) {
$output .= '<option value="' . esc_attr($key) . '" ' . selected($background['repeat'], $key, false) . '>' . esc_html($repeat) . '</option>';
}
$output .= '</select>';
// Background Position
$output .= '<select class="of-background of-background-position" name="' . esc_attr($option_name . '[' . $value['id'] . '][position]') . '" id="' . esc_attr($value['id'] . '_position') . '">';
$positions = of_recognized_background_position();
foreach ($positions as $key => $position) {
$output .= '<option value="' . esc_attr($key) . '" ' . selected($background['position'], $key, false) . '>' . esc_html($position) . '</option>';
}
$output .= '</select>';
// Background Attachment
$output .= '<select class="of-background of-background-attachment" name="' . esc_attr($option_name . '[' . $value['id'] . '][attachment]') . '" id="' . esc_attr($value['id'] . '_attachment') . '">';
$attachments = of_recognized_background_attachment();
foreach ($attachments as $key => $attachment) {
$output .= '<option value="' . esc_attr($key) . '" ' . selected($background['attachment'], $key, false) . '>' . esc_html($attachment) . '</option>';
}
$output .= '</select>';
$output .= '</div>';
break;
// Editor
// Editor
case 'editor':
$output .= '<div class="explain">' . wp_kses($explain_value, $allowedtags) . '</div>' . "\n";
echo $output;
$textarea_name = esc_attr($option_name . '[' . $value['id'] . ']');
$default_editor_settings = array('textarea_name' => $textarea_name, 'media_buttons' => false, 'tinymce' => array('plugins' => 'wordpress'));
$editor_settings = array();
if (isset($value['settings'])) {
$editor_settings = $value['settings'];
}
$editor_settings = array_merge($editor_settings, $default_editor_settings);
wp_editor($val, $value['id'], $editor_settings);
$output = '';
break;
// Info
// Info
case "info":
$id = '';
$class = 'section';
if (isset($value['id'])) {
$id = 'id="' . esc_attr($value['id']) . '" ';
}
if (isset($value['type'])) {
$class .= ' section-' . $value['type'];
}
if (isset($value['class'])) {
$class .= ' ' . $value['class'];
}
$output .= '<div ' . $id . 'class="' . esc_attr($class) . '">' . "\n";
if (isset($value['name'])) {
$output .= '<h4 class="heading">' . esc_html($value['name']) . '</h4>' . "\n";
}
if ($value['desc']) {
$output .= apply_filters('of_sanitize_info', $value['desc']) . "\n";
}
$output .= '</div>' . "\n";
break;
// Heading for Navigation
// Heading for Navigation
case "heading":
$counter++;
if ($counter >= 2) {
$output .= '</div>' . "\n";
}
$class = '';
$class = !empty($value['id']) ? $value['id'] : $value['name'];
$class = preg_replace('/[^a-zA-Z0-9._\\-]/', '', strtolower($class));
$output .= '<div id="options-group-' . $counter . '" class="group ' . $class . '">';
$output .= '<h3>' . esc_html($value['name']) . '</h3>' . "\n";
break;
}
if ($value['type'] != "heading" && $value['type'] != "info") {
$output .= '</div>';
if ($value['type'] != "checkbox" && $value['type'] != "editor") {
$output .= '<div class="explain">' . wp_kses($explain_value, $allowedtags) . '</div>' . "\n";
}
$output .= '</div></div>' . "\n";
}
echo $output;
}
echo '</div>';
}
/**
* Start the element output.
*
* @see Walker_Nav_Menu::start_el()
* @since 3.0.0
*
* @param string $output Passed by reference. Used to append additional content.
* @param object $item Menu item data object.
* @param int $depth Depth of menu item. Used for padding.
* @param array $args Not used.
* @param int $id Not used.
*/
function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0)
{
global $_wp_nav_menu_max_depth;
$_wp_nav_menu_max_depth = $depth > $_wp_nav_menu_max_depth ? $depth : $_wp_nav_menu_max_depth;
ob_start();
$item_id = esc_attr($item->ID);
$removed_args = array('action', 'customlink-tab', 'edit-menu-item', 'menu-item', 'page-tab', '_wpnonce');
$original_title = '';
if ('taxonomy' == $item->type) {
$original_title = get_term_field('name', $item->object_id, $item->object, 'raw');
if (is_wp_error($original_title)) {
$original_title = false;
}
} elseif ('post_type' == $item->type) {
$original_object = get_post($item->object_id);
if ($original_object) {
$original_title = get_the_title($original_object->ID);
}
}
$classes = array('menu-item menu-item-depth-' . $depth, 'menu-item-' . esc_attr($item->object), 'menu-item-edit-' . (isset($_GET['edit-menu-item']) && $item_id == $_GET['edit-menu-item'] ? 'active' : 'inactive'));
$title = $item->title;
if (!empty($item->_invalid)) {
$classes[] = 'menu-item-invalid';
/* translators: %s: title of menu item which is invalid */
$title = sprintf(__('%s (Invalid)'), $item->title);
} elseif (isset($item->post_status) && 'draft' == $item->post_status) {
$classes[] = 'pending';
/* translators: %s: title of menu item in draft status */
$title = sprintf(__('%s (Pending)'), $item->title);
}
$title = !isset($item->label) || '' == $item->label ? $title : $item->label;
$submenu_text = '';
if (0 == $depth) {
$submenu_text = 'style="display: none;"';
}
// set default item fields
$default_mega_menu_fields = array('dt_mega_menu_icon' => 'none', 'dt_mega_menu_iconfont' => '', 'dt_mega_menu_image' => '', 'dt_mega_menu_image_width' => 0, 'dt_mega_menu_image_height' => 0, 'dt_mega_menu_enabled' => 0, 'dt_mega_menu_fullwidth' => 0, 'dt_mega_menu_columns' => 3, 'dt_mega_menu_hide_title' => 0, 'dt_mega_menu_remove_link' => 0, 'dt_mega_menu_new_row' => 0, 'dt_mega_menu_new_column' => 0);
// set defaults
foreach ($default_mega_menu_fields as $field => $value) {
if (!isset($item->{$field})) {
$item->{$field} = $value;
}
}
// for ajax added items
if (empty($item->dt_mega_menu_icon)) {
$item->dt_mega_menu_icon = 'none';
}
if (empty($item->dt_mega_menu_columns)) {
$item->dt_mega_menu_columns = 3;
}
$mega_menu_container_classes = array('dt-mega-menu-feilds');
if (!empty($item->dt_mega_menu_enabled)) {
$classes[] = 'field-dt-mega-menu-enabled';
}
switch ($item->dt_mega_menu_icon) {
case 'image':
$mega_menu_container_classes[] = 'field-dt-mega-menu-image-icon';
break;
case 'iconfont':
$mega_menu_container_classes[] = 'field-dt-mega-menu-iconfont-icon';
}
$mega_menu_container_classes = implode(' ', $mega_menu_container_classes);
?>
<li id="menu-item-<?php
echo $item_id;
?>
" class="<?php
echo implode(' ', $classes);
?>
">
<dl class="menu-item-bar">
<dt class="menu-item-handle">
<span class="item-title"><span class="menu-item-title"><?php
echo esc_html($title);
?>
</span> <span class="is-submenu" <?php
echo $submenu_text;
?>
><?php
_e('sub item');
?>
</span></span>
<span class="item-controls">
<span class="item-type"><?php
echo esc_html($item->type_label);
?>
</span>
<span class="item-order hide-if-js">
<a href="<?php
echo wp_nonce_url(add_query_arg(array('action' => 'move-up-menu-item', 'menu-item' => $item_id), remove_query_arg($removed_args, admin_url('nav-menus.php'))), 'move-menu_item');
?>
" class="item-move-up"><abbr title="<?php
esc_attr_e('Move up');
?>
">↑</abbr></a>
|
<a href="<?php
echo wp_nonce_url(add_query_arg(array('action' => 'move-down-menu-item', 'menu-item' => $item_id), remove_query_arg($removed_args, admin_url('nav-menus.php'))), 'move-menu_item');
?>
" class="item-move-down"><abbr title="<?php
esc_attr_e('Move down');
?>
">↓</abbr></a>
</span>
<a class="item-edit" id="edit-<?php
echo $item_id;
?>
" title="<?php
esc_attr_e('Edit Menu Item');
?>
" href="<?php
echo isset($_GET['edit-menu-item']) && $item_id == $_GET['edit-menu-item'] ? admin_url('nav-menus.php') : add_query_arg('edit-menu-item', $item_id, remove_query_arg($removed_args, admin_url('nav-menus.php#menu-item-settings-' . $item_id)));
?>
"><?php
_e('Edit Menu Item');
?>
</a>
</span>
</dt>
</dl>
<div class="menu-item-settings" id="menu-item-settings-<?php
echo $item_id;
?>
">
<?php
if ('custom' == $item->type) {
?>
<p class="field-url description description-wide">
<label for="edit-menu-item-url-<?php
echo $item_id;
?>
">
<?php
_e('URL');
?>
<br />
<input type="text" id="edit-menu-item-url-<?php
echo $item_id;
?>
" class="widefat code edit-menu-item-url" name="menu-item-url[<?php
echo $item_id;
?>
]" value="<?php
echo esc_attr($item->url);
?>
" />
</label>
</p>
<?php
}
?>
<p class="description description-thin">
<label for="edit-menu-item-title-<?php
echo $item_id;
?>
">
<?php
_e('Navigation Label');
?>
<br />
<input type="text" id="edit-menu-item-title-<?php
echo $item_id;
?>
" class="widefat edit-menu-item-title" name="menu-item-title[<?php
echo $item_id;
?>
]" value="<?php
echo esc_attr($item->title);
?>
" />
</label>
</p>
<p class="description description-thin">
<label for="edit-menu-item-attr-title-<?php
echo $item_id;
?>
">
<?php
_e('Title Attribute');
?>
<br />
<input type="text" id="edit-menu-item-attr-title-<?php
echo $item_id;
?>
" class="widefat edit-menu-item-attr-title" name="menu-item-attr-title[<?php
echo $item_id;
?>
]" value="<?php
echo esc_attr($item->post_excerpt);
?>
" />
</label>
</p>
<p class="field-link-target description">
<label for="edit-menu-item-target-<?php
echo $item_id;
?>
">
<input type="checkbox" id="edit-menu-item-target-<?php
echo $item_id;
?>
" value="_blank" name="menu-item-target[<?php
echo $item_id;
?>
]"<?php
checked($item->target, '_blank');
?>
/>
<?php
_e('Open link in a new window/tab');
?>
</label>
</p>
<p class="field-css-classes description description-thin">
<label for="edit-menu-item-classes-<?php
echo $item_id;
?>
">
<?php
_e('CSS Classes (optional)');
?>
<br />
<input type="text" id="edit-menu-item-classes-<?php
echo $item_id;
?>
" class="widefat code edit-menu-item-classes" name="menu-item-classes[<?php
echo $item_id;
?>
]" value="<?php
echo esc_attr(implode(' ', $item->classes));
?>
" />
</label>
</p>
<p class="field-xfn description description-thin">
<label for="edit-menu-item-xfn-<?php
echo $item_id;
?>
">
<?php
_e('Link Relationship (XFN)');
?>
<br />
<input type="text" id="edit-menu-item-xfn-<?php
echo $item_id;
?>
" class="widefat code edit-menu-item-xfn" name="menu-item-xfn[<?php
echo $item_id;
?>
]" value="<?php
echo esc_attr($item->xfn);
?>
" />
</label>
</p>
<p class="field-description description description-wide">
<label for="edit-menu-item-description-<?php
echo $item_id;
?>
">
<?php
_e('Description');
?>
<br />
<textarea id="edit-menu-item-description-<?php
echo $item_id;
?>
" class="widefat edit-menu-item-description" rows="3" cols="20" name="menu-item-description[<?php
echo $item_id;
?>
]"><?php
echo esc_html($item->description);
// textarea_escaped
?>
</textarea>
<span class="description"><?php
_e('The description will be displayed in the menu if the current theme supports it.');
?>
</span>
</label>
</p>
<!-- DT Mega Menu Start -->
<div class="<?php
echo esc_attr($mega_menu_container_classes);
?>
">
<p class="field-dt-icon description description-wide">
<?php
_ex('Icon :', 'edit menu walker', LANGUAGE_ZONE);
?>
<label>
<input type="radio" name="menu-item-dt-icon[<?php
echo $item_id;
?>
]" value="none" <?php
checked($item->dt_mega_menu_icon, 'none');
?>
/>
<?php
_ex('no', 'edit menu walker', LANGUAGE_ZONE);
?>
</label>
<label>
<input type="radio" name="menu-item-dt-icon[<?php
echo $item_id;
?>
]" value="image" <?php
checked($item->dt_mega_menu_icon, 'image');
?>
/>
<?php
_ex('custom image', 'edit menu walker', LANGUAGE_ZONE);
?>
</label>
<label>
<input type="radio" name="menu-item-dt-icon[<?php
echo $item_id;
?>
]" value="iconfont" <?php
checked($item->dt_mega_menu_icon, 'iconfont');
?>
/>
<?php
_ex('iconfont', 'edit menu walker', LANGUAGE_ZONE);
?>
</label>
</p>
<p class="field-dt-iconfont description description-wide">
<label>
<?php
_ex('Iconfont code', 'edit menu walker', LANGUAGE_ZONE);
?>
<br />
<textarea class="widefat edit-menu-item-iconfont" rows="3" cols="20" name="menu-item-dt-iconfont[<?php
echo $item_id;
?>
]"><?php
echo esc_html($item->dt_mega_menu_iconfont);
// textarea_escaped
?>
</textarea>
</label>
</p>
<div class="field-dt-image controls">
<?php
if (function_exists('optionsframework_uploader')) {
echo optionsframework_uploader('menu-item-dt-image-' . $item_id, $item->dt_mega_menu_image, 'uri_only', null, "menu-item-dt-image[{$item_id}]");
?>
<input type="hidden" class="upload-image-width" name="menu-item-dt-image-width[<?php
echo $item_id;
?>
]" value="<?php
echo absint($item->dt_mega_menu_image_width);
?>
"/>
<input type="hidden" class="upload-image-height" name="menu-item-dt-image-height[<?php
echo $item_id;
?>
]" value="<?php
echo absint($item->dt_mega_menu_image_height);
?>
"/>
<?php
}
?>
</div>
<!-- first level -->
<p class="field-dt-enable-mega-menu">
<label for="edit-menu-item-dt-enable-mega-menu-<?php
echo $item_id;
?>
">
<input id="edit-menu-item-dt-enable-mega-menu-<?php
echo $item_id;
?>
" type="checkbox" class="menu-item-dt-enable-mega-menu" name="menu-item-dt-enable-mega-menu[<?php
echo $item_id;
?>
]" <?php
checked($item->dt_mega_menu_enabled);
?>
/>
<?php
_ex('Enable Mega Menu', 'edit menu walker', LANGUAGE_ZONE);
?>
</label>
</p>
<p class="field-dt-fullwidth-menu">
<label for="edit-menu-item-dt-fullwidth-menu-<?php
echo $item_id;
?>
">
<input id="edit-menu-item-dt-fullwidth-menu-<?php
echo $item_id;
?>
" type="checkbox" name="menu-item-dt-fullwidth-menu[<?php
echo $item_id;
?>
]" <?php
checked($item->dt_mega_menu_fullwidth);
?>
/>
<?php
_ex('Fullwidth', 'edit menu walker', LANGUAGE_ZONE);
?>
</label>
</p>
<p class="field-dt-columns description description-wide">
<?php
_ex('Number of columns: ', 'edit menu walker', LANGUAGE_ZONE);
?>
<select name="menu-item-dt-columns[<?php
echo $item_id;
?>
]" id="edit-menu-item-dt-columns-<?php
echo $item_id;
?>
">
<?php
foreach (array('1' => 1, '2' => 2, '3' => 3, '4' => 4, '5' => 5) as $title => $value) {
?>
<option value="<?php
echo esc_attr($value);
?>
" <?php
selected($value, $item->dt_mega_menu_columns);
?>
><?php
echo esc_html($title);
?>
</option>
<?php
}
?>
</select>
</p>
<!-- second level -->
<p class="field-dt-hide-title">
<label for="edit-menu-item-dt-hide-title-<?php
echo $item_id;
?>
">
<input id="edit-menu-item-dt-hide-title-<?php
echo $item_id;
?>
" type="checkbox" name="menu-item-dt-hide-title[<?php
echo $item_id;
?>
]" <?php
checked($item->dt_mega_menu_hide_title);
?>
/>
<?php
_ex('Hide title in mega menu', 'edit menu walker', LANGUAGE_ZONE);
?>
</label>
</p>
<p class="field-dt-remove-link">
<label for="edit-menu-item-dt-remove-link-<?php
echo $item_id;
?>
">
<input id="edit-menu-item-dt-remove-link-<?php
echo $item_id;
?>
" type="checkbox" name="menu-item-dt-remove-link[<?php
echo $item_id;
?>
]" <?php
checked($item->dt_mega_menu_remove_link);
?>
/>
<?php
_ex('Remove link', 'edit menu walker', LANGUAGE_ZONE);
?>
</label>
</p>
<p class="field-dt-new-row">
<label for="edit-menu-item-dt-new-row-<?php
echo $item_id;
?>
">
<input id="edit-menu-item-dt-new-row-<?php
echo $item_id;
?>
" type="checkbox" name="menu-item-dt-new-row[<?php
echo $item_id;
?>
]" <?php
checked($item->dt_mega_menu_new_row);
?>
/>
<?php
_ex('This item should start a new row', 'edit menu walker', LANGUAGE_ZONE);
?>
</label>
</p>
<!-- third level -->
<p class="field-dt-new-column">
<label for="edit-menu-item-dt-new-column-<?php
echo $item_id;
?>
">
<input id="edit-menu-item-dt-new-column-<?php
echo $item_id;
?>
" type="checkbox" name="menu-item-dt-new-column[<?php
echo $item_id;
?>
]" <?php
checked($item->dt_mega_menu_new_column);
?>
/>
<?php
_ex('This item should start a new column', 'edit menu walker', LANGUAGE_ZONE);
?>
</label>
</p>
</div>
<?php
do_action('dt_edit_menu_walker_print_item_settings', $item, $depth, $args, $id, $item_id);
?>
<!-- DT Mega Menu End -->
<p class="field-move hide-if-no-js description description-wide">
<label>
<span><?php
_e('Move');
?>
</span>
<a href="#" class="menus-move-up"><?php
_e('Up one');
?>
</a>
<a href="#" class="menus-move-down"><?php
_e('Down one');
?>
</a>
<a href="#" class="menus-move-left"></a>
<a href="#" class="menus-move-right"></a>
<a href="#" class="menus-move-top"><?php
_e('To the top');
?>
</a>
</label>
</p>
<div class="menu-item-actions description-wide submitbox">
<?php
if ('custom' != $item->type && $original_title !== false) {
?>
<p class="link-to-original">
<?php
printf(__('Original: %s'), '<a href="' . esc_attr($item->url) . '">' . esc_html($original_title) . '</a>');
?>
</p>
<?php
}
?>
<a class="item-delete submitdelete deletion" id="delete-<?php
echo $item_id;
?>
" href="<?php
echo wp_nonce_url(add_query_arg(array('action' => 'delete-menu-item', 'menu-item' => $item_id), admin_url('nav-menus.php')), 'delete-menu_item_' . $item_id);
?>
"><?php
_e('Remove');
?>
</a> <span class="meta-sep hide-if-no-js"> | </span> <a class="item-cancel submitcancel hide-if-no-js" id="cancel-<?php
echo $item_id;
?>
" href="<?php
echo esc_url(add_query_arg(array('edit-menu-item' => $item_id, 'cancel' => time()), admin_url('nav-menus.php')));
?>
#menu-item-settings-<?php
echo $item_id;
?>
"><?php
_e('Cancel');
?>
</a>
</div>
<input class="menu-item-data-db-id" type="hidden" name="menu-item-db-id[<?php
echo $item_id;
?>
]" value="<?php
echo $item_id;
?>
" />
<input class="menu-item-data-object-id" type="hidden" name="menu-item-object-id[<?php
echo $item_id;
?>
]" value="<?php
echo esc_attr($item->object_id);
?>
" />
<input class="menu-item-data-object" type="hidden" name="menu-item-object[<?php
echo $item_id;
?>
]" value="<?php
echo esc_attr($item->object);
?>
" />
<input class="menu-item-data-parent-id" type="hidden" name="menu-item-parent-id[<?php
echo $item_id;
?>
]" value="<?php
echo esc_attr($item->menu_item_parent);
?>
" />
<input class="menu-item-data-position" type="hidden" name="menu-item-position[<?php
echo $item_id;
?>
]" value="<?php
echo esc_attr($item->menu_order);
?>
" />
<input class="menu-item-data-type" type="hidden" name="menu-item-type[<?php
echo $item_id;
?>
]" value="<?php
echo esc_attr($item->type);
?>
" />
</div><!-- .menu-item-settings-->
<ul class="menu-item-transport"></ul>
<?php
$output .= ob_get_clean();
}
