197 lines
7.5 KiB
PHP
197 lines
7.5 KiB
PHP
<?php
|
|
|
|
|
|
namespace App\PageBuilder\Addons\HeaderSlider;
|
|
|
|
|
|
use App\Helpers\LanguageHelper;
|
|
use App\Helpers\SanitizeInput;
|
|
use App\PageBuilder\Fields\IconPicker;
|
|
use App\PageBuilder\Fields\Image;
|
|
use App\PageBuilder\Fields\Repeater;
|
|
use App\PageBuilder\Fields\Slider;
|
|
use App\PageBuilder\Fields\Text;
|
|
use App\PageBuilder\Fields\Textarea;
|
|
use App\PageBuilder\Helpers\RepeaterField;
|
|
use App\PageBuilder\Helpers\Traits\RepeaterHelper;
|
|
use App\PageBuilder\PageBuilderBase;
|
|
|
|
class HeaderAreaStyleTwelve extends PageBuilderBase
|
|
{
|
|
use RepeaterHelper;
|
|
/**
|
|
* preview_image
|
|
* this method must have to implement by all widget to show a preview image at admin panel so that user know about the design which he want to use
|
|
* @since 1.0.0
|
|
* */
|
|
public function preview_image()
|
|
{
|
|
return 'header-area-style-12.png';
|
|
}
|
|
|
|
/**
|
|
* admin_render
|
|
* this method must have to implement by all widget to render admin panel widget content
|
|
* @since 1.0.0
|
|
* */
|
|
public function admin_render()
|
|
{
|
|
$output = $this->admin_form_before();
|
|
$output .= $this->admin_form_start();
|
|
$output .= $this->default_fields();
|
|
$widget_saved_values = $this->get_settings();
|
|
|
|
$output .= Repeater::get([
|
|
'multi_lang' => true,
|
|
'settings' => $widget_saved_values,
|
|
'id' => 'header_twelve',
|
|
'fields' => [
|
|
[
|
|
'type' => RepeaterField::TEXT,
|
|
'name' => 'subtitle',
|
|
'label' => __('Subtitle')
|
|
],
|
|
[
|
|
'type' => RepeaterField::TEXT,
|
|
'name' => 'title',
|
|
'label' => __('Title')
|
|
],
|
|
[
|
|
'type' => RepeaterField::TEXTAREA,
|
|
'name' => 'description',
|
|
'label' => __('Description')
|
|
],
|
|
[
|
|
'type' => RepeaterField::TEXT,
|
|
'name' => 'button_one_text',
|
|
'label' => __('Button One Text')
|
|
],
|
|
[
|
|
'type' => RepeaterField::TEXT,
|
|
'name' => 'button_one_url',
|
|
'label' => __('Button One Url')
|
|
],
|
|
[
|
|
'type' => RepeaterField::TEXT,
|
|
'name' => 'button_two_text',
|
|
'label' => __('Button Two Text')
|
|
],
|
|
[
|
|
'type' => RepeaterField::TEXT,
|
|
'name' => 'button_two_url',
|
|
'label' => __('Button Two Url')
|
|
],
|
|
[
|
|
'type' => RepeaterField::IMAGE,
|
|
'name' => 'background_image',
|
|
'label' => __('Background Image'),
|
|
'dimensions' => '1920x1080px'
|
|
],
|
|
]
|
|
]);
|
|
$output .= Slider::get([
|
|
'name' => 'padding_top',
|
|
'label' => __('Padding Top'),
|
|
'value' => $widget_saved_values['padding_top'] ?? 225,
|
|
'max' => 500,
|
|
]);
|
|
$output .= Slider::get([
|
|
'name' => 'padding_bottom',
|
|
'label' => __('Padding Bottom'),
|
|
'value' => $widget_saved_values['padding_bottom'] ?? 320,
|
|
'max' => 500,
|
|
]);
|
|
$output .= $this->admin_form_submit_button();
|
|
$output .= $this->admin_form_end();
|
|
$output .= $this->admin_form_after();
|
|
|
|
return $output;
|
|
}
|
|
|
|
/**
|
|
* frontend_render
|
|
* this method must have to implement by all widget to render frontend widget content
|
|
* @since 1.0.0
|
|
* */
|
|
public function frontend_render(): string
|
|
{
|
|
$output = '<div class="header-slider-wrapper global-carousel-init grocery-home" data-loop="true" data-desktopitem="1" data-mobileitem="1" data-tabletitem="1" data-dots="false" data-nav="true" data-autoplay="true" data-stagepadding="0" data-margin="0">';
|
|
$all_settings = $this->get_settings();
|
|
|
|
$this->args['settings'] = RepeaterField::remove_default_fields($all_settings);
|
|
foreach ($this->args['settings'] as $key => $setting){
|
|
if (is_array($setting)){
|
|
$this->args['repeater'] = $setting;
|
|
$array_lang_item = $setting[array_key_last($setting)];
|
|
if (!empty($array_lang_item) && is_array($array_lang_item) && count($array_lang_item) > 0) {
|
|
foreach ($array_lang_item as $index => $value) {
|
|
|
|
$output .= $this->render_slider_markup($index); // for multiple array index
|
|
}
|
|
} else {
|
|
$output .= $this->render_slider_markup(); // for only one index of array
|
|
}
|
|
}
|
|
}
|
|
$output .= '</div>';
|
|
return $output;
|
|
}
|
|
|
|
/**
|
|
* widget_title
|
|
* this method must have to implement by all widget to register widget title
|
|
* @since 1.0.0
|
|
* */
|
|
public function addon_title()
|
|
{
|
|
return __('Header Slider: 03');
|
|
}
|
|
|
|
private function render_slider_markup(int $index = null): string
|
|
{
|
|
$subtitle = $this->get_repeater_field_value('subtitle', $index, LanguageHelper::user_lang_slug());
|
|
$title = $this->get_repeater_field_value('title', $index, LanguageHelper::user_lang_slug());
|
|
$description = $this->get_repeater_field_value('description', $index, LanguageHelper::user_lang_slug());
|
|
$button_one_text = $this->get_repeater_field_value('button_one_text', $index, LanguageHelper::user_lang_slug());
|
|
$button_one_url = $this->get_repeater_field_value('button_one_url', $index, LanguageHelper::user_lang_slug());
|
|
|
|
$button_two_text = $this->get_repeater_field_value('button_two_text', $index, LanguageHelper::user_lang_slug());
|
|
$button_two_url = $this->get_repeater_field_value('button_two_url', $index, LanguageHelper::user_lang_slug());
|
|
|
|
$background_image = render_background_image_markup_by_attachment_id($this->get_repeater_field_value('background_image', $index, LanguageHelper::user_lang_slug()));
|
|
$button_markup = '';
|
|
if (!empty($button_one_text) && !empty($button_one_url)){
|
|
$button_markup .= ' <a href="'.$button_one_url.'" class="boxed-btn laywer">'.$button_one_text.'</a> ';
|
|
}
|
|
if (!empty($button_two_text) && !empty($button_two_url)){
|
|
$button_markup .= ' <a href="'.$button_two_url.'" class="boxed-btn laywer blank">'.$button_two_text.'</a> ';
|
|
}
|
|
$settings = $this->get_settings();
|
|
$padding_top = SanitizeInput::esc_html($settings['padding_top']);
|
|
$padding_bottom = SanitizeInput::esc_html($settings['padding_bottom']);
|
|
|
|
return <<<HTML
|
|
<div class="header-area lawyer-home" data-padding-top="{$padding_top}" data-padding-bottom="{$padding_bottom}"
|
|
{$background_image}
|
|
>
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<div class="header-inner">
|
|
<span class="subtitle">{$subtitle}</span>
|
|
<h1 class="title">{$title}</h1>
|
|
<p class="description">{$description}</p>
|
|
<div class="btn-wrapper margint-top-30">
|
|
{$button_markup}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
HTML;
|
|
|
|
}
|
|
|
|
|
|
} |