function processShortcodeLayout($attribute, $content, $tag)
{
$attribute = $this->processAttribute($tag, $attribute);
$Border = new PBBorder();
$Layout = new PBLayout();
$Background = new PBBackground();
$Validation = new PBValidation();
$style = array();
$option = array();
if (!$Layout->isLayout($attribute['layout'])) {
return;
}
if (!$Layout->isLayoutLine($attribute['layout_line'])) {
return;
}
if (!$Validation->isBool($attribute['bg_parallax_enable'])) {
return;
}
if (!$Validation->isBool($attribute['bg_parallax_mobile_enable'])) {
return;
}
if (!$Validation->isNumber($attribute['bg_parallax_speed'], 0, 100)) {
return;
}
if ($Validation->isColor($attribute['bg_color'])) {
$style['background-color'] = PBColor::getColor($attribute['bg_color']);
}
if ($Validation->isNotEmpty($attribute['bg_position'])) {
$style['background-position'] = $attribute['bg_position'];
}
if ($Validation->isNotEmpty($attribute['bg_repeat'])) {
$style['background-repeat'] = $attribute['bg_repeat'];
}
if ($Validation->isNotEmpty($attribute['bg_image'])) {
$style['background-image'] = 'url(\'' . $attribute['bg_image'] . '\')';
}
if ($Validation->isNotEmpty($attribute['bg_size_a'])) {
if (array_key_exists($attribute['bg_size_a'], $Background->backgroundSize)) {
if (in_array($attribute['bg_size_a'], array('length', 'percentage'))) {
if ($Validation->isNotEmpty($attribute['bg_size_b'])) {
$style['background-size'] = $attribute['bg_size_b'];
}
} else {
$style['background-size'] = $attribute['bg_size_a'];
}
}
}
if (!$Validation->isBool($attribute['video_loop'])) {
return;
}
if (!$Validation->isBool($attribute['video_muted'])) {
return;
}
if (!$Validation->isBool($attribute['video_autoplay'])) {
return;
}
if (!$Validation->isBool($attribute['video_control'])) {
return;
}
if ($Validation->isNotEmpty($attribute['padding_top'])) {
$style['padding-top'] = (int) $attribute['padding_top'] . 'px';
}
if ($Validation->isNotEmpty($attribute['padding_right'])) {
$style['padding-right'] = (int) $attribute['padding_right'] . 'px';
}
if ($Validation->isNotEmpty($attribute['padding_bottom'])) {
$style['padding-bottom'] = (int) $attribute['padding_bottom'] . 'px';
}
if ($Validation->isNotEmpty($attribute['padding_left'])) {
$style['padding-left'] = (int) $attribute['padding_left'] . 'px';
}
if (array_key_exists($attribute['border_top_style'], $Border->style)) {
$style['border-top-style'] = $attribute['border_top_style'];
}
if ($Validation->isNumber($attribute['border_top_width'], 0, 999)) {
$style['border-top-width'] = $attribute['border_top_width'] . 'px';
}
if ($Validation->isColor($attribute['border_top_color'])) {
$style['border-top-color'] = PBColor::getColor($attribute['border_top_color']);
}
if (array_key_exists($attribute['border_right_style'], $Border->style)) {
$style['border-right-style'] = $attribute['border_right_style'];
}
if ($Validation->isNumber($attribute['border_right_width'], 0, 999)) {
$style['border-right-width'] = $attribute['border_right_width'] . 'px';
}
if ($Validation->isColor($attribute['border_right_color'])) {
$style['border-right-color'] = PBColor::getColor($attribute['border_right_color']);
}
if (array_key_exists($attribute['border_bottom_style'], $Border->style)) {
$style['border-bottom-style'] = $attribute['border_bottom_style'];
}
if ($Validation->isNumber($attribute['border_bottom_width'], 0, 999)) {
$style['border-bottom-width'] = $attribute['border_bottom_width'] . 'px';
}
if ($Validation->isColor($attribute['border_bottom_color'])) {
$style['border-bottom-color'] = PBColor::getColor($attribute['border_bottom_color']);
}
if (array_key_exists($attribute['border_left_style'], $Border->style)) {
$style['border-left-style'] = $attribute['border_left_style'];
}
if ($Validation->isNumber($attribute['border_left_width'], 0, 999)) {
$style['border-left-width'] = $attribute['border_left_width'] . 'px';
}
if ($Validation->isColor($attribute['border_left_color'])) {
$style['border-left-color'] = PBColor::getColor($attribute['border_left_color']);
}
/***/
$MobileDetect = new Mobile_Detect();
$mobile = (int) $MobileDetect->isMobile();
/***/
$videoHTML = null;
$video = $Validation->isNotEmpty($attribute['video_format_webm']) || $Validation->isNotEmpty($attribute['video_format_ogg']) || $Validation->isNotEmpty($attribute['video_format_mp4']);
if ($video && $attribute['video_mobile_enable'] != 1) {
PBInclude::includeClass(PLUGIN_PAGE_BUILDER_LIBRARY_PATH . 'mobileDetect/Mobile_Detect.php', array('Mobile_Detect'));
if ($mobile) {
$video = false;
}
}
if ($video) {
$sourceHTML = null;
$videoControlHTML = null;
$videoAttributeHTML = null;
if ($Validation->isNotEmpty($attribute['video_format_mp4'])) {
$sourceHTML .= '<source type="video/mp4" src="' . esc_attr($attribute['video_format_mp4']) . '" />';
}
if ($Validation->isNotEmpty($attribute['video_format_webm'])) {
$sourceHTML .= '<source type="video/webm" src="' . esc_attr($attribute['video_format_webm']) . '" />';
}
if ($Validation->isNotEmpty($attribute['video_format_ogg'])) {
$sourceHTML .= '<source type="video/ogg" src="' . esc_attr($attribute['video_format_ogg']) . '" />';
}
if ($attribute['video_loop']) {
$videoAttributeHTML .= ' loop';
}
if ($attribute['video_muted']) {
$videoAttributeHTML .= ' muted';
}
if ($attribute['video_autoplay']) {
$videoAttributeHTML .= ' autoplay';
}
if ($attribute['video_control'] == 1) {
$videoControlHTML = '
<div class="pb-line-video-control">
<a href="#" class="pb-line-video-control-toggle-play pb-line-video-control-toggle-play-' . ($attribute['video_autoplay'] == 1 ? 'on' : 'off') . '"></a>
<a href="#" class="pb-line-video-control-toggle-sound pb-line-video-control-toggle-sound-' . ($attribute['video_muted'] == 1 ? 'off' : 'on') . '"></a>
</div>
';
}
$videoHTML = '
<div class="pb-line-video">
<video preload="auto"' . $videoAttributeHTML . '>
' . $sourceHTML . '
</video>
</div>
' . $videoControlHTML . '
';
}
/***/
$overlay = false;
$overlayHTML = null;
if ($Validation->isColor($attribute['overlay_color'])) {
$overlay = true;
$overlayHTML = '<div class="pb-line-overlay" style="background-color:' . PBColor::getColor($attribute['overlay_color']) . '"></div>';
}
/***/
$class = array(array('pb-line', 'pb-clear-fix', $attribute['css_class'], $video || $overlay ? 'pb-line-include-video' : null), array('pb-layout', $Layout->getLayoutCSSClass($attribute['layout']), 'pb-reset-list', 'pb-clear-fix'));
if (in_array($attribute['layout_line'], array('boxed'))) {
$class[0][] = 'pb-main';
}
if (in_array($attribute['layout_line'], array('boxed', 'wide', ''))) {
$class[1][] = 'pb-main';
}
$key = array('bg_parallax_speed', 'bg_parallax_enable', 'bg_parallax_mobile_enable');
foreach ($key as $index) {
$option[$index] = $attribute[$index];
}
$id = PBHelper::createId('pb_line');
$css = esc_attr($attribute['css_group']);
if ($Validation->isNotEmpty($css)) {
array_push($class[0], 'pb-line-css-group-' . $css);
}
PBComponentData::set('layout', 'index', 0);
PBComponentData::set('layout', 'layout', $attribute['layout']);
$html = '
<div id="' . $id . '" ' . PBHelper::createClassAttribute($class[0]) . PBHelper::createStyleAttribute($style) . '>
' . $videoHTML . '
' . $overlayHTML . '
<ul' . PBHelper::createClassAttribute($class[1]) . '>' . PLUGIN_PAGE_BUILDER_SHORTCODE_CONTENT . '</ul>
</div>
<div class="pb-script-tag">
<script type="text/javascript">
jQuery(document).ready(function($)
{
$("#' . $id . '").PBLayout(' . json_encode($option) . ',' . $mobile . ');
});
</script>
</div>
';
return PBHelper::formatHTML($html, PBHelper::formatContent($content, true, false, false));
}
