function extra_column_fields($instance)
{
extract($instance);
?>
<div class="description half">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('center_blocks'));
?>
">
Center Blocks
</label>
<span class="description_text">
Center the Blocks inside it, mainly used to wrap and center the pricing tables
</span>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_checkbox('center_blocks', 'aq_block_' . $number, isset($center_blocks) ? $center_blocks : 0);
?>
</span>
</div>
<div class="description half last clearLineColor">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('background_color'));
?>
">
Background Color
</label>
<span class="description_text">
Choose background color section <b>Note: This color makes the background applied to the whole row and doesn't depend on the size of the block</b>
</span>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_color_picker('background_color', 'aq_block_' . $number, $background_color);
?>
</span>
</div>
<div class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('background_image'));
?>
">
Background Image
</label>
</span>
<span class="rightHalf">
<?php
$image_id = isset($image_uploadid) ? $image_uploadid : '';
$image_value = isset($image_upload) ? $image_upload : '';
echo circleflip_field_upload_new('image_upload', 'aq_block_' . $number, $image_value, $image_id);
?>
</span>
</div>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('background_video'));
?>
">
Background Video
</label>
<span class="description_text">
Enter Video link
</span>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('background_video', 'aq_block_' . $number, $background_video, $size = 'full');
?>
</span>
</p>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('opacityBG'));
?>
">
Background opacity
</label>
<span class="description_text">
Enter opacity for background color/image/video as a number between (0 and 1), <br />
Example: 0.8, default value is 1
</span>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('opacityBG', 'aq_block_' . $number, $opacityBG, $size = 'full');
?>
</span>
</p>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('padding_col'));
?>
">
Padding Size
</label>
</span>
<span class="rightHalf">
<span class="rightHalf select">
<?php
echo circleflip_field_select('padding_col', 'aq_block_' . $number, array('None', 'small', 'medium', 'large'), isset($padding_col) ? $padding_col : 'None');
?>
</span>
</span>
</p>
<p class="description AnnouncementCheckIcon">
<span class="leftHalf ">
<label for="<?php
echo esc_attr($this->get_field_id('checkParallax'));
?>
">
Enable Parallax
</label>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_checkbox('checkParallax', 'aq_block_' . $number, isset($checkParallax) ? $checkParallax : 0);
?>
</span>
</p>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('highlight'));
?>
">
Map
</label>
<span class="description_text">
use the first map block inside the column as a background
</span>
</span>
<span class="rightHalf">
<span class="rightHalf">
<?php
echo circleflip_field_checkbox('map_background', 'aq_block_' . $number, isset($map_background) ? $map_background : false);
?>
</span>
</span>
</p>
<?php
}
function form($instance)
{
$defaults = array('text' => '', 'shortcut' => '', 'dribble' => '', 'twitter' => '', 'youtube' => '', 'ln' => '', 'fb' => '', 'author' => '', 'entrance_animation' => '', 'email' => '', 'bg_member_image' => '');
$instance = wp_parse_args($instance, $defaults);
extract($instance);
?>
<p class="description half">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('entrance_animation'));
?>
">
On-Scroll Animation
</label>
</span>
<span class="rightHalf">
<span class="rightHalf select">
<?php
$animation_options = array('default' => 'Default', 'noanimation' => 'no animation', 'cr_left' => 'Fade To Left', 'cr_right' => 'Fade To Right', 'cr_top' => 'Fade To Up', 'cr_bottom' => 'Fade To Down', 'cr_popup' => 'Popout', 'cr_fade' => 'Fade in');
echo circleflip_field_select('entrance_animation', $block_id, $animation_options, $entrance_animation);
?>
</span>
<span class="entrance_animation_sim"></span>
</span>
</p>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('member_image'));
?>
">
Member Photo
</label>
</span>
<span class="rightHalf">
<?php
$image_id = isset($member_imageid) ? $member_imageid : '';
$image_value = isset($member_image) ? $member_image : '';
echo circleflip_field_upload_new('member_image', $block_id, $image_value, $image_id);
?>
</span>
</p>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('bg_member_image'));
?>
">
Background image Photo
</label>
</span>
<span class="rightHalf">
<?php
$bg_image_id = isset($bg_member_imageid) ? $bg_member_imageid : '';
$bg_image_value = isset($bg_member_image) ? $bg_member_image : '';
echo circleflip_field_upload_new('bg_member_image', $block_id, $bg_image_value, $bg_image_id);
?>
</span>
</p>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('author'));
?>
">
Member Name
</label>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('author', $block_id, $author, $size = 'full');
?>
</span>
</p>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('shortcut'));
?>
">
Job Title
</label>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('shortcut', $block_id, $shortcut, $size = 'full');
?>
</span>
</p>
<div class="description">
<div class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('text'));
?>
">
Biography
</label>
</div>
<div class="rightHalf">
<?php
//echo aq_field_textarea('text', $block_id, $text, $size = 'full')
?>
<?php
echo wp_editor($text, $block_id, array('textarea_name' => 'aq_blocks[' . $block_id . '][text]', 'quicktags' => false));
?>
</div>
</div>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('email'));
?>
">
Email
</label>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('email', $block_id, $email, $size = 'full');
?>
</span>
</p>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('fb'));
?>
">
Facebook Link
</label>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('fb', $block_id, $fb, $size = 'full');
?>
</span>
</p>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('twitter'));
?>
">
Twitter Link
</label>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('twitter', $block_id, $twitter, $size = 'full');
?>
</span>
</p>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('ln'));
?>
">
LinkedIn Link
</label>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('ln', $block_id, $ln, $size = 'full');
?>
</span>
</p>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('shape'));
?>
">
Layout
</label>
</span>
<span class="rightHalf">
<span class="rightHalf select">
<?php
echo circleflip_field_select('shape', $block_id, array('Layout 1', 'Layout 2'), isset($shape) ? $shape : 'Layout 1', array('data-fd-handle="team_style"'));
?>
</span>
</span>
</p>
<p class="" data-fd-rules='["team_style:equal:0"]'>
<img style="display: block;margin:0 auto;max-height: 250px;" src="<?php
echo esc_url(get_template_directory_uri() . '/creiden-framework/content-builder/assets/images/team_layout1.jpg');
?>
" alt=""/>
</p>
<p class="" data-fd-rules='["team_style:equal:1"]'>
<img style="display: block;margin:0 auto;max-width: 100%;" src="<?php
echo esc_url(get_template_directory_uri() . '/creiden-framework/content-builder/assets/images/team_layout2.jpg');
?>
" alt=""/>
</p>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('animation_number'));
?>
">
Hover Animation
</label>
</span>
<span class="rightHalf">
<span class="rightHalf select">
<?php
echo circleflip_field_select('animation_number', $block_id, array('animation 1', 'animation 2', 'animation 3', 'animation 4'), isset($animation_number) ? $animation_number : 'animation 1');
?>
</span>
</span>
</p>
<?php
}
function form($instance)
{
$defaults = array('horizontal_line' => 'none', 'line_color' => '#353535', 'pattern' => '1', 'height' => '20', 'height_line' => '2', 'Number of lines' => '1', 'divider_image' => '');
$line_options = array('none' => 'None', 'line' => 'line', 'dotted' => 'Dotted', 'image' => 'Use Image');
$instance = wp_parse_args($instance, $defaults);
extract($instance);
$line_color = isset($line_color) ? $line_color : '#353535';
$number_lines = isset($number_lines) ? $number_lines : '1';
$height_line = isset($height_line) ? $height_line : '2';
?>
<p class="description note">
<?php
_e('Use this block to clear the floats between two or more separate blocks vertically.', 'circleflip-builder');
?>
</p>
<p class="description fourth ClearType">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('line_color'));
?>
">
<!--Pick a horizontal line-->
<?php
_e('Divider style', 'circleflip-builder');
?>
</label>
</span>
<span class="rightHalf">
<span class="rightHalf select">
<?php
echo circleflip_field_select('horizontal_line', $block_id, $line_options, $horizontal_line, array('data-fd-handle="line_type"'));
?>
</span>
</span>
</p>
<p class="description fourth ClearNumberOfLine" data-fd-rules='["line_type:regex:line|dotted"]'>
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('number_lines'));
?>
">
<?php
_e('How many Lines ?', 'circleflip-builder');
?>
</label>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('number_lines', $block_id, $number_lines, 'min', 'number');
?>
Line(s)
</span>
</p>
<div class="description fourth ClearHeight">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('height'));
?>
">
<?php
_e('Height', 'circleflip-builder');
?>
</label>
<span class="description_text">
<?php
_e('How much spacing around the divider, the value is split between up & bottom', 'circleflip-builder');
?>
</span>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('height', $block_id, $height, 'min', 'number');
?>
px
</span>
</div>
<div class="description fourth ClearHeightLine" data-fd-rules='["line_type:regex:line|dotted"]'>
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('height_line'));
?>
">
<?php
_e('Divider Thickness', 'circleflip-builder');
?>
</label>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('height_line', $block_id, $height_line, 'min', 'number');
?>
px
</span>
</div>
<div class="description half last clearLineColor" data-fd-rules='["line_type:regex:line|dotted"]'>
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('line_color'));
?>
">
Pick a line color
</label>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_color_picker('line_color', $block_id, $line_color, $defaults['line_color']);
?>
</span>
</div>
<div class="description half last clearLineImage" data-fd-rules='["line_type:equal:image"]'>
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('divider_image'));
?>
">
Choose your image
</label>
</span>
<span class="rightHalf">
<?php
$image_id = isset($divider_imageid) ? $divider_imageid : '';
$image_value = isset($divider_image) ? $divider_image : '';
echo circleflip_field_upload_new('divider_image', $block_id, $image_value, $image_id);
?>
</span>
</div>
<?php
}
function form($instance)
{
$defaults = array('link' => '#', 'sponsors_image' => '', 'entrance_animation' => '', 'Adsense_code' => '', 'ad_type' => 'image');
$instance = wp_parse_args($instance, $defaults);
extract($instance);
?>
<p class="description" data-show="all">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('ad_type'));
?>
">
<?php
_e('Ad Type', 'circleflip-builder');
?>
</label>
</span>
<span class="rightHalf">
<span class="rightHalf select blockSelector">
<?php
echo circleflip_field_select('ad_type', $block_id, array('image' => 'Image', 'adsense' => 'Google Adsense'), $ad_type, array('data-fd-handle="ad_type"'));
?>
</span>
</span>
</p>
<p class="description" data-fd-rules='["ad_type:!equal:adsense"]'>
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('link'));
?>
">
Link
</label>
<span class="description_text">
Enter the URL target of the ad
</span>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('link', $block_id, $link, $size = 'full');
?>
</span>
</p>
<p class="description" data-fd-rules='["ad_type:!equal:adsense"]'>
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('sponsors_image'));
?>
">
Image
</label>
</span>
<span class="rightHalf">
<?php
$image_id = isset($sponsors_imageid) ? $sponsors_imageid : '';
$image_value = isset($sponsors_image) ? $sponsors_image : '';
echo circleflip_field_upload_new('sponsors_image', $block_id, $image_value, $image_id);
?>
</span>
</p>
<p class="description" data-fd-rules='["ad_type:equal:adsense"]'>
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('Adsense_code'));
?>
">
Adsense Code
</label>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_textarea('Adsense_code', $block_id, $Adsense_code);
?>
</span>
</p>
<p class="description half">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('entrance_animation'));
?>
">
On-Scroll Animation
</label>
</span>
<span class="rightHalf">
<span class="rightHalf select">
<?php
$animation_options = array('default' => 'Default', 'noanimation' => 'no animation', 'cr_left' => 'Fade To Left', 'cr_right' => 'Fade To Right', 'cr_top' => 'Fade To Up', 'cr_bottom' => 'Fade To Down', 'cr_popup' => 'Popout', 'cr_fade' => 'Fade in');
echo circleflip_field_select('entrance_animation', $block_id, $animation_options, $entrance_animation);
?>
</span>
<span class="entrance_animation_sim"></span>
</span>
</p>
<?php
}
function form($instance)
{
$defaults = array('text' => '', 'image_hover_style' => '', 'pretty' => '', 'link_target' => '', 'entrance_animation' => '', 'image_shape' => 'square');
$instance = wp_parse_args($instance, $defaults);
extract($instance);
?>
<p class="description half">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('image_shape'));
?>
">
<?php
_e('Image Shape', 'circleflip-builder');
?>
</label>
<span class="description_text">
Choose shape of image
</span>
</span>
<span class="rightHalf">
<span class="rightHalf select">
<?php
$shape_options = array('square' => 'Square', 'circle' => 'Circle');
echo circleflip_field_select('image_shape', $block_id, $shape_options, $image_shape, array('data-fd-handle="image_shape"'));
?>
</span>
</span>
</p>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('image_upload'));
?>
">
Image
</label>
</span>
<span class="rightHalf">
<?php
$image_id = isset($image_uploadid) ? $image_uploadid : '';
$image_value = isset($image_upload) ? $image_upload : '';
echo circleflip_field_upload_new('image_upload', $block_id, $image_value, $image_id);
?>
</span>
</p>
<p class="description" data-fd-rules='["hover:equal:default", "image_shape:equal:square"]'>
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('image_hover_upload'));
?>
">
Image Hover
</label>
</span>
<span class="rightHalf">
<?php
$image_hover_id = isset($image_hover_uploadid) ? $image_hover_uploadid : '';
$image_hover_value = isset($image_hover_upload) ? $image_hover_upload : '';
echo circleflip_field_upload_new('image_hover_upload', $block_id, $image_hover_value, $image_hover_id);
?>
</span>
</p>
<p class="description half" data-fd-rules='["image_shape:equal:square"]'>
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('image_hover_animation'));
?>
">
<?php
_e('Hover', 'circleflip-builder');
?>
</label>
<span class="description_text">
Choose hover effect for image
</span>
</span>
<span class="rightHalf">
<span class="rightHalf select">
<?php
$animation_options = array('default' => 'No Hover', 'hover1' => 'Hover style 1', 'hover2' => 'Hover style 2');
echo circleflip_field_select('image_hover_style', $block_id, $animation_options, $image_hover_style, array('data-fd-handle="hover"'));
?>
</span>
</span>
</p>
<!-- only visible when post_shape is circle -->
<p class="description circlePostsShow" data-fd-rules='["image_shape:equal:circle"]'>
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('animation_number'));
?>
">
<?php
_e('Hover style', 'circleflip-builder');
?>
</label>
</span>
<span class="rightHalf">
<span class="rightHalf select">
<?php
echo circleflip_field_select('animation_number', $block_id, array('animation 1', 'animation 2', 'animation 3', 'animation 4'), isset($animation_number) ? $animation_number : 'animation 1');
?>
</span>
</span>
</p>
<p class="description" data-fd-rules='["hover:regex:hover(\\d)"]'>
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('pretty'));
?>
">
Prettyphoto
</label>
<span class="description_text">
Check to open image in prettyphoto
</span>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_checkbox('pretty', $block_id, $pretty);
?>
</span>
</p>
<p class="description" data-fd-rules='["image_shape:equal:square"]'>
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('link_target'));
?>
">
Link
</label>
<span class="description_text">
Add target link or leave it blank.
</span>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('link_target', $block_id, $link_target, $size = 'full');
?>
</span>
</p>
<p class="description" data-fd-rules='["image_shape:equal:circle"]'>
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('link_target_circle'));
?>
">
Link
</label>
<span class="description_text">
Add target link or leave it blank.
</span>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('link_target_circle', $block_id, $link_target_circle, $size = 'full');
?>
</span>
</p>
<p class="description" data-fd-rules='["image_shape:equal:circle"]'>
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('title_circle'));
?>
">
Title
</label>
<span class="description_text">
Write title to appear on hover
</span>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('title_circle', $block_id, $title_circle, $size = 'full');
?>
</span>
</p>
<p class="description">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('imageMarginBottom'));
?>
">
Image Margin Bottom
</label>
<span class="description_text">
</span>
</span>
<span class="rightHalf">
<?php
echo circleflip_field_input('imageMarginBottom', $block_id, isset($imageMarginBottom) ? $imageMarginBottom : '20', 'min', 'number');
?>
px
</span>
</p>
<p class="description half">
<span class="leftHalf">
<label for="<?php
echo esc_attr($this->get_field_id('entrance_animation'));
?>
">
<?php
_e('Animation', 'circleflip-builder');
?>
</label>
</span>
<span class="rightHalf">
<span class="rightHalf select">
<?php
$animation_options = array('default' => 'Default', 'noanimation' => 'no animation', 'cr_left' => 'Fade To Left', 'cr_right' => 'Fade To Right', 'cr_top' => 'Fade To Up', 'cr_bottom' => 'Fade To Down', 'cr_popup' => 'Popout', 'cr_fade' => 'Fade in');
echo circleflip_field_select('entrance_animation', $block_id, $animation_options, $entrance_animation);
?>
</span>
<span class="entrance_animation_sim"></span>
</span>
</p>
<?php
}
