cTab.ftl
1 <#-- Macro: cTab
2
3 Description: permet de gérer les onglets individuellement.
4
5 Parameters:
6
7 @param - id - string - optional - l'ID de l'onglet
8 @param - class - string - optional - ajoute une classe CSS à l'onglet
9 @param - url - string - required - utilisé pour définir l'id de l'onglet, et permet de définir le lien de l'onglet dans le cas où le parametre 'navigation' est true
10 @param - navigation - boolean - optional - permet d'intégrer l'onglet dans une balise HTML 'li'
11 @param - active - boolean - optional - permet de définir si l'onglet est actif au chargement de la page (par défaut: false)
12 @param - disabled - boolean - optional - permet de définir si l'onglet est désactivé (par défaut: false)
13 @param - params - string - optional - permet d'ajouter des parametres HTML à l'onglet
14 -->
15 <#macro cTab url id='' active=false navigation=false disabled=false class='' params='' deprecated...>
16 <@deprecatedWarning args=deprecated />
17 <#if navigation>
18 <li class="nav-item" role="presentation">
19 <a id="<#if id=''>tab_${url!?remove_beginning("#")}<#else>${id}</#if>" aria-controls="<#if id=''>${url!?remove_beginning("#")}<#else>${id}</#if>" class="nav-link<#if active> active</#if><#if disabled> disabled</#if><#if class!=''> ${class!}</#if>"<#if disabled> disabled tabindex="-1" aria-disabled="true"</#if><#if !active && !disabled> tabindex="-1"</#if> data-bs-toggle="tab" role="tab"<#if active> aria-selected="true"<#else> aria-selected="false"</#if> href="${url!}">
20 <#nested>
21 </a>
22 </li>
23 <#else>
24 <button type="button" id="<#if id=''>tab_${url!?remove_beginning("#")}<#else>${id}</#if>" aria-controls="<#if id=''>${url!?remove_beginning("#")}<#else>${id}</#if>" data-bs-toggle="tab" role="tab" data-bs-target="#<#if id=''>${url!?remove_beginning("#")}<#else>${id}</#if>" class="nav-link<#if active> active</#if><#if disabled> disabled</#if><#if class!=''> ${class!}</#if>" <#if disabled> disabled tabindex="-1" aria-disabled="true"</#if><#if !active && !disabled> tabindex="-1"</#if><#if active> aria-selected="true"<#else> aria-selected="false"</#if>>
25 <#nested>
26 </button>
27 </#if>
28 </#macro>