cms-token/@core/app/PageBuilder/Addons/ImgBox/ImageBoxSliderOne.php

217 lines
6.7 KiB
PHP

<?php
namespace App\PageBuilder\Addons\ImgBox;
use App\Helpers\LanguageHelper;
use App\Helpers\SanitizeInput;
use App\PageBuilder\Fields\IconPicker;
use App\PageBuilder\Fields\Image;
use App\PageBuilder\Fields\Number;
use App\PageBuilder\Fields\Repeater;
use App\PageBuilder\Fields\Select;
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;
use App\ProductCategory;
class ImageBoxSliderOne extends PageBuilderBase
{
use RepeaterHelper;
/**
* @inheritDoc
*/
public function preview_image()
{
return 'product/category-01.png';
}
/**
* @inheritDoc
*/
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 .= $this->admin_language_tab(); //have to start language tab from here on
$output .= $this->admin_language_tab_start();
$all_languages = LanguageHelper::all_languages();
foreach ($all_languages as $key => $lang) {
$output .= $this->admin_language_tab_content_start([
'class' => $key == 0 ? 'tab-pane fade show active' : 'tab-pane fade',
'id' => "nav-home-" . $lang->slug
]);
$output .= Text::get([
'name' => 'section_title_'.$lang->slug,
'label' => __('Section Title'),
'value' => $widget_saved_values['section_title_' . $lang->slug] ?? null,
]);
$output .= $this->admin_language_tab_content_end();
}
$output .= $this->admin_language_tab_end(); //have to end language tab
$output .= Repeater::get([
'multi_lang' => true,
'settings' => $widget_saved_values,
'id' => 'icon_style_four',
'fields' => [
[
'type' => RepeaterField::TEXT,
'name' => 'title',
'label' => __('Title')
],
[
'type' => RepeaterField::TEXT,
'name' => 'url',
'label' => __('Url'),
],
[
'type' => RepeaterField::IMAGE,
'name' => 'image',
'label' => __('Image')
]
]
]);
$output .= Number::get([
'name' => 'slider_item',
'label' => __('Slider Items'),
'value' => $widget_saved_values['slider_item'] ?? 5,
]);
$output .= Slider::get([
'name' => 'padding_top',
'label' => __('Padding Top'),
'value' => $widget_saved_values['padding_top'] ?? 110,
'max' => 200,
]);
$output .= Slider::get([
'name' => 'padding_bottom',
'label' => __('Padding Bottom'),
'value' => $widget_saved_values['padding_bottom'] ?? 110,
'max' => 200,
]);
// add padding option
$output .= $this->admin_form_submit_button();
$output .= $this->admin_form_end();
$output .= $this->admin_form_after();
return $output;
}
/**
* @inheritDoc
*/
public function frontend_render()
{
$settings = $this->get_settings();
$current_lang = LanguageHelper::user_lang_slug();
$section_title = SanitizeInput::esc_html($settings['section_title_'.$current_lang]);
$slider_item = SanitizeInput::esc_html($settings['slider_item']);
$padding_top = SanitizeInput::esc_html($settings['padding_top']);
$padding_bottom = SanitizeInput::esc_html($settings['padding_bottom']);
$category_markup = '';
$this->args['settings'] = RepeaterField::remove_default_fields($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) {
$category_markup .= $this->render_slider_markup($index); // for multiple array index
}
} else {
$category_markup .= $this->render_slider_markup(); // for only one index of array
}
}
}
$section_title_markup = '';
if (!empty($section_title)){
$section_title_markup .= <<<HTML
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="section-title desktop-center grocery-home margin-bottom-50">
<h2 class="title">{$section_title}</h2>
</div>
</div>
</div>
HTML;
}
return <<<HTML
<div class="imgbox-area-wrap" data-padding-top="{$padding_top}" data-padding-bottom="{$padding_bottom}">
<div class="container">
{$section_title_markup}
<div class="row">
<div class="col-lg-12">
<div class="global-carousel-init product-categories logistic-dots grocery-home"
data-loop="true"
data-desktopitem="{$slider_item}"
data-mobileitem="1"
data-tabletitem="2"
data-dots="true"
data-autoplay="true"
data-margin="30"
>
{$category_markup}
</div>
</div>
</div>
</div>
</div>
HTML;
}
/**
* @inheritDoc
*/
public function addon_title()
{
return __('Image Box Slider: 01');
}
private function render_slider_markup(int $index)
{
$settings = $this->get_settings();
$url = $this->get_repeater_field_value('url', $index, LanguageHelper::user_lang_slug());
$image = $this->get_repeater_field_value('image', $index, LanguageHelper::user_lang_slug());
$image_markup = render_image_markup_by_attachment_id($image);
$title = $this->get_repeater_field_value('title', $index, LanguageHelper::user_lang_slug());
$title_markup = '';
if (!empty($title)){
$title_markup = <<<HTML
<h3 class="title"><a href="{$url}">{$title}</a></h3>
HTML;
}
return <<<HTML
<div class="single-product-cat-item">
<div class="thumb">
<a href="{$url}">
{$image_markup}
</a>
</div>
{$title_markup}
</div>
HTML;
}
}