1143 lines
58 KiB
PHP
1143 lines
58 KiB
PHP
<?php
|
|
|
|
/**
|
|
* SMOF Options Machine Class
|
|
*
|
|
* @package WordPress
|
|
* @subpackage SMOF
|
|
* @since 1.0.0
|
|
* @author Syamil MJ
|
|
*/
|
|
class Options_Machine {
|
|
|
|
public $Inputs;
|
|
public $Menu;
|
|
public $Defaults;
|
|
|
|
/**
|
|
* PHP5 Contructor
|
|
*
|
|
* @since 1.0.0
|
|
*/
|
|
public function __construct($options) {
|
|
$return = self::optionsframework_machine($options);
|
|
|
|
$this->Inputs = $return[0];
|
|
$this->Menu = $return[1];
|
|
$this->Defaults = $return[2];
|
|
}
|
|
|
|
/**
|
|
* Sanitize option
|
|
*
|
|
* Sanitize & returns default values if don't exist
|
|
*
|
|
* Notes:
|
|
- For further uses, you can check for the $value['type'] and performs
|
|
more speficic sanitization on the option
|
|
- The ultimate objective of this function is to prevent the "undefined index"
|
|
errors some authors are having due to malformed options array
|
|
*/
|
|
public static function sanitize_option($value) {
|
|
$defaults = array(
|
|
"name" => "",
|
|
"desc" => "",
|
|
"id" => "",
|
|
"std" => "",
|
|
"mod" => "",
|
|
"type" => ""
|
|
);
|
|
|
|
$value = wp_parse_args($value, $defaults);
|
|
|
|
return $value;
|
|
}
|
|
|
|
/**
|
|
* Process options data and build option fields
|
|
*
|
|
* @uses get_theme_mod()
|
|
*
|
|
* @access public
|
|
* @since 1.0.0
|
|
*
|
|
* @return array
|
|
*/
|
|
public static function optionsframework_machine($options) {
|
|
global $smof_output, $smof_details, $smof_data;
|
|
|
|
if (empty($options)) {
|
|
return;
|
|
}
|
|
|
|
if (empty($smof_data)){
|
|
$smof_data = of_get_options();
|
|
}
|
|
|
|
$data = $smof_data;
|
|
|
|
$defaults = array();
|
|
$counter = 0;
|
|
$menu = '';
|
|
$output = '';
|
|
$update_data = false;
|
|
|
|
do_action('optionsframework_machine_before', array(
|
|
'options' => $options,
|
|
'smof_data' => $smof_data,
|
|
));
|
|
|
|
if ($smof_output != "") {
|
|
$output .= $smof_output;
|
|
$smof_output = "";
|
|
}
|
|
|
|
// $k = 0;
|
|
// $info = false;
|
|
foreach ($options as $value) {
|
|
// sanitize option
|
|
if ($value['type'] != "heading") {
|
|
$value = self::sanitize_option($value);
|
|
}
|
|
|
|
$counter++;
|
|
|
|
//create array of defaults
|
|
if ($value['type'] == 'multicheck') {
|
|
if (is_array($value['std'])) {
|
|
foreach ($value['std'] as $i => $key) {
|
|
$defaults[$value['id']][$key] = true;
|
|
}
|
|
} else {
|
|
$defaults[$value['id']][$value['std']] = true;
|
|
}
|
|
} else {
|
|
if (isset($value['id'])) {
|
|
$defaults[$value['id']] = $value['std'];
|
|
}
|
|
}
|
|
|
|
/* condition start */
|
|
if (!empty($smof_data) || !empty($data)) {
|
|
|
|
if (array_key_exists('id', $value) && !isset($smof_data[$value['id']])) {
|
|
$smof_data[$value['id']] = $value['std'];
|
|
if ($value['type'] == "checkbox" && $value['std'] == 0) {
|
|
$smof_data[$value['id']] = 0;
|
|
} else {
|
|
$update_data = true;
|
|
}
|
|
}
|
|
|
|
if (array_key_exists('id', $value) && !isset($smof_details[$value['id']])) {
|
|
$smof_details[$value['id']] = $smof_data[$value['id']];
|
|
}
|
|
|
|
//Start Heading
|
|
if ($value['type'] != "heading") {
|
|
$attributes = array();
|
|
|
|
if (isset($value['id']) && $value['id']) {
|
|
$attributes[] = 'id="section-' . $value['id'] . '"';
|
|
// $attributes[] = 'data-target="' . $value['id'] . '"';
|
|
}
|
|
|
|
if (isset($value['child_of']) && $value['child_of']) {
|
|
$attributes[] = 'data-child_of="' . $value['child_of'] . '"';
|
|
}
|
|
|
|
if (isset($value['m_target']) && $value['m_target']) {
|
|
$target_show = is_array($value['m_target']) ? implode(',', $value['m_target']) : $value['m_target'];
|
|
$attributes[] = 'data-target="' . $target_show . '"';
|
|
}
|
|
|
|
$class = 'section section-' . $value['type'];
|
|
$class .= isset($value['class']) ? ' ' . $value['class'] : '';
|
|
|
|
//hide items in checkbox group
|
|
if (array_key_exists("fold", $value)) {
|
|
$class .= (isset($smof_data[$value['fold']]) && $smof_data[$value['fold']]) ? " f_" . $value['fold'] . " " : " f_" . $value['fold'] . " temphide ";
|
|
}
|
|
|
|
$attributes[] = 'class="' . $class . '"';
|
|
|
|
if (isset($value['data-class_show'])) {
|
|
$attributes[] = 'data-class_show="' . esc_attr($value['data-class_show']) . '"';
|
|
}
|
|
|
|
$output .= '<div ' . implode(' ', $attributes) . '>' . "\n";
|
|
|
|
//only show header if 'name' value exists
|
|
if ($value['name']) {
|
|
$output .= '<h3 class="heading">' . $value['name'] . '</h3>' . "\n";
|
|
}
|
|
|
|
$output .= $value['type'] != "info" ? '<a class="ns-toggle-section"></a>' : '<a class="ns-toggle-sections"></a>';
|
|
|
|
$output .= '<div class="option">' . "\n" . '<div class="controls">' . "\n";
|
|
}
|
|
//End Heading
|
|
|
|
//switch statement to handle various options type
|
|
switch ($value['type']) {
|
|
|
|
//text input
|
|
case 'text':
|
|
case 'password':
|
|
$t_value = '';
|
|
$t_value = stripslashes($smof_data[$value['id']]);
|
|
$t_value = str_replace('"', "'", $t_value);
|
|
|
|
$mini = '';
|
|
if (isset($value['mod']) && $value['mod'] == 'mini') {
|
|
$mini .= ' mini';
|
|
}
|
|
|
|
$output .= '<input class="of-input' . $mini . '" name="' . $value['id'] . '" id="' . $value['id'] . '" type="' . $value['type'] . '" value="' . $t_value . '" />';
|
|
|
|
break;
|
|
|
|
//select option
|
|
case 'select':
|
|
$mini = '';
|
|
if (!isset($value['mod'])) {
|
|
$value['mod'] = '';
|
|
}
|
|
|
|
if ($value['mod'] == 'mini') {
|
|
$mini = 'mini';
|
|
}
|
|
|
|
$select_class = 'select of-input';
|
|
$select_class .= isset($value['select_class']) && $value['select_class'] ? ' ' . $value['select_class'] : '';
|
|
|
|
$output .= '<div class="select_wrapper' . ($mini ? ' ' . $mini : '') . '">';
|
|
$output .= '<select class="' . $select_class . '" name="' . $value['id'] . '" id="' . $value['id'] . '">';
|
|
|
|
if (!empty($value['options'])) {
|
|
foreach ($value['options'] as $select_ID => $option) {
|
|
$theValue = $option;
|
|
|
|
if (!is_numeric($select_ID) || isset($value['override_numberic'])) {
|
|
$theValue = $select_ID;
|
|
}
|
|
|
|
$output .= '<option value="' . $theValue . '" ' . selected($smof_data[$value['id']], $theValue, false) . '>' . $option . '</option>';
|
|
}
|
|
}
|
|
|
|
$output .= '</select></div>';
|
|
|
|
break;
|
|
|
|
//select option
|
|
case 'select2id':
|
|
$mini = '';
|
|
if (!isset($value['mod'])) {
|
|
$value['mod'] = '';
|
|
}
|
|
|
|
if ($value['mod'] == 'mini') {
|
|
$mini = 'mini';
|
|
}
|
|
|
|
$select_class = 'select of-input';
|
|
$select_class .= isset($value['select_class']) && $value['select_class'] ? ' ' . $value['select_class'] : '';
|
|
|
|
$output .= '<div class="select_wrapper' . ($mini ? ' ' . $mini : '') . '">';
|
|
$output .= '<select class="' . $select_class . '" name="' . $value['id'] . '" id="' . $value['id'] . '">';
|
|
|
|
if (!empty($value['options'])) {
|
|
foreach ($value['options'] as $key => $karr) {
|
|
$attr_ext = '';
|
|
|
|
if (is_array($karr)) {
|
|
$dt_tit = $karr[1];
|
|
|
|
$attr_ext .= 'data-id="' . $karr[0] . '" ';
|
|
$attr_ext .= isset($karr[2]) && $karr[2] ? 'data-type="' . $karr[2] . '" ' : '';
|
|
} else {
|
|
$dt_tit = $karr;
|
|
|
|
$attr_ext .= 'data-id="0" ';
|
|
}
|
|
|
|
$output .= '<option ' . $attr_ext . 'value="' . $key . '" ' . selected($smof_data[$value['id']], $key, false) . '>' . $dt_tit . '</option>';
|
|
}
|
|
}
|
|
|
|
$output .= '</select></div>';
|
|
|
|
break;
|
|
|
|
//textarea option
|
|
case 'textarea':
|
|
$cols = '8';
|
|
$ta_value = '';
|
|
|
|
if (isset($value['options'])) {
|
|
$ta_options = $value['options'];
|
|
if (isset($ta_options['cols'])) {
|
|
$cols = $ta_options['cols'];
|
|
}
|
|
}
|
|
|
|
$ta_value = stripslashes($smof_data[$value['id']]);
|
|
$output .= '<textarea class="of-input" name="' . $value['id'] . '" id="' . $value['id'] . '" cols="' . $cols . '" rows="8">' . $ta_value . '</textarea>';
|
|
|
|
break;
|
|
|
|
//radiobox option
|
|
case "radio":
|
|
$checked = (isset($smof_data[$value['id']])) ? checked($smof_data[$value['id']], $option, false) : '';
|
|
foreach ($value['options'] as $option => $name) {
|
|
$output .= '<input class="of-input of-radio" name="' . $value['id'] . '" type="radio" value="' . $option . '" ' . checked($smof_data[$value['id']], $option, false) . ' /><label class="radio">' . $name . '</label><br />';
|
|
}
|
|
|
|
break;
|
|
|
|
//checkbox option
|
|
case 'checkbox':
|
|
if (!isset($smof_data[$value['id']])) {
|
|
$smof_data[$value['id']] = 0;
|
|
}
|
|
|
|
$fold = '';
|
|
if (array_key_exists("folds", $value)) {
|
|
$fold = "fld ";
|
|
}
|
|
|
|
$output .= '<input type="hidden" class="' . $fold . 'checkbox of-input" name="' . $value['id'] . '" value="0" />';
|
|
$output .= '<input type="checkbox" class="' . $fold . 'checkbox of-input" name="' . $value['id'] . '" id="' . $value['id'] . '" value="1" ' . checked($smof_data[$value['id']], 1, false) . ' />';
|
|
|
|
break;
|
|
|
|
//multiple checkbox option
|
|
case 'multicheck':
|
|
$multi_stored = isset($smof_data[$value['id']]) ? $smof_data[$value['id']] : $defaults[$value['id']];
|
|
|
|
foreach ($value['options'] as $key => $option) {
|
|
if (!isset($multi_stored[$key])) {
|
|
$multi_stored[$key] = '';
|
|
}
|
|
|
|
$of_key_string = $value['id'] . '_' . $key;
|
|
$output .= '<input type="checkbox" class="checkbox of-input" name="' . $value['id'] . '[' . $key . ']' . '" id="' . $of_key_string . '" value="1" ' . checked($multi_stored[$key], 1, false) . ' /><label class="multicheck" for="' . $of_key_string . '">' . $option . '</label><br />';
|
|
}
|
|
|
|
break;
|
|
|
|
// Color picker
|
|
case "color":
|
|
$default_color = '';
|
|
if (isset($value['std'])) {
|
|
$default_color = ' data-default-color="' . $value['std'] . '" ';
|
|
}
|
|
$output .= '<input name="' . $value['id'] . '" id="' . $value['id'] . '" class="of-color" type="text" value="' . $smof_data[$value['id']] . '"' . $default_color . ' />';
|
|
|
|
break;
|
|
|
|
//typography option
|
|
case 'typography':
|
|
$typography_stored = isset($smof_data[$value['id']]) ? $smof_data[$value['id']] : $value['std'];
|
|
|
|
/* Font Size */
|
|
if (isset($typography_stored['size'])) {
|
|
$output .= '<div class="select_wrapper typography-size" original-title="' . esc_attr__('Font size', 'elessi-theme') . '">';
|
|
$output .= '<select class="of-typography of-typography-size select" name="' . $value['id'] . '[size]" id="' . $value['id'] . '_size">';
|
|
for ($i = 9; $i < 20; $i++) {
|
|
$test = $i . 'px';
|
|
$output .= '<option value="' . $i . 'px" ' . selected($typography_stored['size'], $test, false) . '>' . $i . 'px</option>';
|
|
}
|
|
|
|
$output .= '</select></div>';
|
|
}
|
|
|
|
/* Line Height */
|
|
if (isset($typography_stored['height'])) {
|
|
$output .= '<div class="select_wrapper typography-height" original-title="Line height">';
|
|
$output .= '<select class="of-typography of-typography-height select" name="' . $value['id'] . '[height]" id="' . $value['id'] . '_height">';
|
|
for ($i = 20; $i < 38; $i++) {
|
|
$test = $i . 'px';
|
|
$output .= '<option value="' . $i . 'px" ' . selected($typography_stored['height'], $test, false) . '>' . $i . 'px</option>';
|
|
}
|
|
|
|
$output .= '</select></div>';
|
|
}
|
|
|
|
/* Font Face */
|
|
if (isset($typography_stored['face'])) {
|
|
$output .= '<div class="select_wrapper typography-face" original-title="Font family">';
|
|
$output .= '<select class="of-typography of-typography-face select" name="' . $value['id'] . '[face]" id="' . $value['id'] . '_face">';
|
|
|
|
$faces = array(
|
|
'arial' => __('Arial', 'elessi-theme'),
|
|
'verdana' => __('Verdana, Geneva', 'elessi-theme'),
|
|
'trebuchet' => __('Trebuchet', 'elessi-theme'),
|
|
'georgia' => __('Georgia', 'elessi-theme'),
|
|
'times' => __('Times New Roman', 'elessi-theme'),
|
|
'tahoma' => __('Tahoma, Geneva', 'elessi-theme'),
|
|
'palatino' => __('Palatino', 'elessi-theme'),
|
|
'helvetica' => __('Helvetica', 'elessi-theme')
|
|
);
|
|
foreach ($faces as $i => $face) {
|
|
$output .= '<option value="' . $i . '" ' . selected($typography_stored['face'], $i, false) . '>' . $face . '</option>';
|
|
}
|
|
|
|
$output .= '</select></div>';
|
|
}
|
|
|
|
/* Font Weight */
|
|
if (isset($typography_stored['style'])) {
|
|
$output .= '<div class="select_wrapper typography-style" original-title="Font style">';
|
|
$output .= '<select class="of-typography of-typography-style select" name="' . $value['id'] . '[style]" id="' . $value['id'] . '_style">';
|
|
$styles = array(
|
|
'normal' => __('Normal', 'elessi-theme'),
|
|
'italic' => __('Italic', 'elessi-theme'),
|
|
'bold' => __('Bold', 'elessi-theme'),
|
|
'bold italic' => __('Bold Italic', 'elessi-theme')
|
|
);
|
|
|
|
foreach ($styles as $i => $style) {
|
|
|
|
$output .= '<option value="' . $i . '" ' . selected($typography_stored['style'], $i, false) . '>' . $style . '</option>';
|
|
}
|
|
$output .= '</select></div>';
|
|
}
|
|
|
|
/* Font Color */
|
|
if (isset($typography_stored['color'])) {
|
|
$output .= '<div id="' . $value['id'] . '_color_picker" class="colorSelector typography-color"><div style="background-color: ' . $typography_stored['color'] . '"></div></div>';
|
|
$output .= '<input class="of-color of-typography of-typography-color" original-title="Font color" name="' . $value['id'] . '[color]" id="' . $value['id'] . '_color" type="text" value="' . $typography_stored['color'] . '" />';
|
|
}
|
|
|
|
break;
|
|
|
|
//border option
|
|
case 'border':
|
|
/* Border Width */
|
|
$border_stored = $smof_data[$value['id']];
|
|
|
|
$output .= '<div class="select_wrapper border-width">';
|
|
$output .= '<select class="of-border of-border-width select" name="' . $value['id'] . '[width]" id="' . $value['id'] . '_width">';
|
|
for ($i = 0; $i < 21; $i++) {
|
|
$output .= '<option value="' . $i . '" ' . selected($border_stored['width'], $i, false) . '>' . $i . '</option>';
|
|
}
|
|
|
|
$output .= '</select></div>';
|
|
|
|
/* Border Style */
|
|
$output .= '<div class="select_wrapper border-style">';
|
|
$output .= '<select class="of-border of-border-style select" name="' . $value['id'] . '[style]" id="' . $value['id'] . '_style">';
|
|
|
|
$styles = array(
|
|
'none' => __('None', 'elessi-theme'),
|
|
'solid' => __('Solid', 'elessi-theme'),
|
|
'dashed' => __('Dashed', 'elessi-theme'),
|
|
'dotted' => __('Dotted', 'elessi-theme')
|
|
);
|
|
|
|
foreach ($styles as $i => $style) {
|
|
$output .= '<option value="' . $i . '" ' . selected($border_stored['style'], $i, false) . '>' . $style . '</option>';
|
|
}
|
|
|
|
$output .= '</select></div>';
|
|
|
|
/* Border Color */
|
|
$output .= '<div id="' . $value['id'] . '_color_picker" class="colorSelector"><div style="background-color: ' . $border_stored['color'] . '"></div></div>';
|
|
$output .= '<input class="of-color of-border of-border-color" name="' . $value['id'] . '[color]" id="' . $value['id'] . '_color" type="text" value="' . $border_stored['color'] . '" />';
|
|
|
|
break;
|
|
|
|
//images checkbox - use image as checkboxes
|
|
case 'images':
|
|
$i = 0;
|
|
$select_value = (isset($smof_data[$value['id']])) ? $smof_data[$value['id']] : '';
|
|
|
|
foreach ($value['options'] as $key => $option) {
|
|
$i++;
|
|
|
|
$checked = '';
|
|
$selected = '';
|
|
if (null != checked($select_value, $key, false)) {
|
|
$checked = checked($select_value, $key, false);
|
|
// $selected = 'of-radio-img-selected';
|
|
$selected = ' ns-radio-img-selected';
|
|
}
|
|
|
|
$output .= '<span class="of-radio-img-wrap">';
|
|
|
|
$output .= '<input type="radio" id="of-radio-img-' . $value['id'] . $i . '" class="checkbox of-radio-img-radio" value="' . $key . '" name="' . $value['id'] . '" ' . $checked . ' />';
|
|
|
|
$output .= '<div class="of-radio-img-label">' . $key . '</div>';
|
|
|
|
$output .= '<a class="ns-radio-img-a' . $selected . '" href="javascript:void(0);">';
|
|
|
|
$output .= '<img src="' . $option . '" class="of-radio-img-img" />';
|
|
|
|
$output .= '</a>';
|
|
|
|
$output .= '</span>';
|
|
}
|
|
|
|
break;
|
|
|
|
//display a single image
|
|
case "image":
|
|
$src = $value['std'];
|
|
$output .= '<img src="' . $src . '" />';
|
|
|
|
break;
|
|
|
|
//display a button with url
|
|
case 'button':
|
|
$src = $value['std'];
|
|
$output .= '<button href="' . $src . '" class="button-primary" type="button">' . $value['btntext'] . '</button>';
|
|
$output .= '<img src="' . ELESSI_THEME_URI . '/admin/assets/images/ajax-loader.gif" style="margin-left: 5px; display: none;" />';
|
|
break;
|
|
|
|
//info (for small intro box etc)
|
|
case "info":
|
|
$info_text = $value['std'];
|
|
$output .= '<div class="of-info">' . $info_text . '</div>';
|
|
|
|
break;
|
|
|
|
//tab heading
|
|
case 'heading':
|
|
if ($counter >= 2) {
|
|
$output .= '</div>' . "\n";
|
|
// $output .= $info ? '</div>' . "\n" : '';
|
|
// $info = false;
|
|
}
|
|
|
|
//custom icon
|
|
$icon = '';
|
|
if (isset($value['icon'])) {
|
|
$icon = ' style="background-image: url(' . $value['icon'] . ');"';
|
|
}
|
|
|
|
$header_class = isset($value['target']) ? 'heading-' . str_replace(' ','-', strtolower($value['target'])) : str_replace(' ', '', strtolower($value['name']));
|
|
|
|
$jquery_click_hook = "of-option-" . $header_class;
|
|
|
|
$menu .= '<li class="' . $header_class . '"><a title="' . $value['name'] . '" href="#' . $jquery_click_hook . '"' . $icon . '>' . $value['name'] . '</a></li>';
|
|
|
|
$output .= '<div class="group" id="' . $jquery_click_hook . '">' . "\n";
|
|
break;
|
|
|
|
//drag & drop slide manager
|
|
case 'slider':
|
|
$output .= '<div class="slider"><ul id="' . $value['id'] . '">';
|
|
$slides = $smof_data[$value['id']];
|
|
$count = count($slides);
|
|
|
|
if ($count < 2) {
|
|
$oldorder = 1;
|
|
$order = 1;
|
|
$output .= Options_Machine::optionsframework_slider_function($value['id'], $value['std'], $oldorder, $order);
|
|
} else {
|
|
$i = 0;
|
|
|
|
foreach ($slides as $slide) {
|
|
$oldorder = $slide['order'];
|
|
$i++;
|
|
$order = $i;
|
|
$output .= Options_Machine::optionsframework_slider_function($value['id'], $value['std'], $oldorder, $order);
|
|
}
|
|
}
|
|
|
|
$output .= '</ul>';
|
|
$output .= '<a href="#" class="button slide_add_button">' . esc_html__('Add New Slide', 'elessi-theme') . '</a></div>';
|
|
|
|
break;
|
|
|
|
//drag & drop block manager
|
|
case 'sorter':
|
|
|
|
// Make sure to get list of all the default blocks first
|
|
$all_blocks = $value['std'];
|
|
|
|
$temp = array(); // holds default blocks
|
|
$temp2 = array(); // holds saved blocks
|
|
|
|
foreach ($all_blocks as $blocks) {
|
|
$temp = array_merge($temp, $blocks);
|
|
}
|
|
|
|
$sortlists = isset($data[$value['id']]) && !empty($data[$value['id']]) ? $data[$value['id']] : $value['std'];
|
|
|
|
foreach ($sortlists as $sortlist) {
|
|
$temp2 = array_merge($temp2, $sortlist);
|
|
}
|
|
|
|
// now let's compare if we have anything missing
|
|
foreach ($temp as $k => $v) {
|
|
if (!array_key_exists($k, $temp2)) {
|
|
$sortlists['disabled'][$k] = $v;
|
|
}
|
|
}
|
|
|
|
// now check if saved blocks has blocks not registered under default blocks
|
|
foreach ($sortlists as $key => $sortlist) {
|
|
foreach ($sortlist as $k => $v) {
|
|
if (!array_key_exists($k, $temp)) {
|
|
unset($sortlist[$k]);
|
|
}
|
|
}
|
|
$sortlists[$key] = $sortlist;
|
|
}
|
|
|
|
// assuming all sync'ed, now get the correct naming for each block
|
|
foreach ($sortlists as $key => $sortlist) {
|
|
foreach ($sortlist as $k => $v) {
|
|
$sortlist[$k] = $temp[$k];
|
|
}
|
|
|
|
$sortlists[$key] = $sortlist;
|
|
}
|
|
|
|
$output .= '<div id="' . $value['id'] . '" class="sorter">';
|
|
|
|
if ($sortlists) {
|
|
foreach ($sortlists as $group => $sortlist) {
|
|
|
|
$output .= '<ul id="' . $value['id'] . '_' . $group . '" class="sortlist_' . $value['id'] . '">';
|
|
$output .= '<h3>' . $group . '</h3>';
|
|
|
|
foreach ($sortlist as $key => $list) {
|
|
$output .= '<input class="sorter-placebo" type="hidden" name="' . $value['id'] . '[' . $group . '][placebo]" value="placebo" />';
|
|
if ($key != "placebo") {
|
|
$output .= '<li id="' . $key . '" class="sortee">';
|
|
$output .= '<input class="position" type="hidden" name="' . $value['id'] . '[' . $group . '][' . $key . ']" value="' . $list . '" />';
|
|
$output .= $list;
|
|
$output .= '</li>';
|
|
}
|
|
}
|
|
|
|
$output .= '</ul>';
|
|
}
|
|
}
|
|
|
|
$output .= '</div>';
|
|
|
|
break;
|
|
|
|
//background images option
|
|
case 'tiles':
|
|
|
|
$i = 0;
|
|
$select_value = isset($smof_data[$value['id']]) && !empty($smof_data[$value['id']]) ? $smof_data[$value['id']] : '';
|
|
if (is_array($value['options'])) {
|
|
foreach ($value['options'] as $key => $option) {
|
|
$i++;
|
|
|
|
$checked = '';
|
|
$selected = '';
|
|
|
|
if (NULL != checked($select_value, $option, false)) {
|
|
$checked = checked($select_value, $option, false);
|
|
$selected = 'of-radio-tile-selected';
|
|
}
|
|
|
|
$output .= '<span>';
|
|
$output .= '<input type="radio" id="of-radio-tile-' . $value['id'] . $i . '" class="checkbox of-radio-tile-radio" value="' . $option . '" name="' . $value['id'] . '" ' . $checked . ' />';
|
|
$output .= '<div class="of-radio-tile-img ' . $selected . '" style="background: url(' . $option . ')" onClick="document.getElementById(\'of-radio-tile-' . $value['id'] . $i . '\').checked = true;"></div>';
|
|
$output .= '</span>';
|
|
}
|
|
}
|
|
|
|
break;
|
|
|
|
//backup and restore options data
|
|
case 'backup':
|
|
|
|
$instructions = $value['desc'];
|
|
$backup = of_get_options(ELESSI_ADMIN_BACKUPS);
|
|
$init = of_get_options('smof_init');
|
|
|
|
$log = !isset($backup['backup_log']) ? esc_html__('No backups yet.', 'elessi-theme') : $backup['backup_log'];
|
|
|
|
$output .= '<div class="backup-box">';
|
|
$output .= '<div class="instructions">' . $instructions . "\n";
|
|
$output .= '<p><strong>' . esc_html__('Last Backup : ', 'elessi-theme') . '<span class="backup-log">' . $log . '</span></strong></p></div>' . "\n";
|
|
$output .= '<a href="#" id="of_backup_button" class="button" title="' . esc_attr__('Backup Options', 'elessi-theme') . '">' . esc_html__('Backup Options', 'elessi-theme') . '</a>';
|
|
$output .= '<a href="#" id="of_restore_button" class="button" title="Restore Options">Restore Options</a>';
|
|
$output .= '</div>';
|
|
|
|
break;
|
|
|
|
//export or import data between different installs
|
|
case 'transfer':
|
|
$instructions = $value['desc'];
|
|
$output .= '<textarea id="export_data" rows="8">' . json_encode($smof_data) . '</textarea>' . "\n";
|
|
$output .= '<a href="#" id="of_import_button" class="button" title="' . esc_attr__('Import Options', 'elessi-theme') . '">' . esc_html__('Import Options', 'elessi-theme') . '</a>';
|
|
|
|
break;
|
|
|
|
// google font field
|
|
case 'select_google_font':
|
|
$output .= '<div class="select_wrapper">';
|
|
$output .= '<select class="select of-input google_font_select nasa-ad-select2" name="' . $value['id'] . '" id="' . $value['id'] . '">';
|
|
foreach ($value['options'] as $select_key => $option) {
|
|
$output .= '<option value="' . $select_key . '" ' . selected((isset($smof_data[$value['id']])) ? $smof_data[$value['id']] : "", $select_key, false) . ' />' . $option . '</option>';
|
|
}
|
|
|
|
$output .= '</select></div>';
|
|
|
|
$g_text = isset($value['preview']['text']) ? $value['preview']['text'] : '0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz';
|
|
$g_size = isset($value['preview']['size']) ? 'style="font-size: ' . $value['preview']['size'] . ';"' : '';
|
|
|
|
$hide = ($smof_data[$value['id']] != "none" && $smof_data[$value['id']] != "") ? "" : " hide";
|
|
|
|
$output .= '<p class="' . $value['id'] . '_ggf_previewer google_font_preview' . $hide . '" ' . $g_size . '>' . $g_text . '</p>';
|
|
|
|
break;
|
|
|
|
// Nasa upload Custom font
|
|
case 'nasa_upload_custom_font' :
|
|
$output .= '<span><form action="" method="post">';
|
|
$output .= '<input type="hidden" name="action" value="wp_handle_upload" />';
|
|
$output .= '<input type="file" name="zip_packet_font" style="width: 230px" /><button style="margin: 0 0 0 5px; width: 100px" class="button-primary" type="submit" name="upload_new_font" value="new_font">' . esc_html__('Upload', 'elessi-theme') . '</button>';
|
|
$output .= '</form></span>';
|
|
|
|
break;
|
|
|
|
//JQuery UI Slider
|
|
case 'sliderui':
|
|
$s_val = $s_min = $s_max = $s_step = $s_edit = ''; //no errors, please
|
|
$s_val = stripslashes($smof_data[$value['id']]);
|
|
$s_min = !isset($value['min']) ? '0' : $value['min'];
|
|
$s_max = !isset($value['max']) ? ($s_min + 1) : $value['max'];
|
|
$s_step = !isset($value['step']) ? '1' : $value['step'];
|
|
$s_edit = !isset($value['edit']) ? ' readonly="readonly"' : '';
|
|
|
|
if ($s_val == '') {
|
|
$s_val = $s_min;
|
|
}
|
|
|
|
//values
|
|
$s_data = 'data-id="' . $value['id'] . '" data-val="' . $s_val . '" data-min="' . $s_min . '" data-max="' . $s_max . '" data-step="' . $s_step . '"';
|
|
|
|
//html output
|
|
$output .= '<input type="text" name="' . $value['id'] . '" id="' . $value['id'] . '" value="' . $s_val . '" class="mini" ' . $s_edit . ' />';
|
|
$output .= '<div id="' . $value['id'] . '-slider" class="smof_sliderui" style="margin-left: 7px;" ' . $s_data . '></div>';
|
|
|
|
break;
|
|
|
|
//Switch option
|
|
case 'switch':
|
|
if (!isset($smof_data[$value['id']])) {
|
|
$smof_data[$value['id']] = 0;
|
|
}
|
|
|
|
$fold = '';
|
|
if (array_key_exists("folds", $value)) {
|
|
$fold = "s_fld ";
|
|
}
|
|
|
|
$cb_enabled = $cb_disabled = ''; //no errors, please
|
|
|
|
//Get selected
|
|
if ($smof_data[$value['id']] == 1) {
|
|
$cb_enabled = ' selected';
|
|
$cb_disabled = '';
|
|
} else {
|
|
$cb_enabled = '';
|
|
$cb_disabled = ' selected';
|
|
}
|
|
|
|
//Label ON
|
|
$on = !isset($value['on']) ? esc_html__('On', 'elessi-theme') : $value['on'];
|
|
|
|
//Label OFF
|
|
$off = !isset($value['off']) ? esc_html__('Off', 'elessi-theme') : $value['off'];
|
|
|
|
$output .= '<p class="switch-options">';
|
|
$output .= '<label class="' . $fold . 'cb-enable' . $cb_enabled . '" data-id="' . $value['id'] . '"><span>' . $on . '</span></label>';
|
|
$output .= '<label class="' . $fold . 'cb-disable' . $cb_disabled . '" data-id="' . $value['id'] . '"><span>' . $off . '</span></label>';
|
|
|
|
$output .= '<input type="hidden" class="' . $fold . 'checkbox of-input" name="' . $value['id'] . '" value="0" />';
|
|
$output .= '<input type="checkbox" id="' . $value['id'] . '" class="' . $fold . 'checkbox of-input main_checkbox" name="' . $value['id'] . '" value="1" ' . checked($smof_data[$value['id']], 1, false) . ' />';
|
|
|
|
$output .= '</p>';
|
|
|
|
break;
|
|
|
|
// Uploader 3.5
|
|
case "upload":
|
|
case "media":
|
|
|
|
if (!isset($value['mod'])) {
|
|
$value['mod'] = '';
|
|
}
|
|
|
|
$u_val = '';
|
|
if ($smof_data[$value['id']]) {
|
|
$u_val = stripslashes($smof_data[$value['id']]);
|
|
}
|
|
|
|
$output .= Options_Machine::optionsframework_media_uploader_function($value['id'], $u_val, $value['mod']);
|
|
|
|
break;
|
|
|
|
/**
|
|
* Ajax field
|
|
*/
|
|
case 'ajax_field':
|
|
$t_value = '';
|
|
$t_value = stripslashes($smof_data[$value['id']]);
|
|
$t_value = str_replace('"', "'", $t_value);
|
|
|
|
$t_value = $t_value == '' ? $value['std'] : $t_value;
|
|
|
|
$output .= '<div class="nasa-opt-ajax-wrap">';
|
|
|
|
$output .= '<div class="nasa-info-ajax">';
|
|
|
|
$output .= '<span class="label-show">' . esc_html__('Current value:', 'elessi-theme') . ' <strong class="value-show">' . $t_value . '</strong></span>';
|
|
|
|
$output .= '<span> </span>';
|
|
|
|
$output .= '<a href="javascript:void(0);" class="button-primary nasa-init-ajax">' . esc_html__('Change', 'elessi-theme') . '</a>';
|
|
|
|
$output .= '</div>';
|
|
|
|
$output .= '<div class="nasa-do-ajax hidden-tag" style="display: none;">';
|
|
|
|
$output .= '<p><input class="nasa-do-ajax-input" type="text" value="' . $t_value . '" /></p>';
|
|
|
|
$output .= '<p><a href="javascript:void(0);" class="button-primary nasa-apply-ajax" data-action="' . $value['action'] . '">' . esc_html__('Apply', 'elessi-theme') . '</a>';
|
|
$output .= '<span> </span>';
|
|
$output .= '<a href="javascript:void(0);" class="button reset-button nasa-cancel-ajax">' . esc_html__('Cancel', 'elessi-theme') . '</a></p>';
|
|
|
|
$output .= '</div>';
|
|
|
|
$output .= '<div class="nasa-ajax-mess hidden-tag"></div>';
|
|
|
|
$output .= '<input type="hidden" name="' . $value['id'] . '" id="' . $value['id'] . '" value="' . $t_value . '" class="nasa-org-input" />';
|
|
|
|
$output .= '</div>';
|
|
|
|
break;
|
|
|
|
/**
|
|
* Fake Purchase
|
|
*/
|
|
case 'fake_purchases':
|
|
|
|
$t_value = isset($smof_data[$value['id']]) ? $smof_data[$value['id']] : $value['std'];
|
|
|
|
$check_svg ='<svg width="12" height="12" viewBox="0 0 32 32">
|
|
<path d="M16 2.672c-7.361 0-13.328 5.967-13.328 13.328s5.968 13.328 13.328 13.328c7.361 0 13.328-5.967 13.328-13.328s-5.967-13.328-13.328-13.328zM16 28.262c-6.761 0-12.262-5.501-12.262-12.262s5.5-12.262 12.262-12.262c6.761 0 12.262 5.501 12.262 12.262s-5.5 12.262-12.262 12.262z" fill="currentColor"/>
|
|
<path d="M22.667 11.241l-8.559 8.299-2.998-2.998c-0.312-0.312-0.818-0.312-1.131 0s-0.312 0.818 0 1.131l3.555 3.555c0.156 0.156 0.361 0.234 0.565 0.234 0.2 0 0.401-0.075 0.556-0.225l9.124-8.848c0.317-0.308 0.325-0.814 0.018-1.131-0.309-0.318-0.814-0.325-1.131-0.018z" fill="currentColor"/>
|
|
</svg>';
|
|
|
|
$output .= '<div class="fake_pc_wrap">';
|
|
|
|
$output .= '
|
|
<div class="fake_purchases_demo hidden-tag">
|
|
<div class="product-image">
|
|
<img class="tmop-product-image" src="' . wc_placeholder_img_src() . '" />
|
|
</div>
|
|
|
|
<div class="wrapper-theme">
|
|
|
|
<div class="noti-title">
|
|
<span class="nameuser">' . esc_html__('Customer in country purchased a', 'elessi-theme') . '</span>
|
|
</div>
|
|
|
|
<div class="noti-body">
|
|
<a class="nameproduct" href="javascript:void(0);">' . esc_html__('Product title', 'elessi-theme') . '</a>
|
|
</div>
|
|
|
|
<div class="noti-time">
|
|
<span class="time_purchased">' . esc_html__('Time ago', 'elessi-theme') . '</span>
|
|
<span class="verify nasa-flex">' . $check_svg . esc_html__('Verified', 'elessi-theme') . '</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="fake_purchases_input">
|
|
|
|
<div class="seach_pro">
|
|
<input type="text" class="of-input ns_search" placeholder="' . esc_html__('Search..', 'elessi-theme') . '" id="proruct_name" />
|
|
<ul class="ns_browsers"></ul>
|
|
</div>
|
|
|
|
<input class="of-input hidden-tag user_name" placeholder="Ex: John in US purchased a" type="text" />
|
|
<input class="of-input hidden-tag datetime" placeholder="Ex: 3 days ago, 5 hours ago, ..." type="text" />
|
|
|
|
<a href="javascript:void(0);" class="button hidden-tag add-list">' . esc_html__('Add', 'elessi-theme') . '</a>
|
|
|
|
<input class="of-input input_list_purchased" name="' . $value['id'] . '" value="' . esc_attr($t_value) . '" type="hidden" />
|
|
</div>
|
|
|
|
<div class="fake_purchases_list"></div>
|
|
';
|
|
|
|
$output .= '
|
|
<template class="product-item-tmpl hidden-tag">
|
|
<div class="product_list_item">
|
|
<div class="product-image">
|
|
<img class="tmop-product-image" src="{{src_img}}" />
|
|
</div>
|
|
|
|
<div class="wrapper-theme">
|
|
|
|
<div class="noti-title">
|
|
<span class="nameuser">{{customer}}</span>
|
|
</div>
|
|
|
|
<input type="hidden" class="of-input user_name_change" placeholder="Ex: John in US purchased a" />
|
|
|
|
<div class="noti-body">
|
|
<a class="nameproduct" data-prod="{{p_data_prod}}" href="{{p_url}}">{{p_name}}</a>
|
|
</div>
|
|
|
|
<div class="noti-time">
|
|
<span class="time_purchased">{{time_purchase}}</span>
|
|
<span class="verify nasa-flex">' . $check_svg . esc_html__('Verified', 'elessi-theme') . '</span>
|
|
</div>
|
|
|
|
<input type="hidden" class="of-input datetime_change" placeholder="Ex: 3 days ago, 5 hours ago, ..." />
|
|
|
|
<div class="btn_wrap hidden-tag">
|
|
<a href="javascript:void(0);" class="button button-primary apply_change">' . esc_html__('Apply', 'elessi-theme') . '</a>
|
|
<a href="javascript:void(0);" class="button close_change">' . esc_html__('Cancel', 'elessi-theme') . '</a>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="javascript:void(0);" class="delete_btn">
|
|
<svg width="20" height="20" viewBox="0 0 32 32">
|
|
<path d="M26.129 5.871h-5.331v-1.066c0-1.178-0.955-2.132-2.133-2.132h-5.331c-1.178 0-2.133 0.955-2.133 2.132v1.066h-5.331v1.066h1.099l1.067 20.259c0 1.178 0.955 2.133 2.133 2.133h11.729c1.178 0 2.133-0.955 2.133-2.133l1.049-20.259h1.051v-1.066zM12.268 4.804c0-0.588 0.479-1.066 1.066-1.066h5.331c0.588 0 1.066 0.478 1.066 1.066v1.066h-7.464v-1.066zM22.966 27.14l-0.002 0.027v0.028c0 0.587-0.478 1.066-1.066 1.066h-11.729c-0.587 0-1.066-0.479-1.066-1.066v-0.028l-0.001-0.028-1.065-20.203h15.975l-1.046 20.204z" fill="currentColor" />
|
|
<path d="M15.467 9.069h1.066v17.060h-1.066v-17.060z" fill="currentColor" />
|
|
<path d="M13.358 26.095l-1.091-17.027-1.064 0.068 1.091 17.027z" fill="currentColor" />
|
|
<path d="M20.805 9.103l-1.064-0.067-1.076 17.060 1.064 0.067z" fill="currentColor" />
|
|
</svg>
|
|
</a>
|
|
|
|
<a href="javascript:void(0);" class="change_btn">
|
|
<svg width="20" height="20" viewBox="0 0 32 32">
|
|
<path d="M30.771 5.802l-4.251-4.251-1.040 1.041-1.456-1.455c-0.208-0.208-0.546-0.208-0.754 0l-8.638 8.639c-0.208 0.208-0.208 0.546 0 0.754 0.104 0.104 0.241 0.156 0.377 0.156s0.273-0.052 0.377-0.156l8.261-8.262 1.079 1.078-18.319 18.318 1.235 1.235c-0.52-0.257-1.086-0.388-1.652-0.388-0.957 0-1.914 0.365-2.644 1.095-0.075 0.074-0.147 0.154-0.216 0.238-0.034 0.040-0.067 0.082-0.098 0.123-0.038 0.047-0.073 0.096-0.107 0.146-0.026 0.036-0.052 0.072-0.076 0.108-1.55 2.331-1.62 6.789-1.62 6.789s0.162 0.008 0.444 0.008c1.281 0 5.010-0.175 6.961-2.126 1.162-1.163 1.396-2.9 0.706-4.297l1.319 1.319 20.113-20.113zM7.879 28.139c-1.19 1.19-3.278 1.6-4.767 1.741l2.427-2.427-0.754-0.754-2.325 2.325c0.189-1.422 0.566-3.146 1.28-4.217l0.030-0.043 0.026-0.037c0.023-0.033 0.047-0.068 0.088-0.12 0.018-0.023 0.035-0.047 0.067-0.084 0.047-0.056 0.095-0.11 0.148-0.163 0.505-0.505 1.176-0.783 1.89-0.783s1.385 0.278 1.89 0.783c1.041 1.042 1.041 2.737 0 3.779zM29.264 5.802l-6.324 6.324-2.744-2.743 6.324-6.324 2.744 2.743zM19.442 10.136l2.744 2.743-11.528 11.528-2.744-2.743 11.528-11.528z" fill="currentColor" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</template>';
|
|
|
|
$output .= '</div>';
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
break;
|
|
}
|
|
|
|
$output = apply_filters('nasa_smof_loop_output_item', $output, $value);
|
|
|
|
do_action('optionsframework_machine_loop', array(
|
|
'options' => $options,
|
|
'smof_data' => $smof_data,
|
|
'defaults' => $defaults,
|
|
'counter' => $counter,
|
|
'menu' => $menu,
|
|
'output' => $output,
|
|
'value' => $value
|
|
));
|
|
|
|
if ($smof_output != "") {
|
|
$output .= $smof_output;
|
|
$smof_output = "";
|
|
}
|
|
|
|
//description of each option
|
|
if ($value['type'] != 'heading') {
|
|
$img_desc = !isset($value['img_desc']) ? '' : '<div class="img-desc-wrap"><img class="explain_img_desc" src= ' . $value['img_desc'] . ' /></div>' . "\n";
|
|
$img_class = !isset($value['img_desc']) ? '' : ' has-img-desc';
|
|
$explain_value = !isset($value['desc']) ? '' : '<div class="explain' . $img_class .'">' . $value['desc'] . $img_desc . '</div>' . "\n";
|
|
|
|
$output .= '</div>' . $explain_value . "\n";
|
|
$output .= '<div class="clear"> </div></div></div>' . "\n";
|
|
}
|
|
}
|
|
/* condition empty end */
|
|
|
|
// $k++;
|
|
}
|
|
|
|
if ($update_data == true) {
|
|
of_save_options($smof_data);
|
|
}
|
|
|
|
$output .= '</div>';
|
|
|
|
do_action('optionsframework_machine_after', array(
|
|
'options' => $options,
|
|
'smof_data' => $smof_data,
|
|
'defaults' => $defaults,
|
|
'counter' => $counter,
|
|
'menu' => $menu,
|
|
'output' => $output,
|
|
'value' => $value
|
|
));
|
|
|
|
if ($smof_output != "") {
|
|
$output .= $smof_output;
|
|
$smof_output = "";
|
|
}
|
|
|
|
return array($output, $menu, $defaults);
|
|
}
|
|
|
|
/**
|
|
* Native media library uploader
|
|
*
|
|
* @uses get_theme_mod()
|
|
*
|
|
* @access public
|
|
* @since 1.0.0
|
|
*
|
|
* @return string
|
|
*/
|
|
public static function optionsframework_media_uploader_function($id, $std, $mod) {
|
|
$smof_data = of_get_options();
|
|
|
|
$uploader = '';
|
|
$upload = "";
|
|
if (isset($smof_data[$id])) {
|
|
$upload = $smof_data[$id];
|
|
}
|
|
$val = $upload != "" ? $upload : $std;
|
|
|
|
if (is_numeric($upload)) {
|
|
$image = wp_get_attachment_image_src($upload, 'full');
|
|
|
|
if (isset($image[0])) {
|
|
$upload = $image[0];
|
|
}
|
|
}
|
|
|
|
$hide = '';
|
|
if ($mod == "min") {
|
|
$hide = 'hide';
|
|
}
|
|
|
|
$uploader .= '<input class="' . $hide . ' upload of-input" name="' . $id . '" id="' . $id . '_upload" value="' . $val . '" />';
|
|
|
|
//Upload controls DIV
|
|
$uploader .= '<div class="upload_button_div">';
|
|
//If the user has WP3.5+ show upload/remove button
|
|
if (function_exists('wp_enqueue_media')) {
|
|
$uploader .= '<a href="javascript:void(0);" class="button media_upload_button" id="' . $id . '">' . esc_html__('Upload', 'elessi-theme') . '</a>';
|
|
|
|
if (!empty($upload)) {
|
|
$hide = '';
|
|
} else {
|
|
$hide = 'hide';
|
|
}
|
|
$uploader .= '<a href="javascript:void(0);" class="button remove-image ' . $hide . '" id="reset_' . $id . '" title="' . $id . '">' . esc_html__('Remove', 'elessi-theme') . '</a>';
|
|
} else {
|
|
$uploader .= '<p class="upload-notice"><i>' . esc_html__('Upgrade your version of WordPress for full media support.', 'elessi-theme') . '</i></p>';
|
|
}
|
|
|
|
$uploader .= '</div>' . "\n";
|
|
|
|
//Preview
|
|
$uploader .= '<div class="screenshot">';
|
|
if (!empty($upload)) {
|
|
$uploader .= '<a class="of-uploaded-image" href="javascript:void(0);">';
|
|
$uploader .= '<img class="of-option-image" id="image_' . $id . '" src="' . $upload . '" />';
|
|
$uploader .= '</a>';
|
|
} else {
|
|
if ($val) {
|
|
$uploader .= '<a class="of-uploaded-image" href="javascript:void(0);">';
|
|
$uploader .= '<img class="of-option-image" id="image_' . $id . '" src="' . $val . '" />';
|
|
$uploader .= '</a>';
|
|
}
|
|
}
|
|
|
|
$uploader .= '</div>';
|
|
$uploader .= '<div class="clear"></div>' . "\n";
|
|
|
|
return $uploader;
|
|
}
|
|
|
|
/**
|
|
* Drag and drop slides manager
|
|
*
|
|
* @uses get_theme_mod()
|
|
*
|
|
* @access public
|
|
* @since 1.0.0
|
|
*
|
|
* @return string
|
|
*/
|
|
public static function optionsframework_slider_function($id, $std, $oldorder, $order) {
|
|
$smof_data = of_get_options();
|
|
|
|
$slider = '';
|
|
$slide = isset($smof_data[$id]) ? $smof_data[$id] : array();
|
|
$val = isset($slide[$oldorder]) ? $slide[$oldorder] : $std;
|
|
|
|
//initialize all vars
|
|
$slidevars = array('title', 'url', 'link', 'description');
|
|
|
|
foreach ($slidevars as $slidevar) {
|
|
if (!isset($val[$slidevar])) {
|
|
$val[$slidevar] = '';
|
|
}
|
|
}
|
|
|
|
//begin slider interface
|
|
$slider .= !empty($val['title']) ?
|
|
'<li><div class="slide_header"><strong>' . stripslashes($val['title']) . '</strong>' :
|
|
'<li><div class="slide_header"><strong>' . esc_html__('Slide', 'elessi-theme') . ' ' . $order . '</strong>';
|
|
|
|
$slider .= '<input type="hidden" class="slide of-input order" name="' . $id . '[' . $order . '][order]" id="' . $id . '_' . $order . '_slide_order" value="' . $order . '" />';
|
|
|
|
$slider .= '<a class="slide_edit_button" href="#">' . esc_html__('Edit', 'elessi-theme') . '</a></div>';
|
|
|
|
$slider .= '<div class="slide_body">';
|
|
|
|
$slider .= '<label>' . esc_html__('Title', 'elessi-theme') . '</label>';
|
|
$slider .= '<input class="slide of-input of-slider-title" name="' . $id . '[' . $order . '][title]" id="' . $id . '_' . $order . '_slide_title" value="' . stripslashes($val['title']) . '" />';
|
|
|
|
$slider .= '<label>' . esc_html__('Image URL', 'elessi-theme') . '</label>';
|
|
$slider .= '<input class="upload slide of-input" name="' . $id . '[' . $order . '][url]" id="' . $id . '_' . $order . '_slide_url" value="' . $val['url'] . '" />';
|
|
|
|
$slider .= '<div class="upload_button_div"><a href="javascript:void(0);" class="button media_upload_button" id="' . $id . '_' . $order . '">' . esc_html__('Upload', 'elessi-theme') . '</a>';
|
|
|
|
$hide = !empty($val['url']) ? '' : 'hide';
|
|
|
|
$slider .= '<a href="javascript:void(0);" class="button remove-image ' . $hide . '" id="reset_' . $id . '_' . $order . '" title="' . $id . '_' . $order . '">' . esc_html__('Remove', 'elessi-theme') . '</a>';
|
|
$slider .= '</div>' . "\n";
|
|
$slider .= '<div class="screenshot">';
|
|
|
|
if (!empty($val['url'])) {
|
|
$slider .= '<a class="of-uploaded-image" href="' . $val['url'] . '">';
|
|
$slider .= '<img class="of-option-image" id="image_' . $id . '_' . $order . '" src="' . esc_url($val['url']) . '" />';
|
|
$slider .= '</a>';
|
|
}
|
|
|
|
$slider .= '</div>';
|
|
$slider .= '<label>' . esc_html__('Link URL (optional)', 'elessi-theme') . '</label>';
|
|
$slider .= '<input class="slide of-input" name="' . $id . '[' . $order . '][link]" id="' . $id . '_' . $order . '_slide_link" value="' . $val['link'] . '" />';
|
|
|
|
$slider .= '<label>' . esc_html__('Description (optional)', 'elessi-theme') . '</label>';
|
|
$slider .= '<textarea class="slide of-input" name="' . $id . '[' . $order . '][description]" id="' . $id . '_' . $order . '_slide_description" cols="8" rows="8">' . stripslashes($val['description']) . '</textarea>';
|
|
|
|
$slider .= '<a class="slide_delete_button" href="#">Delete</a>';
|
|
$slider .= '<div class="clear"></div>' . "\n";
|
|
|
|
$slider .= '</div>';
|
|
$slider .= '</li>';
|
|
|
|
return $slider;
|
|
}
|
|
|
|
}
|
|
|
|
//end Options Machine class
|