function grve_portfolio_media_section_box($post)
{
wp_nonce_field('grve_nonce_save', 'grve_portfolio_media_save_nonce');
$portfolio_media = get_post_meta($post->ID, 'grve_portfolio_media_selection', true);
$portfolio_image_mode = get_post_meta($post->ID, 'grve_portfolio_media_image_mode', true);
$grve_portfolio_video_webm = get_post_meta($post->ID, 'grve_portfolio_video_webm', true);
$grve_portfolio_video_mp4 = get_post_meta($post->ID, 'grve_portfolio_video_mp4', true);
$grve_portfolio_video_ogv = get_post_meta($post->ID, 'grve_portfolio_video_ogv', true);
$grve_portfolio_video_embed = get_post_meta($post->ID, 'grve_portfolio_video_embed', true);
$media_slider_items = get_post_meta($post->ID, 'grve_portfolio_slider_items', true);
$media_slider_settings = get_post_meta($post->ID, 'grve_portfolio_slider_settings', true);
$media_slider_speed = grve_array_value($media_slider_settings, 'slideshow_speed', '3500');
$media_slider_dir_nav = grve_array_value($media_slider_settings, 'direction_nav', '2');
?>
<table class="form-table grve-metabox">
<tbody>
<tr>
<th>
<label for="grve-portfolio-media-selection">
<strong><?php
_e('Media Selection', GRVE_THEME_TRANSLATE);
?>
</strong>
<span>
<?php
_e('Choose your portfolio media.', GRVE_THEME_TRANSLATE);
?>
<br/>
<strong><?php
_e('In overview only Featured Image is displayed.', GRVE_THEME_TRANSLATE);
?>
</strong>
</span>
</label>
</th>
<td>
<select id="grve-portfolio-media-selection" name="grve_portfolio_media_selection">
<option value="" <?php
if ("" == $portfolio_media) {
?>
selected="selected" <?php
}
?>
><?php
_e('Featured Image', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="gallery" <?php
if ("gallery" == $portfolio_media) {
?>
selected="selected" <?php
}
?>
><?php
_e('Classic Gallery', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="gallery-vertical" <?php
if ("gallery-vertical" == $portfolio_media) {
?>
selected="selected" <?php
}
?>
><?php
_e('Vertical Gallery', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="slider" <?php
if ("slider" == $portfolio_media) {
?>
selected="selected" <?php
}
?>
><?php
_e('Slider', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="video" <?php
if ("video" == $portfolio_media) {
?>
selected="selected" <?php
}
?>
><?php
_e('YouTube/Vimeo Video', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="video-html5" <?php
if ("video-html5" == $portfolio_media) {
?>
selected="selected" <?php
}
?>
><?php
_e('HMTL5 Video', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="none" <?php
if ("none" == $portfolio_media) {
?>
selected="selected" <?php
}
?>
><?php
_e('None', GRVE_THEME_TRANSLATE);
?>
</option>
</select>
</td>
</tr>
<tr class="grve-portfolio-media-item grve-portfolio-video-html5"<?php
if ("video-html5" != $portfolio_media) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-portfolio-video-webm">
<strong><?php
_e('WebM File URL', GRVE_THEME_TRANSLATE);
?>
</strong>
<span>
<?php
_e('Upload the .webm video file.', GRVE_THEME_TRANSLATE);
?>
<br/>
<strong><?php
_e('This Format must be included for HTML5 Video.', GRVE_THEME_TRANSLATE);
?>
</strong>
</span>
</label>
</th>
<td>
<input type="text" id="grve-portfolio-video-webm" class="grve-upload-simple-media-field grve-meta-text" name="grve_portfolio_video_webm" value="<?php
echo esc_attr($grve_portfolio_video_webm);
?>
"/>
<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);
?>
"/>
</td>
</tr>
<tr class="grve-portfolio-media-item grve-portfolio-video-html5"<?php
if ("video-html5" != $portfolio_media) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-portfolio-video-mp4">
<strong><?php
_e('MP4 File URL', GRVE_THEME_TRANSLATE);
?>
</strong>
<span>
<?php
_e('Upload the .mp4 video file.', GRVE_THEME_TRANSLATE);
?>
<br/>
<strong><?php
_e('This Format must be included for HTML5 Video.', GRVE_THEME_TRANSLATE);
?>
</strong>
</span>
</label>
</th>
<td>
<input type="text" id="grve-portfolio-video-mp4" class="grve-upload-simple-media-field grve-meta-text" name="grve_portfolio_video_mp4" value="<?php
echo esc_attr($grve_portfolio_video_mp4);
?>
"/>
<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);
?>
"/>
</td>
</tr>
<tr class="grve-portfolio-media-item grve-portfolio-video-html5"<?php
if ("video-html5" != $portfolio_media) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-portfolio-video-ogv">
<strong><?php
_e('OGV File URL', GRVE_THEME_TRANSLATE);
?>
</strong>
<span>
<?php
_e('Upload the .ogv video file (optional).', GRVE_THEME_TRANSLATE);
?>
</span>
</label>
</th>
<td>
<input type="text" id="grve-portfolio-video-ogv" class="grve-upload-simple-media-field grve-meta-text" name="grve_portfolio_video_ogv" value="<?php
echo esc_attr($grve_portfolio_video_ogv);
?>
"/>
<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);
?>
"/>
</td>
</tr>
<tr class="grve-portfolio-media-item grve-portfolio-video-embed"<?php
if ("video" != $portfolio_media) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-portfolio-video-embed">
<strong><?php
_e('Vimeo/YouTube URL', GRVE_THEME_TRANSLATE);
?>
</strong>
<span>
<?php
_e('Enter the full URL of your video from Vimeo or YouTube.', GRVE_THEME_TRANSLATE);
?>
</span>
</label>
</th>
<td>
<input type="text" id="grve-portfolio-video-embed" class="grve-meta-text" name="grve_portfolio_video_embed" value="<?php
echo esc_attr($grve_portfolio_video_embed);
?>
"/>
</td>
</tr>
<tr class="grve-portfolio-media-item grve-portfolio-media-image-mode"<?php
if ("slider" != $portfolio_media || "gallery-vertical" != $portfolio_media) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-portfolio-media-image-mode">
<strong><?php
_e('Image Mode', GRVE_THEME_TRANSLATE);
?>
</strong>
<span>
<?php
_e('Select image mode.', GRVE_THEME_TRANSLATE);
?>
</span>
</label>
</th>
<td>
<select id="grve-portfolio-media-image-mode" name="grve_portfolio_media_image_mode">
<option value="" <?php
selected('', $portfolio_image_mode);
?>
><?php
_e('Auto Crop', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="resize" <?php
selected('resize', $portfolio_image_mode);
?>
><?php
_e('Resize', GRVE_THEME_TRANSLATE);
?>
</option>
</select>
</td>
</tr>
<tr id="grve-portfolio-media-slider-speed" class="grve-portfolio-media-item" <?php
if ("slider" != $portfolio_media) {
?>
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_portfolio_slider_settings_speed" value="<?php
echo esc_attr($media_slider_speed);
?>
" /> ms
</td>
</tr>
<tr id="grve-portfolio-media-slider-direction-nav" class="grve-portfolio-media-item" <?php
if ("slider" != $portfolio_media) {
?>
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_portfolio_slider_settings_direction_nav">
<option value="1" <?php
selected("1", $media_slider_dir_nav);
?>
>
<?php
_e('Style 1', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="2" <?php
selected("2", $media_slider_dir_nav);
?>
>
<?php
_e('Style 2', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="3" <?php
selected("3", $media_slider_dir_nav);
?>
>
<?php
_e('Style 3', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="4" <?php
selected("4", $media_slider_dir_nav);
?>
>
<?php
_e('Style 4', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="0" <?php
selected("0", $media_slider_dir_nav);
?>
>
<?php
_e('No Navigation', GRVE_THEME_TRANSLATE);
?>
</option>
</select>
</td>
</tr>
<tr id="grve-portfolio-media-slider" class="grve-portfolio-media-item" <?php
if ("" == $portfolio_media || "none" == $portfolio_media) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label><?php
_e('Media Items', GRVE_THEME_TRANSLATE);
?>
</label>
</th>
<td>
<input type="button" class="grve-upload-slider-button button-primary" value="<?php
_e('Insert Images', GRVE_THEME_TRANSLATE);
?>
"/>
<span id="grve-upload-slider-button-spinner" class="grve-action-spinner"></span>
</td>
</tr>
</tbody>
</table>
<div id="grve-slider-container" data-mode="minimal" class="grve-portfolio-media-item" <?php
if ("" == $portfolio_media || "none" == $portfolio_media) {
?>
style="display:none;" <?php
}
?>
>
<?php
if (!empty($media_slider_items)) {
grve_print_admin_media_slider_items($media_slider_items);
}
?>
</div>
<?php
}
function grve_meta_box_post_format_gallery($post)
{
wp_nonce_field('grve_nonce_save', 'grve_post_format_gallery_save_nonce');
$gallery_mode = get_post_meta($post->ID, 'grve_post_type_gallery_mode', true);
$gallery_image_mode = get_post_meta($post->ID, 'grve_post_type_gallery_image_mode', true);
$slider_items = get_post_meta($post->ID, 'grve_post_slider_items', true);
$media_slider_settings = get_post_meta($post->ID, 'grve_post_slider_settings', true);
$media_slider_speed = grve_array_value($media_slider_settings, 'slideshow_speed', '3500');
$media_slider_dir_nav = grve_array_value($media_slider_settings, 'direction_nav', '2');
?>
<table class="form-table grve-metabox">
<tbody>
<tr class="grve-border-bottom">
<th>
<label for="grve-post-gallery-mode">
<strong><?php
_e('Gallery Mode', GRVE_THEME_TRANSLATE);
?>
</strong>
<span>
<?php
_e('Select Gallery mode.', GRVE_THEME_TRANSLATE);
?>
</span>
</label>
</th>
<td>
<select id="grve-post-gallery-mode" name="grve_post_type_gallery_mode">
<option value="" <?php
selected('', $gallery_mode);
?>
><?php
_e('Gallery', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="slider" <?php
selected('slider', $gallery_mode);
?>
><?php
_e('Slider', GRVE_THEME_TRANSLATE);
?>
</option>
</select>
</td>
</tr>
<tr id="grve-post-gallery-image-mode-section" class="grve-post-media-item" <?php
if ("" == $gallery_mode) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-post-gallery-image-mode">
<strong><?php
_e('Image Mode', GRVE_THEME_TRANSLATE);
?>
</strong>
<span>
<?php
_e('Select image mode.', GRVE_THEME_TRANSLATE);
?>
</span>
</label>
</th>
<td>
<select id="grve-post-gallery-image-mode" name="grve_post_type_gallery_image_mode">
<option value="" <?php
selected('', $gallery_image_mode);
?>
><?php
_e('Auto Crop', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="resize" <?php
selected('resize', $gallery_image_mode);
?>
><?php
_e('Resize', GRVE_THEME_TRANSLATE);
?>
</option>
</select>
</td>
</tr>
<tr id="grve-post-media-slider-speed" class="grve-post-media-item" <?php
if ("" == $gallery_mode) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-post-slider-speed">
<strong><?php
_e('Slideshow Speed', GRVE_THEME_TRANSLATE);
?>
</strong>
</label>
</th>
<td>
<input type="text" id="grve-post-slider-speed" name="grve_post_slider_settings_speed" value="<?php
echo esc_attr($media_slider_speed);
?>
" /> ms
</td>
</tr>
<tr id="grve-post-media-slider-direction-nav" class="grve-post-media-item" <?php
if ("" == $gallery_mode) {
?>
style="display:none;" <?php
}
?>
>
<th>
<label for="grve-post-slider-direction-nav">
<strong><?php
_e('Navigation Buttons', GRVE_THEME_TRANSLATE);
?>
</strong>
</label>
</th>
<td>
<select id="grve-post-slider-direction-nav" name="grve_post_slider_settings_direction_nav">
<option value="1" <?php
selected("1", $media_slider_dir_nav);
?>
>
<?php
_e('Style 1', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="2" <?php
selected("2", $media_slider_dir_nav);
?>
>
<?php
_e('Style 2', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="3" <?php
selected("3", $media_slider_dir_nav);
?>
>
<?php
_e('Style 3', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="4" <?php
selected("4", $media_slider_dir_nav);
?>
>
<?php
_e('Style 4', GRVE_THEME_TRANSLATE);
?>
</option>
<option value="0" <?php
selected("0", $media_slider_dir_nav);
?>
>
<?php
_e('No Navigation', GRVE_THEME_TRANSLATE);
?>
</option>
</select>
</td>
</tr>
<tr>
<th>
<label><?php
_e('Images', GRVE_THEME_TRANSLATE);
?>
</label>
</th>
<td>
<input type="button" class="grve-upload-slider-button button-primary" value="<?php
_e('Insert Images to Gallery/Slider', GRVE_THEME_TRANSLATE);
?>
"/>
<span id="grve-upload-slider-button-spinner" class="grve-action-spinner"></span>
</td>
</tr>
</tbody>
</table>
<div id="grve-slider-container" class="grve-slider-container-minimal" data-mode="minimal">
<?php
if (!empty($slider_items)) {
grve_print_admin_media_slider_items($slider_items);
}
?>
</div>
<?php
}
