<%# # paramètres header translate * translate (object, optional) : Paramètres du sélecteur de langue ** translate.id (string) : id de l'élément ** translate.markup (string, optional) : Balise du sélecteur de langue ** translate.button (object, optional) : Paramètres du bouton du sélecteur de langue (ex: {kind:3} pour un btn tertiary) ** translate.collapseId (string, required) : Id du menu à contrôler ** translate.languages (array, required) : Tableau d'objets langues *** translate.languages[].name (string, required) : Nom de la langue dans son alphabet *** translate.languages[].locale (string, required) : Code de la langue en 2 caractères *** translate.languages[].active (boolean, required) : La langue qui apparaît dans le bouton et en style active dans la liste (1 seule langue active) %> <% eval(include('../../../../core/index.ejs')); %> <% const translate = locals.translate || {}; const attributes = translate.attributes || {}; const markup = translate.markup || 'div'; attributes.id = translate.id || uniqueId('translate'); const collapseId = translate.collapseId || uniqueId('translate'); %> <<%= markup %> <%- includeAttrs(attributes) %> class="<%= prefix %>-translate <%= prefix %>-nav">

<% const translateBtn = translate.button || {}; if (translate.languages.length) { const activeLanguage = translate.languages.find(lang => lang.active === true); translateBtn.label = activeLanguage.locale.toUpperCase() + ` - ` + activeLanguage.name + ''; } const minBtnClasses = [`${prefix}-translate__btn`]; const minBtnAttrs = { 'aria-controls': collapseId, 'aria-expanded': false, title: translateBtn.title }; translateBtn.classes = translateBtn.classes !== undefined ? translateBtn.classes.concat(minBtnClasses) : minBtnClasses; translateBtn.attributes = translateBtn.attributes !== undefined ? {...minBtnAttrs, ...translateBtn.attributes} : minBtnAttrs; %> <%- include('../../../button/template/ejs/button', {button:translateBtn}); %> <% if (translate.languages.length) { %> <% } %>

>