/** * Edit Custom Element Dialog * @since 1.0.0 */ public static function edit_custom_element_dialog() { $meta = new Essential_Grid_Meta(); $item_elements = new Essential_Grid_Item_Element(); ?> <div id="edit-custom-element-dialog-wrap" class="essential-dialog-wrap" title="<?php _e('Element Settings', EG_TEXTDOMAIN); ?> " style="display: none; padding:15px 0px;"> <form id="edit-custom-element-form"> <input type="hidden" name="custom-type" value="" /> <div class="eg-elset-title esg-item-skin-media-title"> <?php _e('Media:', EG_TEXTDOMAIN); ?> </div> <div id="esg-item-skin-elements-media"> <div class="eg-elset-row esg-item-skin-elements" id="esg-item-skin-elements-media-sound"> <div class="eg-elset-label" for="custom-soundcloud"><?php _e('SoundCloud Track ID', EG_TEXTDOMAIN); ?> </div><input name="custom-soundcloud" type="input" value="" /> </div> <div class="eg-elset-row esg-item-skin-elements" id="esg-item-skin-elements-media-youtube"> <div class="eg-elset-label" for="custom-soundcloud"><?php _e('YouTube ID', EG_TEXTDOMAIN); ?> </div><input name="custom-youtube" type="input" value="" /> </div> <div class="eg-elset-row esg-item-skin-elements" id="esg-item-skin-elements-media-vimeo"> <div class="eg-elset-label" for="custom-soundcloud"><?php _e('Vimeo ID', EG_TEXTDOMAIN); ?> </div><input name="custom-vimeo" type="input" value="" /> </div> <div class="esg-item-skin-elements" id="esg-item-skin-elements-media-html5"> <div class="eg-elset-row"><div class="eg-elset-label" for="custom-html5-mp4"><?php _e('MP4', EG_TEXTDOMAIN); ?> </div><input name="custom-html5-mp4" type="input" value="" /></div> <div class="eg-elset-row"><div class="eg-elset-label" for="custom-html5-ogv"><?php _e('OGV', EG_TEXTDOMAIN); ?> </div><input name="custom-html5-ogv" type="input" value="" /></div> <div class="eg-elset-row"><div class="eg-elset-label" for="custom-html5-webm"><?php _e('WEBM', EG_TEXTDOMAIN); ?> </div><input name="custom-html5-webm" type="input" value="" /></div> </div> <div class="eg-elset-row esg-item-skin-elements" id="esg-item-skin-elements-media-image"> <div class="eg-elset-label" for="custom-image"><?php _e('Image', EG_TEXTDOMAIN); ?> </div> <input type="hidden" value="" id="esg-custom-image" name="custom-image"> <a id="eg-custom-choose-from-image-library" class="button-primary revblue" href="javascript:void(0);" data-setto="esg-custom-image"><?php _e('Choose Image', EG_TEXTDOMAIN); ?> </a> <a id="eg-custom-clear-from-image-library" class="button-primary revred eg-custom-remove-custom-meta-field" href="javascript:void(0);"><?php _e('Remove Image', EG_TEXTDOMAIN); ?> </a> <div id="custom-image-wrapper" style="width:100%;"> <img id="esg-custom-image-img" src="" style="max-width:200px; display: none;margin:20px 0px 0px 250px;"> </div> </div> <div class="eg-elset-row esg-item-skin-elements" id="esg-item-skin-elements-media-ratio"> <div class="eg-elset-label" for="custom-ratio"><?php _e('Video Ratio', EG_TEXTDOMAIN); ?> </div> <select name="custom-ratio"> <option value="0"><?php _e('4:3', EG_TEXTDOMAIN); ?> </option> <option value="1"><?php _e('16:9', EG_TEXTDOMAIN); ?> </option> </select> </div> </div> <div id=""> <?php $custom_meta = $meta->get_all_meta(false); if (!empty($custom_meta)) { echo '<div class="eg-elset-title">'; _e('Custom Meta:', EG_TEXTDOMAIN); echo '</div>'; foreach ($custom_meta as $cmeta) { ?> <div class="eg-elset-row"><div class="eg-elset-label" class="eg-mb-label"><?php echo $cmeta['name']; ?> :</div> <?php switch ($cmeta['type']) { case 'text': echo '<input type="text" name="eg-' . $cmeta['handle'] . '" value="" />'; break; case 'select': case 'multi-select': $do_array = $cmeta['type'] == 'multi-select' ? '[]' : ''; $el = $meta->prepare_select_by_string($cmeta['select']); echo '<select name="eg-' . $cmeta['handle'] . $do_array . '"'; if ($cmeta['type'] == 'multi-select') { echo ' multiple="multiple" size="5"'; } echo '>'; if (!empty($el) && is_array($el)) { if ($cmeta['type'] == 'multi-select') { echo '<option value="">' . __('---', EG_TEXTDOMAIN) . '</option>'; } foreach ($el as $ele) { echo '<option value="' . $ele . '">' . $ele . '</option>'; } } echo '</select>'; break; case 'image': $var_src = ''; ?> <input type="hidden" value="" name="eg-<?php echo $cmeta['handle']; ?> " id="eg-<?php echo $cmeta['handle'] . '-cm'; ?> " /> <a class="button-primary revblue eg-image-add" href="javascript:void(0);" data-setto="eg-<?php echo $cmeta['handle'] . '-cm'; ?> "><?php _e('Choose Image', EG_TEXTDOMAIN); ?> </a> <a class="button-primary revred eg-image-clear" href="javascript:void(0);" data-setto="eg-<?php echo $cmeta['handle'] . '-cm'; ?> "><?php _e('Remove Image', EG_TEXTDOMAIN); ?> </a> <div> <img id="eg-<?php echo $cmeta['handle'] . '-cm'; ?> -img" src="<?php echo $var_src; ?> " <?php echo $var_src == '' ? 'style="max-width:200px; display: none;margin:20px 0px 0px 250px;"' : ''; ?> > </div> <?php break; } ?> </div> <?php } } else { _e('No metas available yet. Add some through the Custom Meta menu of Essential Grid.', EG_TEXTDOMAIN); ?> <div style="clear:both; height:20px"></div><?php } $elements = $item_elements->getElementsForDropdown(); $p_lang = array('post' => __('Post', EG_TEXTDOMAIN), 'woocommerce' => __('WooCommerce', EG_TEXTDOMAIN)); foreach ($elements as $type => $element) { ?> <div class="eg-elset-title"> <?php echo $p_lang[$type]; ?> </div> <?php foreach ($element as $handle => $name) { echo '<div class="eg-elset-row"><div class="eg-elset-label" for="' . $handle . '">' . $name['name'] . ':</div><input name="' . $handle . '" value="" /></div>'; } } echo '<div class="eg-elset-title">'; _e('Link To:', EG_TEXTDOMAIN); echo '</div>'; echo '<div class="eg-elset-row"><div class="eg-elset-label" for="post-link">' . __('Post Link', EG_TEXTDOMAIN) . ':</div><input name="post-link" value="" /></div>'; echo '<div class="eg-elset-title">'; _e('Other:', EG_TEXTDOMAIN); echo '</div>'; echo '<div class="eg-elset-row"><div class="eg-elset-label" for="custom-filter">' . __('Filter (comma seperated)', EG_TEXTDOMAIN) . ':</div><input name="custom-filter" value="" /></div>'; ?> <div class="eg-elset-row"> <div class="eg-elset-label" for="cobbles"> <?php _e('Cobbles Element Size:', EG_TEXTDOMAIN); ?> </div> <select name="cobbles-size"> <option value="1:1"><?php _e('width 1, height 1', EG_TEXTDOMAIN); ?> </option> <option value="1:2"><?php _e('width 1, height 2', EG_TEXTDOMAIN); ?> </option> <option value="1:3"><?php _e('width 1, height 3', EG_TEXTDOMAIN); ?> </option> <option value="2:1"><?php _e('width 2, height 1', EG_TEXTDOMAIN); ?> </option> <option value="2:2"><?php _e('width 2, height 2', EG_TEXTDOMAIN); ?> </option> <option value="2:3"><?php _e('width 2, height 3', EG_TEXTDOMAIN); ?> </option> <option value="3:1"><?php _e('width 3, height 1', EG_TEXTDOMAIN); ?> </option> <option value="3:2"><?php _e('width 3, height 2', EG_TEXTDOMAIN); ?> </option> <option value="3:3"><?php _e('width 3, height 3', EG_TEXTDOMAIN); ?> </option> </select> </div> <div class="eg-elset-row"> <?php $skins = Essential_Grid_Item_Skin::get_essential_item_skins('all', false); ?> <div class="eg-elset-label" for="use-skin"> <?php _e('Choose Specific Skin:', EG_TEXTDOMAIN); ?> </div> <select name="use-skin"> <option value="-1"><?php _e('-- Default Skin --', EG_TEXTDOMAIN); ?> </option> <?php if (!empty($skins)) { foreach ($skins as $skin) { echo '<option value="' . $skin['id'] . '">' . $skin['name'] . '</option>' . "\n"; } } ?> </select> </div> </div> </form> <script type="text/javascript"> jQuery('.eg-image-add').click(function(e) { e.preventDefault(); AdminEssentials.upload_image_img(jQuery(this).data('setto')); return false; }); jQuery('.eg-image-clear').click(function(e) { e.preventDefault(); var setto = jQuery(this).data('setto'); jQuery('#'+setto).val(''); jQuery('#'+setto+'-img').attr("src",""); jQuery('#'+setto+'-img').hide(); return false; }); jQuery('#eg-custom-choose-from-image-library').click(function(e) { e.preventDefault(); AdminEssentials.upload_image_img(jQuery(this).data('setto')); return false; }); jQuery('#eg-custom-clear-from-image-library').click(function(e) { e.preventDefault(); jQuery('#esg-custom-image-src').val(''); jQuery('#custom-image-img').attr("src",""); jQuery('#custom-image-img').hide(); return false; }); </script> </div> <?php }
$val = isset($values['eg-' . $cmeta['handle']]) ? esc_attr($values['eg-' . $cmeta['handle']][0]) : @$cmeta['default']; ?> <div class="eg-cs-row-min"><label class="eg-mb-label"><?php echo $cmeta['name']; ?> :</label> <?php switch ($cmeta['type']) { case 'text': echo '<input type="text" name="eg-' . $cmeta['handle'] . '" value="' . $val . '" />'; break; case 'select': case 'multi-select': $do_array = $cmeta['type'] == 'multi-select' ? '[]' : ''; $el = $meta->prepare_select_by_string($cmeta['select']); echo '<select name="eg-' . $cmeta['handle'] . $do_array . '"'; if ($cmeta['type'] == 'multi-select') { echo ' multiple="multiple" size="5"'; } echo '>'; if (!empty($el) && is_array($el)) { if ($cmeta['type'] != 'multi-select') { echo '<option value="">' . __('---', EG_TEXTDOMAIN) . '</option>'; } else { $val = json_decode(str_replace('"', '"', $val), true); } foreach ($el as $ele) { if (is_array($val)) { $sel = in_array($ele, $val) ? ' selected="selected"' : ''; } else {