Files
drmaterac.pl/modules/appagebuilder/views/templates/hook/ApAccordions.tpl
2025-01-06 20:47:25 +01:00

68 lines
3.0 KiB
Smarty

{*
* @Module Name: AP Page Builder
* @Website: apollotheme.com - prestashop template provider
* @author Apollotheme <apollotheme@gmail.com>
* @copyright Apollotheme
* @description: ApPageBuilder is module help you can build content for your shop
*}
<!-- @file modules\appagebuilder\views\templates\hook\ApAccordions -->
{if isset($isWrapper)}
{($apLiveEdit)?$apLiveEdit:'' nofilter}{* HTML form , no escape necessary *}
<input type="hidden" class="runCodeJs ap-accordion"
data-active_type="{$formAtts.active_type}"
data-id="{$formAtts.id|escape:'html':'UTF-8'}"
data-active_accordion="{$formAtts.active_accordion|escape:'html':'UTF-8'}"
/>
<div{if isset($formAtts.id)} id="{$formAtts.id|escape:'html':'UTF-8'}"{/if} class="ap-accordion panel-group {(isset($formAtts.class)) ? $formAtts.class : ''|escape:'html':'UTF-8'}">
{if isset($formAtts.title) && $formAtts.title}
<h4 class="title_block">{$formAtts.title|rtrim|escape:'html':'UTF-8'}</h4>
{/if}
{if isset($formAtts.sub_title) && $formAtts.sub_title}
<div class="sub-title-widget">{$formAtts.sub_title nofilter}</div>
{/if}
{$apContent nofilter}{* HTML form , no escape necessary *}
</div>
{($apLiveEditEnd)?$apLiveEditEnd:'' nofilter}{* HTML form , no escape necessary *}
<script type="text/javascript">
ap_list_functions.push(function(){
{if $formAtts.active_type=='set'}
// ACTION SET ACTIVE
$('#{$formAtts.id|escape:'html':'UTF-8'} .panel-default:nth-child({$formAtts.active_accordion|escape:'html':'UTF-8'}) .panel-heading .panel-title a').trigger('click');
{/if}
{if $formAtts.active_type=='showall'}
// ACTION SHOWALL
$('#{$formAtts.id|escape:'html':'UTF-8'} .panel-heading .panel-title > a').on('click', function(e) {
e.stopPropagation();
e.preventDefault();
// show, hidden content
var div_id = $(this).attr('href');
$(div_id ).collapse("toggle");
});
$('#{$formAtts.id|escape:'html':'UTF-8'} .panel-heading .panel-title > a').trigger('click');
{/if}
});
</script>
{else}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#{$formAtts.parent_id|escape:'html':'UTF-8'}" aria-controls="{$formAtts.id|escape:'html':'UTF-8'}" aria-expanded="false" class="collapsed"
href="#{$formAtts.id|escape:'html':'UTF-8'}">{$formAtts.title|escape:'html':'UTF-8'}</a>
</h4>
{if isset($formAtts.sub_title) && $formAtts.sub_title}
<div class="sub-title-widget">{$formAtts.sub_title nofilter}</div>
{/if}
</div>
<div id="{$formAtts.id|escape:'html':'UTF-8'}" class="panel-collapse collapse" role="tabpanel">
<div class="panel-body">
{$apContent nofilter}{* HTML form , no escape necessary *}
</div>
</div>
</div>
{/if}