<h2>' . __('Magic Grid Settings', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</h2> <form method="POST" action=""> <input type="hidden" name="update_settings" value="Y" />'; $tab_title = '<ul>'; foreach ($pw_woo_ad_search_grid_options_part as $option_part) { $tab_title .= '<li><a href="#' . $option_part['id'] . '">' . $option_part['title'] . '</a></li>'; } $tab_title .= '</ul>'; echo '<div id="pw_woo_ad_search_tabs">' . $tab_title; foreach ($pw_woo_ad_search_grid_options_part as $option_part) { echo '<div id="' . $option_part['id'] . '">'; echo '<table class="form-table">'; $this_part_variable = ${$option_part}['variable']; foreach ($this_part_variable as $field) { if (isset($field['dependency'])) { echo pw_woo_ad_search_dependency($field['id'], $field['dependency']); } // get value of this field if it exists for this post $meta = get_option($field['id']); // begin a table row with $style = ''; if ($field['type'] == 'notype') { $style = 'style="border-bottom:solid 1px #ccc"'; } echo '<tr class="' . $field['id'] . '_field" ' . $style . '> <th><label for="' . $field['id'] . '">' . $field['label'] . '</label></th> <td>'; switch ($field['type']) { case 'notype': echo '<span class="description">' . $field['desc'] . '</span>';
function ad_search_grid_layout_setting() { global $ad_search_grid_layout_setting, $post; // Use nonce for verification $html = '<input type="hidden" name="show_custom_meta_box_woo_ad_search_grid_nonce" value="' . wp_create_nonce(basename(__FILE__)) . '" />'; // Begin the field table and loop $html .= '<table class="form-table" id="pw_woo_ad_search_frontend_setting">'; foreach ($ad_search_grid_layout_setting as $field) { //IF FAVORITE STICKY DISABLED if (($field['id'] == __PW_WOO_AD_SEARCH_FIELDS_PERFIX__ . 'show_favorite' || $field['id'] == __PW_WOO_AD_SEARCH_FIELDS_PERFIX__ . 'favorite_icon_color') && get_option(__PW_WOO_AD_SEARCH_FIELDS_PERFIX__ . 'option_enable_favorite_use') == '') { continue; } if (isset($field['dependency'])) { $html .= pw_woo_ad_search_dependency($field['id'], $field['dependency']); } // get value of this field if it exists for this post $meta = get_post_meta($post->ID, $field['id'], true); // begin a table row with $style = ''; if ($field['type'] == 'notype') { $style = 'style="border-bottom:solid 1px #ccc"'; } $html .= '<tr class="' . $field['id'] . '_field" ' . $style . '> <th><label for="' . $field['id'] . '">' . $field['label'] . '</label></th> <td>'; switch ($field['type']) { case 'notype': $html .= '<span class="description">' . $field['desc'] . '</span>'; break; case 'text': $html .= '<input type="text" name="' . $field['id'] . '" id="' . $field['id'] . '" value="' . $meta . '" /> <br /><span class="description">' . $field['desc'] . '</span> '; break; case 'radio': foreach ($field['options'] as $option) { $html .= '<input type="radio" name="' . $field['id'] . '" value="' . $option['value'] . '" ' . checked($meta, $option['value'], 0) . ' ' . $option['checked'] . ' /> <label for="' . $option['value'] . '">' . $option['label'] . '</label><br><br>'; } break; case 'select': $html .= '<select name="' . $field['id'] . '" id="' . $field['id'] . '" style="width: 170px;">'; foreach ($field['options'] as $option) { $html .= '<option ' . selected($meta, $option['value'], 0) . ' value="' . $option['value'] . '">' . $option['label'] . '</option>'; } $html .= '</select><br /><span class="description">' . $field['desc'] . '</span>'; break; case 'numeric': $default_value = isset($field['value']) ? $field['value'] : ""; $html .= ' <input type="number" name="' . $field['id'] . '" id="' . $field['id'] . '" value="' . ($meta == '' ? $default_value : $meta) . '" size="30" class="width_170" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" /> '; $html .= ' <br /><span class="description">' . $field['desc'] . '</span>'; break; case 'checkbox': if (isset($field['options']) && is_array($field['options'])) { foreach ($field['options'] as $option) { $checked = ''; if (is_array($meta) && in_array($option['value'], $meta)) { $checked = 'checked'; } $html .= '<input type="checkbox" name="' . $field['id'] . '[]" value="' . $option['value'] . '" ' . $checked . ' /> <label for="' . $option['value'] . '">' . $option['label'] . '</label><br><br>'; } } else { $html .= '<input type="checkbox" name="' . $field['id'] . '" id="' . $field['id'] . '" ' . checked($meta, "on", 0) . '"/>'; } $html .= '<br /><span class="description">' . $field['desc'] . '</span>'; break; case 'icon_type': $html .= '<input type="hidden" id="' . $field['id'] . '_font_icon" name="' . $field['id'] . '" value="' . $meta . '"/>'; $html .= '<div class="' . $field['id'] . ' pw_iconpicker_grid" id="benefit_image_icon">'; $html .= (include __PW_ROOT_WOO_AD_SEARCH__ . '/includes/font-awesome.php'); $html .= '</div>'; $output = ' <script type="text/javascript"> jQuery(document).ready(function(jQuery){'; if ($meta == '') { $meta = "fa-none"; } $output .= 'jQuery( ".' . $field['id'] . ' .' . $meta . '" ).siblings( ".active" ).removeClass( "active" ); jQuery( ".' . $field['id'] . ' .' . $meta . '" ).addClass("active");'; $output .= ' jQuery(".' . $field['id'] . ' i").click(function(){ var val=(jQuery(this).attr("class").split(" ")[0]!="fa-none" ? jQuery(this).attr("class").split(" ")[0]:""); jQuery("#' . $field['id'] . '_font_icon").val(val); jQuery(this).siblings( ".active" ).removeClass( "active" ); jQuery(this).addClass("active"); }); }); </script>'; $html .= $output; break; case 'pw_custom_search_fields': $html .= ' <label class="pw_showhide" for="displayProduct-title"><input name="' . $field['id'] . '[add_cart]" type="checkbox" ' . (is_array($meta) && in_array("add_cart", $meta) ? "CHECKED" : "") . ' value="add_cart" id="pw_add_cart_btn">' . __('Add to Cart', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> <label class="pw_showhide" for="displayProduct-title"><input name="' . $field['id'] . '[title]" type="checkbox" ' . (is_array($meta) && in_array("title", $meta) ? "CHECKED" : "") . ' value="title">' . __('Title', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> <label class="pw_showhide" for="displayProduct-excerpt"><input name="' . $field['id'] . '[excerpt]" type="checkbox" ' . (is_array($meta) && in_array("excerpt", $meta) ? "CHECKED" : "") . ' value="excerpt" class="displayProduct-eneble">' . __('Excerpt', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> <label class="pw_showhide" for="displayProduct-image"><input name="' . $field['id'] . '[thumbnail]" type="checkbox" ' . (is_array($meta) && in_array("thumbnail", $meta) ? "CHECKED" : "") . ' value="thumbnail" class="displayProduct-eneble">' . __('Image', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> <label class="pw_showhide" for="displayProduct-price"><input name="' . $field['id'] . '[price]" type="checkbox" ' . (is_array($meta) && in_array("price", $meta) ? "CHECKED" : "") . ' value="price" class="displayProduct-eneble">' . __('Price', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> <label class="pw_showhide" for="displayProduct-star"><input name="' . $field['id'] . '[star]" type="checkbox" ' . (is_array($meta) && in_array("star", $meta) ? "CHECKED" : "") . ' value="star" class="displayProduct-eneble">' . __('Star', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> <label class="pw_showhide" for="displayProduct-sku"><input name="' . $field['id'] . '[sku]" type="checkbox" ' . (is_array($meta) && in_array("sku", $meta) ? "CHECKED" : "") . ' value="sku">' . __('SKU', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> <label class="pw_showhide" for="displayProduct-metacategory"><input name="' . $field['id'] . '[category]" type="checkbox" ' . (is_array($meta) && in_array("category", $meta) ? "CHECKED" : "") . ' value="category">' . __('Category', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> <label class="pw_showhide" for="displayProduct-metatag"><input name="' . $field['id'] . '[tag]" type="checkbox" ' . (is_array($meta) && in_array("tag", $meta) ? "CHECKED" : "") . ' value="tag">' . __('Tag', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> <label class="pw_showhide" for="displayProduct-featured"><input name="' . $field['id'] . '[featured]" type="checkbox" ' . (is_array($meta) && in_array("featured", $meta) ? "CHECKED" : "") . ' value="featured" class="displayProduct-eneble">' . __('Featured', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> <label class="pw_showhide" for="displayProduct-sale"><input name="' . $field['id'] . '[sale]" type="checkbox" ' . (is_array($meta) && in_array("sale", $meta) ? "CHECKED" : "") . ' value="sale" class="displayProduct-eneble">' . __('Sale', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> <label class="pw_showhide" for="displayProduct-outofstock"><input name="' . $field['id'] . '[out_stock]" type="checkbox" ' . (is_array($meta) && in_array("stock_status", $meta) ? "CHECKED" : "") . ' value="stock_status">' . __('Stock Status', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> '; break; case 'font_select': $html .= ' <select name="' . $field['id'] . '" id="' . $field['id'] . '"> <option value="Droid+Sans">Droid Sans</option> <option value="Source+Sans+Pro">Source Sans Pro</option> <option value="Source+Sans+Pro">Nixie One</option> <option value="Signika+Negative">Signika Negative</option> <option value="Lato">Lato</option> <option value="Lora">Lora</option> <option value="PT+Sans+Narrow">PT Sans Narrow</option> <option value="Ubuntu">Ubuntu</option> <option value="Contrail+One">Contrail One</option> <option value="Bitter">Bitter</option> <option value="Lobster">Lobster</option> <option value="Shadows+Into+Light">Shadows Into Light</option> <option value="Libre+Baskerville">Libre Baskerville</option> <option value="Open+Sans">Open Sans</option> <option value="Open+Sans+Condensed">Open Sans Condensed</option> <option value="Varela+Round">Varela Round</option> <option value="Cinzel">Cinzel</option> <option value="Comfortaa">Comfortaa</option> <option value="Doppio+One">Doppio+One</option> </select> '; break; case 'color_picker': $default_value = isset($field['value']) ? $field['value'] : "#fc5b5b"; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . $field['label'] . '</label><input name="' . $field['id'] . '" id="' . $field['id'] . '-color" type="text" class="wp_ad_picker_color" value="' . ($meta != '' ? $meta : $default_value) . '" data-default-color="' . $default_value . '"> </div>'; $html .= ' <script type="text/javascript"> jQuery(document).ready(function($) { //jQuery(".wp_ad_picker_color").wpColorPicker(); }); </script> '; break; case 'pw_custom_color_set': $html .= ' <a class="set-color" rel="theme1"><span style="background-color:#fc5b5b"></span><span style="background-color:#27872b"></span><span style="background-color:#8224e3"></span><span style="background-color:#d34dd6"></span><span style="background-color:#1e1e1e"></span><span style="background-color:#c44f46"></span><span style="background-color:#50a9e0"></span><span style="background-color:#bf4465"></span><span style="background-color:#4a74ce"></span><span style="background-color:#262626"></span></a> <a class="set-color" rel="theme2"><span style="background-color:#4bcd36"></span><span style="background-color:#28cedb"></span><span style="background-color:#96ffdd"></span><span style="background-color:#dda6a6"></span><span style="background-color:#fff600"></span><span style="background-color:#afff4f"></span><span style="background-color:#fd6af0"></span><span style="background-color:#fd6a70"></span><span style="background-color:#ffffff"></span><span style="background-color:#ffb73a"></span></a> <a class="set-color" rel="theme8"><span style="background-color:#1abc9c"></span><span style="background-color:#2ecc71"></span><span style="background-color:#3498db"></span><span style="background-color:#9b59b6"></span><span style="background-color:#34495e"></span><span style="background-color:#16a085"></span><span style="background-color:#e74c3c"></span><span style="background-color:#e67e22"></span><span style="background-color:#c0392b"></span><span style="background-color:#7f8c8d"></span></a> <a class="set-color" rel="theme8"><span style="background-color:#95a5a6"></span><span style="background-color:#ffffff"></span><span style="background-color:#bdc3c7"></span><span style="background-color:#ecf0f1"></span><span style="background-color:#f39c12"></span><span style="background-color:#f1c40f"></span><span style="background-color:#96ffdd"></span><span style="background-color:#afff4f"></span><span style="background-color:#7f8c8d"></span><span style="background-color:#e8c0df"></span></a> <br /> '; $html .= ' <input name="' . $field['id'] . '[c0]" id="color_set_0" type="text" class="color_set wp_ad_picker_color" value="' . ($meta == '' ? "#fc5b5b" : $meta['c0']) . '" data-default-color="#fc5b5b"> <input name="' . $field['id'] . '[c1]" id="color_set_1" type="text" class="color_set wp_ad_picker_color" value="' . ($meta == '' ? "#fc5b5b" : $meta['c1']) . '" data-default-color="#fc5b5b"> <input name="' . $field['id'] . '[c2]" id="color_set_2" type="text" class="color_set wp_ad_picker_color" value="' . ($meta == '' ? "#fc5b5b" : $meta['c2']) . '" data-default-color="#fc5b5b"> <input name="' . $field['id'] . '[c3]" id="color_set_3" type="text" class="color_set wp_ad_picker_color" value="' . ($meta == '' ? "#fc5b5b" : $meta['c3']) . '" data-default-color="#fc5b5b"> <input name="' . $field['id'] . '[c4]" id="color_set_4" type="text" class="color_set wp_ad_picker_color" value="' . ($meta == '' ? "#fc5b5b" : $meta['c4']) . '" data-default-color="#fc5b5b"> <input name="' . $field['id'] . '[c5]" id="color_set_5" type="text" class="color_set wp_ad_picker_color" value="' . ($meta == '' ? "#fc5b5b" : $meta['c5']) . '" data-default-color="#fc5b5b"> <input name="' . $field['id'] . '[c6]" id="color_set_6" type="text" class="color_set wp_ad_picker_color" value="' . ($meta == '' ? "#fc5b5b" : $meta['c6']) . '" data-default-color="#fc5b5b"> <input name="' . $field['id'] . '[c7]" id="color_set_7" type="text" class="color_set wp_ad_picker_color" value="' . ($meta == '' ? "#fc5b5b" : $meta['c7']) . '" data-default-color="#fc5b5b"> <input name="' . $field['id'] . '[c8]" id="color_set_8" type="text" class="color_set wp_ad_picker_color" value="' . ($meta == '' ? "#fc5b5b" : $meta['c8']) . '" data-default-color="#fc5b5b"> <input name="' . $field['id'] . '[c9]" id="color_set_9" type="text" class="color_set wp_ad_picker_color" value="' . ($meta == '' ? "#fc5b5b" : $meta['c9']) . '" data-default-color="#fc5b5b"> '; $html .= ' <script type="text/javascript"> function hexc(colorval) { var parts = colorval.match(/^rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)$/); delete(parts[0]); for (var i = 1; i <= 3; ++i) { parts[i] = parseInt(parts[i]).toString(16); if (parts[i].length == 1) parts[i] = "0" + parts[i]; } color = "#" + parts.join(""); return color; } jQuery(document).ready(function($) { jQuery(".set-color").click(function(){ jQuery(this).find("span").each(function(index, elem){ var $color=hexc(jQuery(elem).css("backgroundColor")); jQuery("#color_set_"+index).val($color); jQuery("#color_set_"+index).wpColorPicker("color",$color); }); }); }); </script> '; break; case 'pw_custom_border_set': if (!isset($meta['color'])) { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> <input name="' . $field['id'] . '[color]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="#dddddd" data-default-color="#dddddd"> </div>'; } else { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> <input name="' . $field['id'] . '[color]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['color'] . '" data-default-color="#' . $meta['color'] . '"> </div>'; } $html .= ' <script type="text/javascript"> jQuery(document).ready(function($) { //jQuery(".wp_ad_picker_color").wpColorPicker(); }); </script>'; $border_type = array('solid', 'dotted', 'dashed', 'none', 'hidden', 'double', 'groove', 'ridge', 'inset', 'outset', 'initial', 'inherit'); $html .= ' <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Type', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> <select name="' . $field['id'] . '[type]" id="' . $field['id'] . '">'; foreach ($border_type as $b_type) { if (is_array($meta)) { $html .= '<option value="' . $b_type . '" ' . selected($b_type, $meta['type'], 0) . '>' . $b_type . '</option>'; } else { $html .= '<option value="' . $b_type . '" >' . $b_type . '</option>'; } } $html .= '</select> </div>'; $html .= ' <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Top', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </label> <input type="number" name="' . $field['id'] . '[top]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['top']) . '" size="1" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </span> </div> <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Right', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[right]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['right']) . '" size="1" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </span> </div> <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Bottom', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[bottom]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['bottom']) . '" size="1" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Left', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[left]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['left']) . '" size="1" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div>'; break; case "pw_custom_border_radius_set": $html .= ' <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Top', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[top]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['top']) . '" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Right', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[right]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['right']) . '" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Bottom', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[bottom]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['bottom']) . '" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Left', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[left]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['left']) . '" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div>'; break; case "pw_custom_padding_set": $html .= ' <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Top', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[top]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['top']) . '" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Right', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[right]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['right']) . '" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Bottom', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[bottom]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['bottom']) . '" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Left', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[left]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['left']) . '" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> '; break; case "pw_custom_margin_set": $html .= ' <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Top', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[top]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['top']) . '" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Right', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[right]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['right']) . '" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Bottom', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[bottom]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['bottom']) . '" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="small-lbl-cnt"> <label for="' . $field['id'] . '" class="small-label">' . __('Left', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[left]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['left']) . '" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div>'; break; /*case "pw_custom_overlay_set": { if(!isset($meta['color'])) { $html.= '<label for="'.$field['id'].'-color">'.__('Color',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label><input name="'.$field['id'].'[color]" id="'.$field['id'].'-color" type="text" class="wp_ad_picker_color" value="#fc5b5b" data-default-color="#fc5b5b">'; $html.= '<label for="'.$field['id'].'-hover">'.__('Hover Color',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label><input name="'.$field['id'].'[hcolor]" id="'.$field['id'].'-hover" type="text" class="wp_ad_picker_color" value="#fc5b5b" data-default-color="#fc5b5b">'; } else{ $html.= '<label for="'.$field['id'].'-color">'.__('Color',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label><input name="'.$field['id'].'[color]" id="'.$field['id'].'" type="text" class="wp_ad_picker_color" value="'.$meta['color'].'" data-default-color="#'.$meta['color'].'">'; $html.= '<label for="'.$field['id'].'-hover">'.__('Hover Color',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label><input name="'.$field['id'].'[hcolor]" id="'.$field['id'].'" type="text" class="wp_ad_picker_color" value="'.$meta['hcolor'].'" data-default-color="#'.$meta['hcolor'].'">'; } $html.= ' <script type="text/javascript"> jQuery(document).ready(function($) { //jQuery(".wp_ad_picker_color").wpColorPicker(); }); </script> <br />'; $html.= ' <label for="'.$field['id'].'">- '.__('Opacity',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label> <input type="number" name="'.$field['id'].'[opacity]" id="'.$field['id'].'" value="'.($meta=='' ? "0":$meta['opacity']).'" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="'.__('Only Digits!',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'" class="input-text qty text" /> - <label for="'.$field['id'].'">'.__('Effect',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label> <select name="'.$field['id'].'[effect]" id="'.$field['id'].'" class="vc_border-style"><option value="solid">Effect 1</option><option value="solid">Effect 2</option><option value="dotted">Effect 3</option><option value="dashed">Effect 4</option><option value="none">Effect 5</option><option value="hidden">Effect 6</option><option value="double">Effect 7</option><option value="groove">Effect 8</option></select> <br /> Padding : <label for="'.$field['id'].'" class="small-label">'.__('Top',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label> <input type="number" name="'.$field['id'].'[padding-top]" id="'.$field['id'].'" value="'.($meta=='' ? "0":$meta['padding-top']).'" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" />'.__('px',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).' <label for="'.$field['id'].'" class="small-label">'.__('Right',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label> <input type="number" name="'.$field['id'].'[padding-right]" id="'.$field['id'].'" value="'.($meta=='' ? "0":$meta['padding-right']).'" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" />'.__('px',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).' <label for="'.$field['id'].'" class="small-label">'.__('Bottom',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label> <input type="number" name="'.$field['id'].'[padding-bottom]" id="'.$field['id'].'" value="'.($meta=='' ? "0":$meta['padding-bottom']).'" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" />'.__('px',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).' <label for="'.$field['id'].'" class="small-label">'.__('Left',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label> <input type="number" name="'.$field['id'].'[padding-left]" id="'.$field['id'].'" value="'.($meta=='' ? "0":$meta['padding-left']).'" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" />'.__('px',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).' '; } break; */ /*case "pw_custom_overlay_set": { if(!isset($meta['color'])) { $html.= '<label for="'.$field['id'].'-color">'.__('Color',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label><input name="'.$field['id'].'[color]" id="'.$field['id'].'-color" type="text" class="wp_ad_picker_color" value="#fc5b5b" data-default-color="#fc5b5b">'; $html.= '<label for="'.$field['id'].'-hover">'.__('Hover Color',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label><input name="'.$field['id'].'[hcolor]" id="'.$field['id'].'-hover" type="text" class="wp_ad_picker_color" value="#fc5b5b" data-default-color="#fc5b5b">'; } else{ $html.= '<label for="'.$field['id'].'-color">'.__('Color',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label><input name="'.$field['id'].'[color]" id="'.$field['id'].'" type="text" class="wp_ad_picker_color" value="'.$meta['color'].'" data-default-color="#'.$meta['color'].'">'; $html.= '<label for="'.$field['id'].'-hover">'.__('Hover Color',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label><input name="'.$field['id'].'[hcolor]" id="'.$field['id'].'" type="text" class="wp_ad_picker_color" value="'.$meta['hcolor'].'" data-default-color="#'.$meta['hcolor'].'">'; } $html.= ' <script type="text/javascript"> jQuery(document).ready(function($) { //jQuery(".wp_ad_picker_color").wpColorPicker(); }); </script> <br />'; $html.= ' <label for="'.$field['id'].'">- '.__('Opacity',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label> <input type="number" name="'.$field['id'].'[opacity]" id="'.$field['id'].'" value="'.($meta=='' ? "0":$meta['opacity']).'" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="'.__('Only Digits!',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'" class="input-text qty text" /> - <label for="'.$field['id'].'">'.__('Effect',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label> <select name="'.$field['id'].'[effect]" id="'.$field['id'].'" class="vc_border-style"><option value="solid">Effect 1</option><option value="solid">Effect 2</option><option value="dotted">Effect 3</option><option value="dashed">Effect 4</option><option value="none">Effect 5</option><option value="hidden">Effect 6</option><option value="double">Effect 7</option><option value="groove">Effect 8</option></select> <br /> Padding : <label for="'.$field['id'].'" class="small-label">'.__('Top',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label> <input type="number" name="'.$field['id'].'[padding-top]" id="'.$field['id'].'" value="'.($meta=='' ? "0":$meta['padding-top']).'" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" />'.__('px',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).' <label for="'.$field['id'].'" class="small-label">'.__('Right',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label> <input type="number" name="'.$field['id'].'[padding-right]" id="'.$field['id'].'" value="'.($meta=='' ? "0":$meta['padding-right']).'" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" />'.__('px',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).' <label for="'.$field['id'].'" class="small-label">'.__('Bottom',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label> <input type="number" name="'.$field['id'].'[padding-bottom]" id="'.$field['id'].'" value="'.($meta=='' ? "0":$meta['padding-bottom']).'" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" />'.__('px',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).' <label for="'.$field['id'].'" class="small-label">'.__('Left',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).'</label> <input type="number" name="'.$field['id'].'[padding-left]" id="'.$field['id'].'" value="'.($meta=='' ? "0":$meta['padding-left']).'" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" />'.__('px',__PW_WOO_AD_SEARCH_TEXTDOMAIN__).' '; } break; */ case "pw_custom_font_set": if (!isset($meta['color'])) { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color]" id="' . $field['id'] . '-color" type="text" class="wp_ad_picker_color" value="#333333" data-default-color="#333333"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-hover" class="full-label">' . __('Hover Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[hcolor]" id="' . $field['id'] . '-hover" type="text" class="wp_ad_picker_color" value="#fc5b5b" data-default-color="#fc5b5b"> </div>'; } else { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['color'] . '" data-default-color="#' . $meta['color'] . '"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-hover" class="full-label">' . __('Hover Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[hcolor]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['hcolor'] . '" data-default-color="#' . $meta['hcolor'] . '"> </div>'; } $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Size', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[size]" id="' . $field['id'] . '" value="' . ($meta == '' ? "13" : $meta['size']) . '" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Font Family', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <select name="' . $field['id'] . '[font-family]" id="' . $field['id'] . '-family"><option value="inherit">Inherit</option>' . pw_woo_ad_get_google_fonts(isset($meta['font-family']) ? $meta['font-family'] : '') . '</select> <script type="text/javascript"> function pw_search_isNumber(n) { return !isNaN(parseFloat(n)) && isFinite(n); } jQuery(document).ready(function(){ if(jQuery("#' . $field['id'] . '-family").val()!="inherit") { jQuery("head").append("<link rel=\\"stylesheet\\" href=\\"http://fonts.googleapis.com/css?family="+jQuery("#' . $field['id'] . '-family").val()+"\\" />"); var $font_family=jQuery("#' . $field['id'] . '-family").val(); var $font_arr=$font_family.split(":"); if($font_arr.length>0 && pw_search_isNumber($font_arr[1])) { $font_weight=$font_arr[1]; $font_name=$font_arr[0].replace("+"," "); jQuery(".pw-check-font-' . $field['id'] . '-family").css({"font-family":$font_name,"font-weight":$font_weight}); }else { jQuery(".pw-check-font-' . $field['id'] . '-family").css("font-family",jQuery("#' . $field['id'] . '-family").find(":selected").text()); } jQuery(".pw-check-font-' . $field['id'] . '-family").css("font-family",jQuery("#' . $field['id'] . '-family").find(":selected").text()); } jQuery("#' . $field['id'] . '-family").change(function(){ jQuery("head").append("<link rel=\\"stylesheet\\" href=\\"http://fonts.googleapis.com/css?family="+jQuery(this).val()+"\\" />"); var $font_family=jQuery(this).val(); var $font_arr=$font_family.split(":"); if($font_arr.length>0 && pw_search_isNumber($font_arr[1])) { $font_weight=$font_arr[1]; $font_name=$font_arr[0].replace("+"," "); jQuery(".pw-check-font-' . $field['id'] . '-family").css({"font-family":$font_name,"font-weight":$font_weight}); }else { jQuery(".pw-check-font-' . $field['id'] . '-family").css("font-family",jQuery(this).find(":selected").text()); } }); }); </script> <p class="pw-check-font-' . $field['id'] . '-family">Grumpy wizards make toxic brew for the evil Queen and Jack.</p> </div>'; break; case "pw_custom_general_font_set": if (!isset($meta['color'])) { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color]" id="' . $field['id'] . '-color" type="text" class="wp_ad_picker_color" value="#333333" data-default-color="#333333"> </div>'; } else { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['color'] . '" data-default-color="#' . $meta['color'] . '"> </div>'; } $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Size', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[size]" id="' . $field['id'] . '" value="' . ($meta == '' ? "13" : $meta['size']) . '" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Font Family', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <select name="' . $field['id'] . '[font-family]" id="' . $field['id'] . '-family"><option value="inherit">Inherit</option>' . pw_woo_ad_get_google_fonts(isset($meta['font-family']) ? $meta['font-family'] : '') . '</select> <script type="text/javascript"> function pw_search_isNumber(n) { return !isNaN(parseFloat(n)) && isFinite(n); } jQuery(document).ready(function(){ if(jQuery("#' . $field['id'] . '-family").val()!="inherit") { jQuery("head").append("<link rel=\\"stylesheet\\" href=\\"http://fonts.googleapis.com/css?family="+jQuery("#' . $field['id'] . '-family").val()+"\\" />"); var $font_family=jQuery("#' . $field['id'] . '-family").val(); var $font_arr=$font_family.split(":"); if($font_arr.length>0 && pw_search_isNumber($font_arr[1])) { $font_weight=$font_arr[1]; $font_name=$font_arr[0].replace("+"," "); jQuery(".pw-check-font-' . $field['id'] . '-family").css({"font-family":$font_name,"font-weight":$font_weight}); }else { jQuery(".pw-check-font-' . $field['id'] . '-family").css("font-family",jQuery("#' . $field['id'] . '-family").find(":selected").text()); } jQuery(".pw-check-font-' . $field['id'] . '-family").css("font-family",jQuery("#' . $field['id'] . '-family").find(":selected").text()); } jQuery("#' . $field['id'] . '-family").change(function(){ jQuery("head").append("<link rel=\\"stylesheet\\" href=\\"http://fonts.googleapis.com/css?family="+jQuery(this).val()+"\\" />"); var $font_family=jQuery(this).val(); var $font_arr=$font_family.split(":"); if($font_arr.length>0 && pw_search_isNumber($font_arr[1])) { $font_weight=$font_arr[1]; $font_name=$font_arr[0].replace("+"," "); jQuery(".pw-check-font-' . $field['id'] . '-family").css({"font-family":$font_name,"font-weight":$font_weight}); }else { jQuery(".pw-check-font-' . $field['id'] . '-family").css("font-family",jQuery(this).find(":selected").text()); } }); }); </script> <p class="pw-check-font-' . $field['id'] . '-family">Grumpy wizards make toxic brew for the evil Queen and Jack.</p> </div>'; break; case "pw_custom_banner_font_set": if (!isset($meta['color'])) { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color]" id="' . $field['id'] . '-color" type="text" class="wp_ad_picker_color" value="#ffffff" data-default-color="#ffffff"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-BgColor" class="full-label">' . __('Background Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[bgcolor]" id="' . $field['id'] . '-hover" type="text" class="wp_ad_picker_color" value="#81af3f" data-default-color="#81af3f"> </div>'; } else { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['color'] . '" data-default-color="#' . $meta['color'] . '"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-BgColor" class="full-label">' . __('Background Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[bgcolor]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['bgcolor'] . '" data-default-color="#' . $meta['bgcolor'] . '"> </div>'; } $html .= ' <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Size', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[size]" id="' . $field['id'] . '" value="' . ($meta == '' ? "13" : $meta['size']) . '" size="1" style="width:50px" min="0" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="' . __('Only Digits!', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Font Family', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <select name="' . $field['id'] . '[font-family]" id="' . $field['id'] . '-family"><option value="inherit">Inherit</option>' . pw_woo_ad_get_google_fonts(isset($meta['font-family']) ? $meta['font-family'] : '') . '</select> <script type="text/javascript"> function pw_search_isNumber(n) { return !isNaN(parseFloat(n)) && isFinite(n); } jQuery(document).ready(function(){ if(jQuery("#' . $field['id'] . '-family").val()!="inherit") { jQuery("head").append("<link rel=\\"stylesheet\\" href=\\"http://fonts.googleapis.com/css?family="+jQuery("#' . $field['id'] . '-family").val()+"\\" />"); var $font_family=jQuery("#' . $field['id'] . '-family").val(); var $font_arr=$font_family.split(":"); if($font_arr.length>0 && pw_search_isNumber($font_arr[1])) { $font_weight=$font_arr[1]; $font_name=$font_arr[0].replace("+"," "); jQuery(".pw-check-font-' . $field['id'] . '-family").css({"font-family":$font_name,"font-weight":$font_weight}); }else { jQuery(".pw-check-font-' . $field['id'] . '-family").css("font-family",jQuery("#' . $field['id'] . '-family").find(":selected").text()); } jQuery(".pw-check-font-' . $field['id'] . '-family").css("font-family",jQuery("#' . $field['id'] . '-family").find(":selected").text()); } jQuery("#' . $field['id'] . '-family").change(function(){ jQuery("head").append("<link rel=\\"stylesheet\\" href=\\"http://fonts.googleapis.com/css?family="+jQuery(this).val()+"\\" />"); var $font_family=jQuery(this).val(); var $font_arr=$font_family.split(":"); if($font_arr.length>0 && pw_search_isNumber($font_arr[1])) { $font_weight=$font_arr[1]; $font_name=$font_arr[0].replace("+"," "); jQuery(".pw-check-font-' . $field['id'] . '-family").css({"font-family":$font_name,"font-weight":$font_weight}); }else { jQuery(".pw-check-font-' . $field['id'] . '-family").css("font-family",jQuery(this).find(":selected").text()); } }); }); </script> <p class="pw-check-font-' . $field['id'] . '-family">Grumpy wizards make toxic brew for the evil Queen and Jack.</p> </div>'; break; case "pw_custom_box_shadow_set": if (is_array($meta)) { $html .= ' <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Horizontal Length', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[hor-len]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['hor-len']) . '" size="1" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </span> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Vertical Length', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[ver-len]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['ver-len']) . '" size="1" style="width:50px" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </span> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Blur Radius', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[blur-radius]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['blur-radius']) . '" size="1" style="width:50px" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . ' </span> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Spread Radius', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[spread-radius]" id="' . $field['id'] . '" value="' . ($meta == '' ? "0" : $meta['spread-radius']) . '" size="1" style="width:50px" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Shadow Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color]" id="' . $field['id'] . '-color" type="text" class="wp_ad_picker_color" value="' . $meta['color'] . '" data-default-color="#' . $meta['color'] . '"> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Opacity', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <select name="' . $field['id'] . '[opacity]" id="' . $field['id'] . '"> <option value="0.1" ' . selected($meta['opacity'], '0.1', 0) . '>0.1</option> <option value="0.2" ' . selected($meta['opacity'], '0.2', 0) . '>0.2</option> <option value="0.3" ' . selected($meta['opacity'], '0.3', 0) . '>0.3</option> <option value="0.4" ' . selected($meta['opacity'], '0.4', 0) . '>0.4</option> <option value="0.5" ' . selected($meta['opacity'], '0.5', 0) . '>0.5</option> <option value="0.6" ' . selected($meta['opacity'], '0.6', 0) . '>0.6</option> <option value="0.7" ' . selected($meta['opacity'], '0.7', 0) . '>0.7</option> <option value="0.8" ' . selected($meta['opacity'], '0.8', 0) . '>0.8</option> <option value="0.9" ' . selected($meta['opacity'], '0.9', 0) . '>0.9</option> <option value="1" ' . selected($meta['opacity'], '1', 0) . '>1</option> </select> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Type', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <select name="' . $field['id'] . '[type]" id="' . $field['id'] . '"> <option value="outline" ' . selected($meta['type'], 'outline', 0) . '>Outline</option> <option value="inset" ' . selected($meta['type'], 'inset', 0) . '>Inset</option> </select> </div> <span class="description">' . $field['desc'] . '</span> '; } else { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Horizontal Length', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[hor-len]" id="' . $field['id'] . '" size="1" style="width:50px" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Vertical Length', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[ver-len]" id="' . $field['id'] . '" size="1" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Blur Radius', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[blur-radius]" id="' . $field['id'] . '" size="1" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Spread Radius', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <input type="number" name="' . $field['id'] . '[spread-radius]" id="' . $field['id'] . '" size="1" style="width:50px" pattern="[-+]?[0-9]*[.,]?[0-9]+" title="Only Digits!" class="input-text qty text" /><span class="input-unit">' . __('px', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</span> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Shadow Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="#fc5b5b" data-default-color="#fc5b5b"> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Opacity', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <select name="' . $field['id'] . '[opacity]" id="' . $field['id'] . '"> <option value="0.1">0.1</option> <option value="0.2">0.2</option> <option value="0.3">0.3</option> <option value="0.4">0.4</option> <option value="0.5">0.5</option> <option value="0.6">0.6</option> <option value="0.7">0.7</option> <option value="0.8">0.8</option> <option value="0.9">0.9</option> <option value="1">1</option> </select> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Type', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <select name="' . $field['id'] . '[type]" id="' . $field['id'] . '"> <option value="outline" >Outline</option> <option value="inset" >Inset</option> </select> </div> <span class="description">' . $field['desc'] . '</span> '; } break; case "pw_custom_box_background_set": if (!is_array($meta)) { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color-from]" id="' . $field['id'] . '-color" type="text" class="wp_ad_picker_color" value="#ffffff" data-default-color="#ffffff"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-hover" class="full-label">' . __('Hover Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color-to]" id="' . $field['id'] . '-hover" type="text" class="wp_ad_picker_color" value="#ffffff" data-default-color="#ffffff"> </div>'; } else { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color-from]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['color-from'] . '" data-default-color="#' . $meta['color-from'] . '"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-hover" class="full-label">' . __('Hover Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color-to]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['color-to'] . '" data-default-color="#' . $meta['color-to'] . '"> </div>'; } $html .= ' <script type="text/javascript"> jQuery(document).ready(function($) { //jQuery(".wp_ad_picker_color").wpColorPicker(); }); </script> '; break; case "pw_custom_box_background_overlay_set": if (!is_array($meta)) { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color-from]" id="' . $field['id'] . '-color" type="text" class="wp_ad_picker_color" value="#ffffff" data-default-color="#ffffff"> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Opacity', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <select name="' . $field['id'] . '[opacity]" id="' . $field['id'] . '"> <option value="0.1" >0.1</option> <option value="0.2" >0.2</option> <option value="0.3" >0.3</option> <option value="0.4" >0.4</option> <option value="0.5" >0.5</option> <option value="0.6" >0.6</option> <option value="0.7" >0.7</option> <option value="0.8" >0.8</option> <option value="0.9" >0.9</option> <option value="1" >1</option> </select> </div> '; } else { $html .= '<div class="medium-lbl-cnt" > <label for="' . $field['id'] . '-color" class="full-label">' . __('Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color-from]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['color-from'] . '" data-default-color="#' . $meta['color-from'] . '"> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '" class="full-label">' . __('Opacity', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <select name="' . $field['id'] . '[opacity]" id="' . $field['id'] . '"> <option value="0.1" ' . selected($meta['opacity'], '0.1', 0) . '>0.1</option> <option value="0.2" ' . selected($meta['opacity'], '0.2', 0) . '>0.2</option> <option value="0.3" ' . selected($meta['opacity'], '0.3', 0) . '>0.3</option> <option value="0.4" ' . selected($meta['opacity'], '0.4', 0) . '>0.4</option> <option value="0.5" ' . selected($meta['opacity'], '0.5', 0) . '>0.5</option> <option value="0.6" ' . selected($meta['opacity'], '0.6', 0) . '>0.6</option> <option value="0.7" ' . selected($meta['opacity'], '0.7', 0) . '>0.7</option> <option value="0.8" ' . selected($meta['opacity'], '0.8', 0) . '>0.8</option> <option value="0.9" ' . selected($meta['opacity'], '0.9', 0) . '>0.9</option> <option value="1" ' . selected($meta['opacity'], '1', 0) . '>1</option> </select> </div>'; } $html .= ' <script type="text/javascript"> jQuery(document).ready(function($) { //jQuery(".wp_ad_picker_color").wpColorPicker(); }); </script> '; break; case "upload": $image = ''; $image = __PW_WOO_AD_SEARCH_URL__ . '/assets/images/pw-transparent.gif'; if ($meta) { $image = wp_get_attachment_image_src($meta, 'medium'); $image = $image[0]; } $html .= '<input name="' . $field['id'] . '" id="' . $field['id'] . '" type="hidden" class="custom_upload_image" value="' . (isset($meta) ? $meta : '') . '" /> <img src="' . $image . '" class="custom_preview_image" alt="" /> <input name="btn_' . $field['id'] . '" class="pw_woo_search_upload_image_button button" type="button" value="' . __('Choose Image', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '" /> <button type="button" class="pw_woo_ad_search_remove_image_button button">' . __('Remove image', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</button>'; break; case "pw_custom_btn_set": if (!is_array($meta)) { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Background Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[bg-color]" id="' . $field['id'] . '-color" type="text" class="wp_ad_picker_color" value="#fc5b5b" data-default-color="#fc5b5b"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-hover" class="full-label">' . __('Background Hover Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[bg-hcolor]" id="' . $field['id'] . '-hover" type="text" class="wp_ad_picker_color" value="#fc5b5b" data-default-color="#fc5b5b"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Text Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[text-color]" id="' . $field['id'] . '-color" type="text" class="wp_ad_picker_color" value="#ffffff" data-default-color="#ffffff"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-hover" class="full-label">' . __('Text Hover Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[text-hcolor]" id="' . $field['id'] . '-hover" type="text" class="wp_ad_picker_color" value="#ffffff" data-default-color="#ffffff"> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-hover" class="full-label">' . __('Type', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <select name="' . $field['id'] . '[type]" id="' . $field['id'] . '"> <option value="outline-btn" >' . __('Outline Button', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</option> <option value="back-btn">' . __('Background Button', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</option> </select> </div>'; } else { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Background Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[bg-color]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['bg-color'] . '" data-default-color="#' . $meta['bg-color'] . '"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-hover" class="full-label">' . __('Background Hover Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[bg-hcolor]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['bg-hcolor'] . '" data-default-color="#' . $meta['bg-hcolor'] . '"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Text Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[text-color]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['text-color'] . '" data-default-color="#' . $meta['text-color'] . '"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-hover" class="full-label">' . __('Text Hover Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[text-hcolor]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['text-hcolor'] . '" data-default-color="#' . $meta['text-hcolor'] . '"> </div> <div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-hover" class="full-label">' . __('Type', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label> <select name="' . $field['id'] . '[type]" id="' . $field['id'] . '"> <option value="outline-btn" ' . selected("outline-btn", $meta['type'], 0) . '>' . __('Outline Button', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</option> <option value="back-btn" ' . selected("back-btn", $meta['type'], 0) . '>' . __('Back Button', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</option> </select> </div> '; } $html .= ' <script type="text/javascript"> jQuery(document).ready(function($) { //jQuery(".wp_ad_picker_color").wpColorPicker(); }); </script> '; break; case "pw_favorite_color_set": if (!is_array($meta)) { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color]" id="' . $field['id'] . '-color" type="text" class="wp_ad_picker_color" value="#333333" data-default-color="#333333"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-hover" class="full-label">' . __('Hover Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[hcolor]" id="' . $field['id'] . '-hover" type="text" class="wp_ad_picker_color" value="#212121" data-default-color="#212121"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-active-color" class="full-label">' . __('Active Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[active-color]" id="' . $field['id'] . '-color" type="text" class="wp_ad_picker_color" value="#81af3f" data-default-color="#81af3f"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-active-hover" class="full-label">' . __('Active Hover Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[active-hcolor]" id="' . $field['id'] . '-hover" type="text" class="wp_ad_picker_color" value="#212121" data-default-color="#212121"> </div>'; } else { $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-color" class="full-label">' . __('Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[color]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['color'] . '" data-default-color="#' . $meta['color'] . '"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-hover" class="full-label">' . __('Hover Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[hcolor]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['hcolor'] . '" data-default-color="#' . $meta['hcolor'] . '"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-active-color" class="full-label">' . __('Active Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[active-color]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['active-color'] . '" data-default-color="#' . $meta['active-color'] . '"> </div>'; $html .= '<div class="medium-lbl-cnt"> <label for="' . $field['id'] . '-active-hover" class="full-label">' . __('Active Hover Color', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</label><input name="' . $field['id'] . '[active-hcolor]" id="' . $field['id'] . '" type="text" class="wp_ad_picker_color" value="' . $meta['active-hcolor'] . '" data-default-color="#' . $meta['active-hcolor'] . '"> </div>'; } $html .= ' <script type="text/javascript"> jQuery(document).ready(function($) { //jQuery(".wp_ad_picker_color").wpColorPicker(); }); </script> '; break; case 'preset_frontend': $html .= ' <div class="build_query_loading_back"><div id="build_query_loading" ><i class="fa fa-refresh fa-spin"></i> ' . __('Please Wait to Load Data ... !', __PW_WOO_AD_SEARCH_TEXTDOMAIN__) . '</div></div>'; $html .= '<div>'; $html .= (include __PW_ROOT_WOO_AD_SEARCH__ . '/includes/preset-frontend.php'); $html .= '</div>'; $output = ' <script type="text/javascript"> function hexc(colorval) { var parts = colorval.match(/^rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)$/); delete(parts[0]); for (var i = 1; i <= 3; ++i) { parts[i] = parseInt(parts[i]).toString(16); if (parts[i].length == 1) parts[i] = "0" + parts[i]; } color = "#" + parts.join(""); return color; } jQuery(document).ready(function(jQuery){ jQuery(".' . $field['id'] . '").find(".link-icon").click(function(e){ e.preventDefault(); var $filename=jQuery(this).attr("data-name")+".xml"; var $source_type="from_xml"; if(jQuery(this).attr("data-name")=="") { var $filename=jQuery(this).attr("data-id"); $source_type="from_database"; } jQuery(".build_query_loading_back").show(); jQuery.post( ajaxurl, { action : "pw_woo_ad_search_preset_frontend", xml_filename : $filename, source_type : $source_type }, function(response){ jQuery("input:checkbox[name*=\\"item_fields\\"]").each(function(i){ jQuery(this).prop("checked", false); }); jQuery.each(response, function (key, data) { if(jQuery.isPlainObject(data)) { //confirm("array - "+key); jQuery.each(data, function (keys, data) { var element_type=jQuery("[name=\\""+key+"["+keys+"]\\"]").prop("tagName"); var element_type=typeof element_type !== "undefined" ? element_type.toLowerCase() : ""; if(element_type=="input") { element_type=jQuery("input[name=\\""+key+"["+keys+"]\\"]").attr("type"); } //confirm(key+"---"+element_type); switch(element_type) { case "text": jQuery("input[name=\\""+key+"["+keys+"]\\"]").val(data); if(jQuery("input[name=\\""+key+"["+keys+"]\\"]").hasClass("wp_ad_picker_color")){ jQuery("input[name=\\""+key+"["+keys+"]\\"]").wpColorPicker("color",data); } break; case "number": jQuery("input[name=\\""+key+"["+keys+"]\\"]").val(data); break; case "select": jQuery("select[name=\\""+key+"["+keys+"]\\"]").val(data); jQuery("select[name=\\""+key+"["+keys+"]\\"]").trigger("change"); break; case "checkbox": //confirm(keys); jQuery("input[name=\\""+key+"["+keys+"]\\"]").prop("checked", true); jQuery("input[name=\\""+key+"["+keys+"]\\"]").trigger("change"); break; } }); }else { var element_type=jQuery("[name=\\""+key+"\\"]").prop("tagName"); var element_type=typeof element_type !== "undefined" ? element_type.toLowerCase() : ""; if(element_type=="input") { element_type=jQuery("input[name=\\""+key+"\\"]").attr("type"); } //confirm(key+"---"+element_type); switch(element_type) { case "text": jQuery("input[name=\\""+key+"\\"]").val(data); if(jQuery("input[name=\\""+key+"\\"]").hasClass("wp_ad_picker_color")){ jQuery("input[name=\\""+key+"\\"]").wpColorPicker("color",data); } break; case "number": jQuery("input[name=\\""+key+"\\"]").val(data); break; case "select": jQuery("select[name=\\""+key+"\\"]").val(data); jQuery("select[name=\\""+key+"\\"]").trigger("change"); break; case "checkbox": if(data=="on") jQuery("input[name=\\""+key+"\\"]").prop("checked", true); else jQuery("input[name=\\""+key+"\\"]").prop("checked", false); jQuery("input[name=\\""+key+"\\"]").trigger("change"); break; } } }); jQuery(".build_query_loading_back").slideUp(); } ); jQuery(this).parent().siblings( ".active" ).removeClass( "active" ); jQuery(this).parent().addClass("active"); }); }); </script>'; $html .= $output; break; } //end switch $html .= '</td></tr>'; } // end foreach $html .= '</table>'; // end table return $html; }