/**
* 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 {
