cModal.ftl
1 <#-- Macro: cModal
2
3 Description: affiche une boite de dialogue.
4
5 Parameters:
6
7 @param - id - string - required - l'ID de la modal
8 @param - title - string - required - permet de définir le titre du header de la modal
9 @param - class - string - optional - permet d'ajouter une classe CSS à la modal
10 @param - size - string - optional - permet d'ajouter une classe CSS pour gérer la taille de la modal (pas de valeur pré-définie)
11 @param - static - boolean - optional - permet d'ajouter un attribut HTML 'data-backdrop' (par défaut: false)
12 @param - pos - string - optional - permet de gérer la position de la modal (par défaut et seule valeur existante: 'centered')
13 @param - role - string - optional - permet de définir le role de la modal avec un attribut HTML
14 @param - scrollable - boolean - optional - permet d'ajouter une classe CSS 'modal-dialog-scrollable' (par défaut: false)
15 @param - dismissible - boolean - optional - permet d'activer la fermeture de la modal avec l'affichage de la croix et le bouton de fermeture (par défaut: true)
16 @param - dismissLabel - string - optional - permet de définir le label du bouton de fermerture de la modal (par défaut: '#i18n{theme.labelClose}')
17 @param - levelTitle - number - optional - permet de définir le niveau de titre de la modale
18 @param - footer - string - optional - permet de définir le HTML du footer de la modal (pour y ajouter des boutons de submit par exemple)
19 @param - params - string - optional - permet d'ajouter des parametres HTML à la modal
20 -->
21 <#macro cModal title id size='lg' static=false pos='centered' role='' scrollable=false dismissible=true dismissLabel='#i18n{theme.labelClose}' footer='' titleLevel=1 class='' params='' deprecated...>
22 <@deprecatedWarning args=deprecated />
23 <div class="modal cmodal fade<#if class!=''> ${class}</#if>" id="${id}Modal"<#if static> data-backdrop="static"</#if> role="dialog" aria-labelledby="modal${id}Title" aria-hidden="true" <#if params!=''> ${params}</#if>>
24 <div class="modal-dialog <#if pos!=''>modal-dialog-${pos} </#if> <#if scrollable>modal-dialog-scrollable</#if><#if size!=''>modal-${size}</#if>"<#if role !=''> role="${role}"</#if>>
25 <div class="modal-content">
26 <div class="modal-header">
27 <@cTitle level=titleLevel class="modal-title h5 main-color" id="modal${id}Title">${title}</@cTitle>
28 <#if dismissible>
29 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="#i18n{theme.labelClose}">
30 </button>
31 </#if>
32 </div>
33 <div class="modal-body">
34 <#nested>
35 </div>
36 <div class="modal-footer">
37 <#if dismissible>
38 <@cBtn label='${dismissLabel}' class='tertiary m-1' params='data-bs-dismiss="modal"'/>
39 </#if>
40 ${footer!}
41 </div>
42 </div>
43 </div>
44 </div>
45 </#macro>