228 lines
7.1 KiB
PHP
228 lines
7.1 KiB
PHP
<?php
|
|
|
|
|
|
namespace App\PageBuilder\Addons\Iconbox;
|
|
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 IconBoxSliderOne extends PageBuilderBase
|
|
{
|
|
use RepeaterHelper;
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
protected $a = 1;
|
|
public function preview_image()
|
|
{
|
|
return 'course/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_box_slider_one',
|
|
'fields' => [
|
|
[
|
|
'type' => RepeaterField::TEXT,
|
|
'name' => 'subtitle',
|
|
'label' => __('Subtitle')
|
|
],
|
|
[
|
|
'type' => RepeaterField::TEXT,
|
|
'name' => 'title',
|
|
'label' => __('Title')
|
|
],
|
|
[
|
|
'type' => RepeaterField::TEXT,
|
|
'name' => 'url',
|
|
'label' => __('Url'),
|
|
],
|
|
[
|
|
'type' => RepeaterField::ICON_PICKER,
|
|
'name' => 'icon',
|
|
'label' => __('Icon')
|
|
]
|
|
]
|
|
]);
|
|
|
|
$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 __('Icon 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());
|
|
$icon = $this->get_repeater_field_value('icon', $index, LanguageHelper::user_lang_slug());
|
|
$title = $this->get_repeater_field_value('title', $index, LanguageHelper::user_lang_slug());
|
|
$subtitle = $this->get_repeater_field_value('subtitle', $index, LanguageHelper::user_lang_slug());
|
|
|
|
$a = $this->a;
|
|
$a >= 6 ? $this->a = 1 : $this->a++;
|
|
$icon_bg = asset('assets/frontend/img/icon/course-'.$a.'.svg');
|
|
|
|
return <<<HTML
|
|
<div class="single-course-category-item">
|
|
<a href="{$url}">
|
|
<div class="icon bg-{$a}"
|
|
style="background-image: url({$icon_bg})"
|
|
>
|
|
<i class="{$icon}"></i>
|
|
</div>
|
|
</a>
|
|
<div class="content">
|
|
<a href="{$url}">
|
|
<h4 class="title">{$title}</h4>
|
|
</a>
|
|
<span class="count">{$subtitle}</span>
|
|
</div>
|
|
</div>
|
|
HTML;
|
|
|
|
}
|
|
} |