function grve_admin_get_feature_section($post_id)
{
//Feature Settings
$feature_element = grve_admin_post_meta($post_id, 'grve_page_feature_element');
$feature_size = grve_admin_post_meta($post_id, 'grve_page_feature_size');
$feature_height = grve_admin_post_meta($post_id, 'grve_page_feature_height', '550');
$feature_header_position = grve_admin_post_meta($post_id, 'grve_page_feature_header_position', 'above');
$feature_header_integration = grve_admin_post_meta($post_id, 'grve_page_feature_header_integration', 'no');
$feature_effect = grve_admin_post_meta($post_id, 'grve_page_feature_effect');
$feature_go_to_section = grve_admin_post_meta($post_id, 'grve_page_feature_go_to_section');
$feature_header_style = grve_admin_post_meta($post_id, 'grve_page_feature_header_style', 'default');
//Image Item
$image_item = get_post_meta($post_id, 'grve_page_image_item', true);
//Title Item
$title_item = get_post_meta($post_id, 'grve_page_title_item', true);
//Slider Item
$slider_items = get_post_meta($post_id, 'grve_page_slider_items', true);
$slider_settings = get_post_meta($post_id, 'grve_page_slider_settings', true);
$slider_speed = grve_array_value($slider_settings, 'slideshow_speed', '3500');
$slider_pause = grve_array_value($slider_settings, 'slider_pause', 'no');
$slider_dir_nav = grve_array_value($slider_settings, 'direction_nav', '1');
$slider_dir_nav_color = grve_array_value($slider_settings, 'direction_nav_color', 'light');
$slider_transition = grve_array_value($slider_settings, 'transition', 'slide');
//Revolution Slider Item
$revslider_alias = get_post_meta($post_id, 'grve_page_feature_revslider', true);
//Map Item
$map_items = get_post_meta($post_id, 'grve_page_map_items', true);
$map_settings = get_post_meta($post_id, 'grve_page_map_settings', true);
$map_zoom = grve_array_value($map_settings, 'zoom', 14);
$map_marker = grve_array_value($map_settings, 'marker');
//Video Item
$video_item = get_post_meta($post_id, 'grve_page_video_item', true);
$video_webm = grve_array_value($video_item, 'video_webm');
$video_mp4 = grve_array_value($video_item, 'video_mp4');
$video_ogv = grve_array_value($video_item, 'video_ogv');
$video_bg_image = grve_array_value($video_item, 'video_bg_image');
$video_loop = grve_array_value($video_item, 'video_loop', 'yes');
$video_muted = grve_array_value($video_item, 'video_muted', 'yes');
$grve_settings_mode = grve_get_admin_feature_setting_mode();
?>
<table class="form-table grve-metabox">
<tbody>
<tr class="grve-border-bottom">
<th>
<label for="grve-page-feature-element">
<strong><?php
_e('Feature Element', GRVE_THEME_TRANSLATE);
?>
</strong>
<span>
<?php
_e('Select feature section element.', GRVE_THEME_TRANSLATE);
?>
</span>
</label>
</th>
<td>
<select id="grve-page-feature-element" name="grve_page_feature_element">
<option value="" <?php
if ("" == $feature_element) {
?>
selected="selected" <?php
}
?>
><?php
_e('None', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="title" <?php
if ("title" == $feature_element) {
?>
selected="selected" <?php
}
?>
><?php
_e('Title', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="image" <?php
if ("image" == $feature_element) {
?>
selected="selected" <?php
}
?>
><?php
_e('Image', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="video" <?php
if ("video" == $feature_element) {
?>
selected="selected" <?php
}
?>
><?php
_e('Video', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="slider" <?php
if ("slider" == $feature_element) {
?>
selected="selected" <?php
}
?>
><?php
_e('Slider', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="revslider" <?php
if ("revslider" == $feature_element) {
?>
selected="selected" <?php
}
?>
><?php
_e('Revolution Slider', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="map" <?php
if ("map" == $feature_element) {
?>
selected="selected" <?php
}
?>
><?php
_e('Map', GRVE_THEME_TRANSLATE);
?>
</option>
</select>
<?php
grve_print_revolution_selection($revslider_alias, 'grve-page-feature-revslider', 'grve_page_feature_revslider');
?>
</td>
</tr>
<tr id="grve-feature-section-slider-speed" class="grve-feature-section-item" <?php
if ("slider" != $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-page-slider-speed">
<strong><?php
_e('Slideshow Speed', GRVE_THEME_TRANSLATE);
?>
</strong>
</label>
</th>
<td>
<input type="text" id="grve-page-slider-speed" name="grve_page_slider_settings_speed" value="<?php
echo esc_attr($slider_speed);
?>
" /> ms
</td>
</tr>
<tr id="grve-feature-section-slider-pause" class="grve-feature-section-item" <?php
if ("slider" != $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-page-slider-pause">
<strong><?php
_e('Pause On Hover', GRVE_THEME_TRANSLATE);
?>
</strong>
</label>
</th>
<td>
<input type="checkbox" id="grve-page-slider-pause" name="grve_page_slider_settings_pause" value="yes" <?php
checked($slider_pause, 'yes');
?>
/>
</td>
</tr>
<tr id="grve-feature-section-slider-direction-nav" class="grve-feature-section-item" <?php
if ("slider" != $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-page-slider-direction-nav">
<strong><?php
_e('Navigation Buttons', GRVE_THEME_TRANSLATE);
?>
</strong>
</label>
</th>
<td>
<select name="grve_page_slider_settings_direction_nav" id="grve-page-slider-direction-nav">
<option value="1" <?php
if ("1" == $slider_dir_nav) {
?>
selected="selected" <?php
}
?>
>
<?php
_e('Style 1', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="2" <?php
if ("2" == $slider_dir_nav) {
?>
selected="selected" <?php
}
?>
>
<?php
_e('Style 2', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="3" <?php
if ("3" == $slider_dir_nav) {
?>
selected="selected" <?php
}
?>
>
<?php
_e('Style 3', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="4" <?php
if ("4" == $slider_dir_nav) {
?>
selected="selected" <?php
}
?>
>
<?php
_e('Style 4', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="0" <?php
if ("0" == $slider_dir_nav) {
?>
selected="selected" <?php
}
?>
>
<?php
_e('No Navigation', GRVE_THEME_TRANSLATE);
?>
</option>
</select>
</td>
</tr>
<tr id="grve-feature-section-slider-direction-nav-color" class="grve-feature-section-item" <?php
if ("slider" != $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-page-slider-direction-nav-color">
<strong><?php
_e('Navigation color', GRVE_THEME_TRANSLATE);
?>
</strong>
</label>
</th>
<td>
<select name="grve_page_slider_settings_direction_nav_color" id="grve-page-slider-direction-nav-color">
<option value="light" <?php
if ("light" == $slider_dir_nav_color) {
?>
selected="selected" <?php
}
?>
>
<?php
_e('Light', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="dark" <?php
if ("dark" == $slider_dir_nav_color) {
?>
selected="selected" <?php
}
?>
>
<?php
_e('Dark', GRVE_THEME_TRANSLATE);
?>
</option>
</select>
</td>
</tr>
<tr id="grve-feature-section-slider-transition" class="grve-feature-section-item" <?php
if ("slider" != $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-page-slider-transition">
<strong><?php
_e('Transition', GRVE_THEME_TRANSLATE);
?>
</strong>
</label>
</th>
<td>
<select name="grve_page_slider_settings_transition">
<option value="slide" <?php
if ("slide" == $slider_transition) {
?>
selected="selected" <?php
}
?>
>
<?php
_e('Slide', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="fade" <?php
if ("fade" == $slider_transition) {
?>
selected="selected" <?php
}
?>
>
<?php
_e('Fade', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="backSlide" <?php
if ("backSlide" == $slider_transition) {
?>
selected="selected" <?php
}
?>
>
<?php
_e('Back Slide', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="goDown" <?php
if ("goDown" == $slider_transition) {
?>
selected="selected" <?php
}
?>
>
<?php
_e('Go Down', GRVE_THEME_TRANSLATE);
?>
</option>
</select>
</td>
</tr>
<tr id="grve-feature-section-size" class="grve-feature-section-item" <?php
if ("" == $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-page-feature-size">
<strong><?php
_e('Feature Size', GRVE_THEME_TRANSLATE);
?>
</strong>
<span>
<?php
_e('With Custom Size option you can select the feature height.', GRVE_THEME_TRANSLATE);
?>
</span>
</label>
</th>
<td>
<select id="grve-page-feature-size" name="grve_page_feature_size">
<option value="" <?php
if ("" == $feature_size) {
?>
selected="selected" <?php
}
?>
><?php
_e('Full Screen', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="custom" <?php
if ("custom" == $feature_size) {
?>
selected="selected" <?php
}
?>
><?php
_e('Custom Size', GRVE_THEME_TRANSLATE);
?>
</option>
</select>
<span id="grve-feature-section-height" class="grve-inner-field" <?php
if ("" == $feature_size) {
?>
style="display:none;" <?php
}
?>
>
<label><?php
_e('Height', GRVE_THEME_TRANSLATE);
?>
</label>
<input type="text" id="grve-page-feature-height" name="grve_page_feature_height" value="<?php
echo esc_attr($feature_height);
?>
" class="small-text" /> px
</span>
<span id="grve-feature-section-height-rev" class="grve-inner-field" style="display:none;">
<label><?php
_e('Height is configured from Revolution Slider Settings', GRVE_THEME_TRANSLATE);
?>
</label>
</span>
</td>
</tr>
<tr id="grve-feature-section-header-position" class="grve-feature-section-item" <?php
if ("" == $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-page-feature-header-position">
<strong><?php
_e('Feature/Header Position', GRVE_THEME_TRANSLATE);
?>
</strong>
<span>
<?php
_e('With this option header will be shown above or below feature section.', GRVE_THEME_TRANSLATE);
?>
</span>
</label>
</th>
<td>
<select name="grve_page_feature_header_position" id="grve-page-feature-header-position">
<option value="above" <?php
if ("above" == $feature_header_position) {
?>
selected="selected" <?php
}
?>
>
<?php
_e('Header above Feature', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="below" <?php
if ("below" == $feature_header_position) {
?>
selected="selected" <?php
}
?>
>
<?php
_e('Header below Feature', GRVE_THEME_TRANSLATE);
?>
</option>
</select>
</td>
</tr>
<tr id="grve-feature-section-header-integration" class="grve-feature-section-item" <?php
if ("" == $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-page-feature-header-integration">
<strong><?php
_e('Header Integration', GRVE_THEME_TRANSLATE);
?>
</strong>
<span>
<?php
_e('With this option feature section will be integrated into the header.', GRVE_THEME_TRANSLATE);
?>
</span>
</label>
</th>
<td>
<select name="grve_page_feature_header_integration" id="grve-page-feature-header-integration">
<option value="no" <?php
if ("no" == $feature_header_integration) {
?>
selected="selected" <?php
}
?>
>
<?php
_e('No', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="yes" <?php
if ("yes" == $feature_header_integration) {
?>
selected="selected" <?php
}
?>
>
<?php
_e('Yes', GRVE_THEME_TRANSLATE);
?>
</option>
</select>
</td>
</tr>
<tr id="grve-feature-section-header-style" class="grve-feature-section-item" <?php
if ("" == $feature_element || "slider" == $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-page-feature-header-integration">
<strong><?php
_e('Header Style', GRVE_THEME_TRANSLATE);
?>
</strong>
<span>
<?php
_e('With this option you can change the coloring of your header.', GRVE_THEME_TRANSLATE);
?>
</span>
</label>
</th>
<td>
<select name="grve_page_feature_header_style" id="grve-page-feature-header-style">
<?php
grve_print_media_header_style_selection($feature_header_style);
?>
</select>
</td>
</tr>
<tr id="grve-feature-section-effect" class="grve-feature-section-item" <?php
if ("" == $feature_element || "map" == $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-page-feature-effect">
<strong><?php
_e('Enable Title Parallax Effect', GRVE_THEME_TRANSLATE);
?>
</strong>
</label>
</th>
<td>
<input type="checkbox" id="grve-page-feature-effect" name="grve_page_feature_effect" value="parallax" <?php
checked($feature_effect, 'parallax');
?>
/>
</td>
</tr>
<tr id="grve-feature-section-go-to-section" class="grve-feature-section-item" <?php
if ("" == $feature_element || "map" == $feature_element || "slider" == $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-page-feature-go-to-section">
<strong><?php
_e('Enable Bottom Arrow', GRVE_THEME_TRANSLATE);
?>
</strong>
</label>
</th>
<td>
<input type="checkbox" id="grve-page-feature-go-to-section" name="grve_page_feature_go_to_section" value="yes" <?php
checked($feature_go_to_section, 'yes');
?>
/>
</td>
</tr>
<tr id="grve-feature-section-image" class="grve-feature-section-item" <?php
if ("image" != $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label><?php
_e('Feature Image', GRVE_THEME_TRANSLATE);
?>
</label>
</th>
<td>
<?php
if (empty($image_item)) {
?>
<input type="button" class="grve-upload-image-button button-primary" value="<?php
_e('Insert Image', GRVE_THEME_TRANSLATE);
?>
"/>
<?php
} else {
?>
<input type="button" disabled="disabled" class="grve-upload-image-button button-primary disabled" value="<?php
_e('Insert Image', GRVE_THEME_TRANSLATE);
?>
"/>
<?php
}
?>
<span id="grve-upload-image-button-spinner" class="grve-action-spinner"></span>
</td>
</tr>
<tr id="grve-feature-section-slider" class="grve-feature-section-item" <?php
if ("slider" != $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label><?php
_e('Feature Slider', GRVE_THEME_TRANSLATE);
?>
</label>
</th>
<td>
<input type="button" class="grve-upload-feature-slider-button button-primary" value="<?php
_e('Insert Images to Slider', GRVE_THEME_TRANSLATE);
?>
"/>
<span id="grve-upload-feature-slider-button-spinner" class="grve-action-spinner"></span>
</td>
</tr>
<tr id="grve-feature-section-video" class="grve-feature-section-item" <?php
if ("video" != $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label><?php
_e('Feature Video', GRVE_THEME_TRANSLATE);
?>
</label>
</th>
<td>
</td>
</tr>
<tr id="grve-feature-section-map" class="grve-feature-section-item" <?php
if ("map" != $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label><?php
_e('Feature Map', GRVE_THEME_TRANSLATE);
?>
</label>
</th>
<td>
<input type="button" id="grve-upload-multi-map-point" class="grve-upload-multi-map-point button-primary" value="<?php
_e('Insert Point to Map', GRVE_THEME_TRANSLATE);
?>
"/>
<span id="grve-upload-multi-map-button-spinner" class="grve-action-spinner"></span>
</td>
</tr>
</tbody>
</table>
<div id="grve-feature-image-container" data-mode="image" class="grve-feature-section-item" <?php
if ('image' != $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<?php
if (!empty($image_item)) {
grve_print_admin_feature_image_item($image_item);
}
?>
</div>
<div id="grve-feature-slider-container" data-mode="slider-full" class="grve-feature-section-item" <?php
if ('slider' != $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<?php
if (!empty($slider_items)) {
grve_print_admin_feature_slider_items($slider_items);
}
?>
</div>
<div id="grve-feature-title-container" class="grve-feature-section-item" <?php
if ('title' != $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<div class="grve-title-item postbox">
<h3 class="grve-title">
<span><?php
_e('Title', GRVE_THEME_TRANSLATE);
?>
</span>
</h3>
<div class="inside">
<ul class="grve-title-setting">
<li>
<div class="grve-setting">
<label><?php
_e('Title', GRVE_THEME_TRANSLATE);
?>
</label>
<input type="text" name="grve_title_item_title" value="<?php
echo grve_array_value($title_item, 'title');
?>
"/>
</div>
</li>
<li>
<div class="grve-setting">
<label><?php
_e('Caption', GRVE_THEME_TRANSLATE);
?>
</label>
<input type="text" name="grve_title_item_caption" value="<?php
echo grve_array_value($title_item, 'caption');
?>
"/>
</div>
</li>
<li>
<div class="grve-setting">
<label><?php
_e('Title Color', GRVE_THEME_TRANSLATE);
?>
</label>
<input type="text" name="grve_title_item_title_color" class="wp-color-picker-field" value="<?php
echo grve_array_value($title_item, 'title_color', "#ffffff");
?>
" data-default-color="#ffffff"/>
</div>
</li>
<li>
<div class="grve-setting">
<label><?php
_e('Caption Color', GRVE_THEME_TRANSLATE);
?>
</label>
<input type="text" name="grve_title_item_caption_color" class="wp-color-picker-field" value="<?php
echo grve_array_value($title_item, 'caption_color', "#ffffff");
?>
" data-default-color="#ffffff"/>
</div>
</li>
<li>
<div class="grve-setting">
<label><?php
_e('Background Color', GRVE_THEME_TRANSLATE);
?>
</label>
<input type="text" name="grve_title_item_bg_color" class="wp-color-picker-field" value="<?php
echo grve_array_value($title_item, 'bg_color', "#303030");
?>
" data-default-color="#303030"/>
</div>
</li>
<li>
<div class="grve-setting">
<label><?php
_e('Style', GRVE_THEME_TRANSLATE);
?>
</label>
<select name="grve_title_item_style">
<?php
$title_style = grve_array_value($title_item, 'style', '');
grve_print_media_style_selection($title_style);
?>
</select>
</div>
</li>
<li>
<div class="grve-setting">
<label><?php
_e('Alignment', GRVE_THEME_TRANSLATE);
?>
</label>
<select name="grve_title_item_text_align">
<?php
$title_text_align = grve_array_value($title_item, 'text_align', 'left');
grve_print_media_align_selection($title_text_align);
?>
</select>
</div>
</li>
<li>
<div class="grve-setting">
<label><?php
_e('Animation', GRVE_THEME_TRANSLATE);
?>
</label>
<select name="grve_title_item_text_animation">
<?php
$title_text_animation = grve_array_value($title_item, 'text_animation', 'fade-in');
grve_print_media_text_animation_selection($title_text_animation);
?>
</select>
</div>
</li>
<li>
<div class="grve-setting">
<label><?php
_e('Extra Class', GRVE_THEME_TRANSLATE);
?>
</label>
<input type="text" name="grve_title_item_el_class" value="<?php
echo grve_array_value($title_item, 'el_class');
?>
"/>
</div>
</li>
</ul>
</div>
</div>
</div>
<div id="grve-feature-map-container" class="grve-feature-section-item" <?php
if ('map' != $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<div class="grve-map-item postbox">
<h3 class="grve-title">
<span><?php
_e('Map', GRVE_THEME_TRANSLATE);
?>
</span>
</h3>
<div class="inside">
<ul class="grve-map-setting">
<li>
<div class="grve-setting">
<label><?php
_e('Single Point Zoom', GRVE_THEME_TRANSLATE);
?>
</label>
<select id="grve-page-feature-map-zoom" name="grve_page_feature_map_zoom">
<?php
for ($i = 1; $i < 20; $i++) {
?>
<option value="<?php
echo $i;
?>
"<?php
if ($i == $map_zoom) {
?>
selected="selected" <?php
}
?>
><?php
echo $i;
?>
</option>
<?php
}
?>
</select>
</div>
</li>
<li>
<div class="grve-setting">
<label><?php
_e('Global Marker', GRVE_THEME_TRANSLATE);
?>
</label>
<input type="text" class="grve-upload-simple-media-field" id="grve-page-feature-map-marker" name="grve_page_feature_map_marker" value="<?php
echo esc_attr($map_marker);
?>
"/>
<label></label>
<input type="button" data-media-type="image" class="grve-upload-simple-media-button button-primary" value="<?php
_e('Insert Marker', GRVE_THEME_TRANSLATE);
?>
"/>
<input type="button" class="grve-remove-simple-media-button button" value="<?php
_e('Remove', GRVE_THEME_TRANSLATE);
?>
"/>
</div>
</li>
</ul>
</div>
</div>
<?php
grve_print_admin_feature_map_items($map_items);
?>
</div>
<div id="grve-feature-video-container" class="grve-feature-section-item" <?php
if ('video' != $feature_element) {
?>
style="display:none;" <?php
}
?>
>
<div class="grve-video-item postbox">
<?php
if ('modal' == $grve_settings_mode) {
?>
<input class="grve-open-video-modal button-primary" type="button" value="<?php
_e('Edit Settings', GRVE_THEME_TRANSLATE);
?>
">
<span class="grve-button-spacer"> </span>
<?php
}
?>
<span class="grve-modal-spinner"></span>
<h3 class="grve-title">
<span><?php
_e('Video', GRVE_THEME_TRANSLATE);
?>
</span>
</h3>
<div class="inside">
<ul class="grve-video-setting">
<li>
<div class="grve-setting">
<label><?php
_e('WebM File URL', GRVE_THEME_TRANSLATE);
?>
</label>
<input type="text" id="grve-page-feature-video-webm" class="grve-upload-simple-media-field grve-meta-text" name="grve_video_item_webm" value="<?php
echo esc_attr($video_webm);
?>
"/>
<label></label>
<input type="button" data-media-type="video" class="grve-upload-simple-media-button button" value="<?php
_e('Upload Media', GRVE_THEME_TRANSLATE);
?>
"/>
<input type="button" class="grve-remove-simple-media-button button" value="<?php
_e('Remove', GRVE_THEME_TRANSLATE);
?>
"/>
</div>
</li>
<li>
<div class="grve-setting">
<label><?php
_e('MP4 File URL', GRVE_THEME_TRANSLATE);
?>
</label>
<input type="text" id="grve-page-feature-video-mp4" class="grve-upload-simple-media-field grve-meta-text" name="grve_video_item_mp4" value="<?php
echo esc_attr($video_mp4);
?>
"/>
<label></label>
<input type="button" data-media-type="video" class="grve-upload-simple-media-button button" value="<?php
_e('Upload Media', GRVE_THEME_TRANSLATE);
?>
"/>
<input type="button" class="grve-remove-simple-media-button button" value="<?php
_e('Remove', GRVE_THEME_TRANSLATE);
?>
"/>
</div>
</li>
<li>
<div class="grve-setting">
<label><?php
_e('OGV File URL', GRVE_THEME_TRANSLATE);
?>
</label>
<input type="text" id="grve-page-feature-video-ogv" class="grve-upload-simple-media-field grve-meta-text" name="grve_video_item_ogv" value="<?php
echo esc_attr($video_ogv);
?>
"/>
<label></label>
<input type="button" data-media-type="video" class="grve-upload-simple-media-button button" value="<?php
_e('Upload Media', GRVE_THEME_TRANSLATE);
?>
"/>
<input type="button" class="grve-remove-simple-media-button button" value="<?php
_e('Remove', GRVE_THEME_TRANSLATE);
?>
"/>
</div>
</li>
<li>
<div class="grve-setting">
<label><?php
_e('Fallback Image', GRVE_THEME_TRANSLATE);
?>
</label>
<input type="text" id="grve-page-feature-video-bg-image" class="grve-upload-simple-media-field" name="grve_video_item_bg_image" value="<?php
echo esc_attr($video_bg_image);
?>
"/>
<label></label>
<input type="button" data-media-type="image" class="grve-upload-simple-media-button button-primary" value="<?php
_e('Upload Image', GRVE_THEME_TRANSLATE);
?>
"/>
<input type="button" class="grve-remove-simple-media-button button" value="<?php
_e('Remove', GRVE_THEME_TRANSLATE);
?>
"/>
</div>
</li>
<li>
<div class="grve-setting">
<label><?php
_e('Loop', GRVE_THEME_TRANSLATE);
?>
</label>
<select name="grve_video_item_loop">
<option value="yes" <?php
selected('yes', $video_loop);
?>
><?php
_e('Yes', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="no" <?php
selected('no', $video_loop);
?>
><?php
_e('No', GRVE_THEME_TRANSLATE);
?>
</option>
</select>
</div>
</li>
<li>
<div class="grve-setting">
<label><?php
_e('Muted', GRVE_THEME_TRANSLATE);
?>
</label>
<select name="grve_video_item_muted">
<option value="yes" <?php
selected('yes', $video_muted);
?>
><?php
_e('Yes', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="no" <?php
selected('no', $video_muted);
?>
><?php
_e('No', GRVE_THEME_TRANSLATE);
?>
</option>
</select>
</div>
</li>
</ul>
<?php
grve_print_admin_feature_video_item($video_item);
?>
</div>
</div>
</div>
<?php
}
<?php /** * Layout/Style Templates */ ?> <script type="text/html" id='grve-select-align-template'> <div class="grve-modal-element-container"> <div class="grve-modal-element grve-modal-element-left"> <span class="grve-modal-label"><%= title %></span> <span class="grve-modal-description"><%= desc %></span> </div> <div class="grve-modal-element grve-modal-element-left"> <select name="<%= name %>" data-meta-id="<%= id %>" data-meta-value="<%=value%>" class="grve-modal-select"> <?php grve_print_media_align_selection(); ?> </select> </div> </div> </script> <script type="text/html" id='grve-select-header-style-template'> <div class="grve-modal-element-container"> <div class="grve-modal-element grve-modal-element-left"> <span class="grve-modal-label"><%= title %></span> <span class="grve-modal-description"><%= desc %></span> </div> <div class="grve-modal-element grve-modal-element-left"> <select name="<%= name %>" data-meta-id="<%= id %>" data-meta-value="<%=value%>" class="grve-modal-select"> <?php