<?php
$foundation_version = GRAV_BLOCKS::get_foundation_version();
$f6flex = strpos($foundation_version, 'f6flex') === false ? false : true;
$placement = ($right = get_sub_field('image_placement')) ? $right : 'left';
$col_width = get_sub_field('image_size');
$content = get_sub_field('content');
$col_array = GRAV_BLOCKS::column_width_options();
$col_total = 12;
$col_total = apply_filters('grav_block_mediacontent_columns', $col_total, $col_width, $placement);
$col_content_width = $col_total - $col_width;
$col_class = 'col-option-' . $placement . '-' . sanitize_title($col_array[$col_width]);
$bottom_classes = GRAV_BLOCKS::css()->col(0, $col_content_width)->add($col_class)->get();
$top_classes = GRAV_BLOCKS::css()->col(0, $col_width)->add($col_class . ', col-image')->get();
if ($placement == 'right') {
$top_classes = $f6flex ? GRAV_BLOCKS::css()->col(0, $col_width)->add('medium-order-2, ' . $col_class . ', col-image')->get() : GRAV_BLOCKS::css()->col(0, $col_width)->col_push(0, $col_content_width)->add($col_class . ', col-image')->get();
$bottom_classes = $f6flex ? GRAV_BLOCKS::css()->col(0, $col_content_width)->add('medium-order-1, ' . $col_class)->get() : GRAV_BLOCKS::css()->col(0, $col_content_width)->col_pull(0, $col_width)->add($col_class)->get();
}
?>
<div class="block-inner <?php
echo $placement . '-' . sanitize_title($col_array[$col_width]);
?>
">
<div class="<?php
echo GRAV_BLOCKS::css()->row()->get();
?>
">
<div class="<?php
echo $top_classes;
?>
<?php
/*
*
* Gravitate Content Block
*
* Available Variables:
* $block = Name of Block Folder
* $block_backgrounds = Array for Background Options
* $block_background_image = Array for Background Image Option
*
* This file must return an array();
*
*/
$block_fields = array($block_backgrounds, $block_background_image, array('key' => 'field_' . $block . '_4', 'label' => 'Image', 'name' => 'image', 'prefix' => '', 'type' => 'image', 'instructions' => '', 'required' => 0, 'conditional_logic' => 0, 'column_width' => '', 'return_format' => 'array', 'preview_size' => 'medium', 'library' => 'all'), array('key' => 'field_' . $block . '_1', 'label' => 'Image Placement', 'name' => 'image_placement', 'prefix' => '', 'type' => 'radio', 'instructions' => '', 'required' => 0, 'conditional_logic' => 0, 'column_width' => '', 'choices' => array('left' => 'Left', 'right' => 'Right'), 'other_choice' => 0, 'save_other_choice' => 0, 'default_value' => '', 'layout' => 'horizontal'), array('key' => 'field_' . $block . '_2', 'label' => 'Image Size', 'name' => 'image_size', 'prefix' => '', 'type' => 'radio', 'instructions' => '', 'required' => 0, 'conditional_logic' => 0, 'column_width' => '', 'choices' => GRAV_BLOCKS::column_width_options(), 'other_choice' => 0, 'save_other_choice' => 0, 'default_value' => '', 'layout' => 'horizontal'), GRAV_BLOCKS::get_link_fields('link', '', false), array('key' => 'field_' . $block . '_3', 'label' => 'Content', 'name' => 'content', 'prefix' => '', 'type' => 'wysiwyg', 'instructions' => '', 'required' => 0, 'conditional_logic' => 0, 'column_width' => '', 'default_value' => '', 'tabs' => 'all', 'toolbar' => 'full', 'media_upload' => 0));
$sub_fields = array_merge(GRAV_BLOCKS::get_additional_fields(), $block_fields);
return array('name' => $block, 'label' => 'Media with Content', 'display' => 'row', 'sub_fields' => $sub_fields, 'min' => '', 'max' => '', 'grav_blocks_settings' => array('icon' => 'gravicon-content-media', 'description' => '<div class="row">
<div class="columns medium-6">
<img src="' . plugins_url() . '/gravitate-blocks/grav-blocks/media-content/media-content.svg">
<img src="' . plugins_url() . '/gravitate-blocks/grav-blocks/media-content/media-content-alt.svg">
</div>
<div class="columns medium-6">
<p>When you want to have an image and then more of a description to that image, this is the block you want. The image has the ability to link to a page, URL, file or video. While the WYSIWYG allows for heading and paragraph text.</p>
<p><strong>Available Fields:</strong></p>
<ul>
<li>Background</li>
<li>Image</li>
<li>Image Placement <em>( left or right side )</em></li>
<li>Image Size <em>( small, medium, half width or large )</em></li>
<li>Link Type <em>( none, page, URL, file, video )</em></li>
</ul>
