diff --git a/design_system_admin/css/plugin-dse.css b/design_system_admin/css/plugin-dse.css
index 8d9256415b72e7d7866f26ed4a68f7499b57aaf5..294e040fa81cf67fcf0a69c91deadbc965251520 100644
--- a/design_system_admin/css/plugin-dse.css
+++ b/design_system_admin/css/plugin-dse.css
@@ -711,3 +711,6 @@ background-size: var(--underline-hover-width) 0.125em, var(--underline-idle-widt
flex-wrap: wrap;
list-style: none;
}
+.traduction_plugin{
+ float: left;
+}
\ No newline at end of file
diff --git a/design_system_admin/formulaires/configurer_design_system_admin.html b/design_system_admin/formulaires/configurer_design_system_admin.html
index 5f25505b450e2c1753cb1997aa2216bfb63499da..477f2d7e20bd0729e8dbe86b593f19f629472f4b 100644
--- a/design_system_admin/formulaires/configurer_design_system_admin.html
+++ b/design_system_admin/formulaires/configurer_design_system_admin.html
@@ -45,7 +45,7 @@
</div>
</div>
<h2 class="titrem">
- <:design_system_admin:cfg_titre_parametrages_header:/>
+ <:design_system_admin:dsfr_cfg_titre_parametrages_header:/>
</h2>
<form method="post" id="dsfr_configuration" enctype="multipart/form-data">
<div>
@@ -58,20 +58,6 @@
<button class="liste_de_lien questionmark_header" type="button" title="Afficher la fenêtre d'aide" data-parent="grp_nom_de_domaine_en_production" data-fille="aide_nom_de_domaine_en_production"><span class="bold colorblack">?</span></button>
</div>
</div>
- <div class="editer-groupe grp_title_onglet_navigateur">
- <div class="editer editer_title_onglet_navigateur obligatoire saisie_input editer_even">
- <label class="editer-label" for="champ_title_onglet_navigateur">Titre dans l'onglet<span class="obligatoire"> (obligatoire)</span></label>
- <input type="text" name="title_onglet_navigateur" class="text" id="champ_title_onglet_navigateur" value="#CONFIG_VALUE{title_onglet_navigateur}" required="required" placeholder="Champ obligatoire. Saisir le titre qui apparaît dans l'onglet du navigateur">
- <button class="liste_de_lien questionmark_header" type="button" title="Afficher la fenêtre d'aide" data-parent="grp_title_onglet_navigateur" data-fille="aide_title_onglet_navigateur"><span class="bold colorblack">?</span></button>
- </div>
- </div>
- <div class="editer-groupe grp_meta_description">
- <div class="editer editer_meta_description obligatoire saisie_textarea editer_odd">
- <label class="editer-label" for="champ_meta_description">Méta-description<span class="obligatoire"> (obligatoire)</span></label>
- <textarea name="meta_description" id="champ_meta_description" rows="6" cols="33" required="required" placeholder="Champ obligatoire. Saisir le texte de la méta intitulée Meta-description dans le header">#CONFIG_VALUE{meta_description}</textarea>
- <button class="liste_de_lien questionmark_header" type="button" title="Afficher la fenêtre d'aide" data-parent="grp_meta_description" data-fille="aide_meta_description"><span class="bold colorblack">?</span></button>
- </div>
- </div>
<div class="editer-groupe grp_address_email_responsable">
<div class="editer editer_address_email_responsable obligatoire saisie_email editer_even">
<label class="editer-label" for="champ_address_email_responsable">Email du responsable<span class="obligatoire"> (obligatoire)</span></label>
@@ -87,13 +73,6 @@
<button class="liste_de_lien questionmark_header" type="button" title="Afficher la fenêtre d'aide" data-parent="grp_form_contact" data-fille="aide_form_contact"><span class="bold colorblack">?</span></button>
</div>
</div>
- <div class="editer-groupe grp_texte_marianne">
- <div class="editer editer_texte_marianne obligatoire saisie_textarea editer_even">
- <label class="editer-label" for="champ_texte_marianne">Texte de la Marianne<span class="obligatoire"> (obligatoire)</span></label>
- <textarea name="texte_marianne" id="champ_texte_marianne" rows="4" cols="33" required="required" placeholder="Champ obligatoire. Saisir le nom de l'institution qui doit apparaître sous la Marianne">#CONFIG_VALUE{texte_marianne}</textarea>
- <button class="liste_de_lien questionmark_header" type="button" title="Afficher la fenêtre d'aide" data-parent="grp_texte_marianne" data-fille="aide_texte_marianne"><span class="bold colorblack">?</span></button>
- </div>
- </div>
<div class="editer-groupe grp_liens_externe_que_faire">
<div class="editer editer_liens_externe_que_faire saisie_selection editer_odd">
<label class="editer-label" for="liens_externe_que_faire">Qui décide de l'ouverture des liens externes? </label>
@@ -112,9 +91,90 @@
<button class="liste_de_lien questionmark_header" type="button" title="Afficher la fenêtre d'aide" data-parent="grp_elements_recherche" data-fille="aide_elements_recherche"><span class="bold colorblack">?</span></button>
</div>
</div>
+ [(#CONFIG_VALUE{_masquer_langue}|=={non}|oui)
+ [(#CONFIG_VALUE{nombre_de_langue}|>{1}|oui)
+ <div class="tabs">
+ <div role="tablist" aria-labelledby="tablist-1" class="automatic">
+
+
+
+ <button id="tab-1" type="button" role="tab" aria-selected="true" aria-controls="tabpanel-1">
+ <span class="focus">Maria Ahlefeldt</span>
+ </button>
+ <button id="tab-2" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-2" tabindex="-1">
+ <span class="focus">Carl Andersen</span>
+ </button>
+ <button id="tab-3" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-3" tabindex="-1">
+ <span class="focus">Ida da Fonseca</span>
+ </button>
+ <button id="tab-4" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-4" tabindex="-1">
+ <span class="focus">Peter Müller</span>
+ </button>
+ </div>
+
+ <div id="tabpanel-1" role="tabpanel" tabindex="0" aria-labelledby="tab-1">
+ ]
+ ]
+
+ <div class="editer-groupe grp_title_onglet_navigateur">
+ <div class="editer editer_title_onglet_navigateur obligatoire saisie_input editer_even">
+ <label class="editer-label" for="champ_title_onglet_navigateur">Titre dans l'onglet<span class="obligatoire"> (obligatoire)</span></label>
+ <input type="text" name="title_onglet_navigateur" class="text" id="champ_title_onglet_navigateur" value="#CONFIG_VALUE{title_onglet_navigateur}" required="required" placeholder="Champ obligatoire. Saisir le titre qui apparaît dans l'onglet du navigateur">
+ <button class="liste_de_lien questionmark_header" type="button" title="Afficher la fenêtre d'aide" data-parent="grp_title_onglet_navigateur" data-fille="aide_title_onglet_navigateur"><span class="bold colorblack">?</span></button>
+ </div>
+ </div>
+ <div class="editer-groupe grp_meta_description">
+ <div class="editer editer_meta_description obligatoire saisie_textarea editer_odd">
+ <label class="editer-label" for="champ_meta_description">Méta-description<span class="obligatoire"> (obligatoire)</span></label>
+ <textarea name="meta_description" id="champ_meta_description" rows="6" cols="33" required="required" placeholder="Champ obligatoire. Saisir le texte de la méta intitulée Meta-description dans le header">#CONFIG_VALUE{meta_description}</textarea>
+ <button class="liste_de_lien questionmark_header" type="button" title="Afficher la fenêtre d'aide" data-parent="grp_meta_description" data-fille="aide_meta_description"><span class="bold colorblack">?</span></button>
+ </div>
+ </div>
+ <div class="editer-groupe grp_texte_marianne">
+ <div class="editer editer_texte_marianne obligatoire saisie_textarea editer_even">
+ <label class="editer-label" for="champ_texte_marianne">Texte de la Marianne<span class="obligatoire"> (obligatoire)</span></label>
+ <textarea name="texte_marianne" id="champ_texte_marianne" rows="4" cols="33" required="required" placeholder="Champ obligatoire. Saisir le nom de l'institution qui doit apparaître sous la Marianne">#CONFIG_VALUE{texte_marianne}</textarea>
+ <button class="liste_de_lien questionmark_header" type="button" title="Afficher la fenêtre d'aide" data-parent="grp_texte_marianne" data-fille="aide_texte_marianne"><span class="bold colorblack">?</span></button>
+ </div>
+ </div>
+
+ [(#CONFIG_VALUE{_masquer_langue}|=={non}|oui)
+ [(#CONFIG_VALUE{nombre_de_langue}|>{1}|oui)
+ </div>
+ <div id="tabpanel-2" role="tabpanel" tabindex="0" aria-labelledby="tab-2" class="is-hidden">
+ <p>
+ Carl Joachim Andersen (29 April 1847 – 7 May 1909) was a Danish flutist, conductor and composer born in Copenhagen, son of the flutist Christian Joachim Andersen.
+ Both as a virtuoso and as composer of flute music, he is considered one of the best of his time.
+ He was considered to be a tough leader and teacher and demanded as such a lot from his orchestras but through that style he reached a high level.
+ </p>
+ </div>
+ <div id="tabpanel-3" role="tabpanel" tabindex="0" aria-labelledby="tab-3" class="is-hidden">
+ <p>
+ Ida Henriette da Fonseca (July 27, 1802 – July 6, 1858) was a Danish opera singer and composer.
+ Ida Henriette da Fonseca was the daughter of Abraham da Fonseca (1776–1849) and Marie Sofie Kiærskou (1784–1863).
+ She and her sister Emilie da Fonseca were students of Giuseppe Siboni, choir master of the Opera in Copenhagen.
+ She was given a place at the royal Opera alongside her sister the same year she debuted in 1827.
+ </p>
+ </div>
+ <div id="tabpanel-4" role="tabpanel" tabindex="0" aria-labelledby="tab-4" class="is-hidden">
+ <p>
+ Peter Erasmus Lange-Müller (1 December 1850 – 26 February 1926) was a Danish composer and pianist.
+ His compositional style was influenced by Danish folk music and by the work of Robert Schumann; Johannes Brahms; and his Danish countrymen, including J.P.E. Hartmann.
+ </p>
+ </div>
+ </div>
+ ]
+ ]
+
+
+
+
+
+
+
<hr class="hr width100" />
<h2 class="titrem">
- <:design_system_admin:cfg_titre_panneau_commandes:/>
+ <:design_system_admin:dsfr_cfg_titre_panneau_commandes:/>
</h2>
<ul class="form_configuration">
[(#REM) Masquer le titre du site dans le bandeau du site public]
@@ -122,10 +182,19 @@
<ul>
<li><button class="questionmark" type="button" data-parent="masquer_le_titre">?</button></li>
</ul>
+ [(#CONFIG_VALUE{_masquer_le_titre}|=={non}|oui)
+ [(#CONFIG_VALUE{_masquer_langue}|=={non}|oui)
+ [(#CONFIG_VALUE{nombre_de_langue}|>{1}|oui)
+ <ul>
+ <li><button class="traduction_plugin" title="Traduire sur le site public" type="button" data-parent="plugin_traduction_titre"><img src="[(#CHEMIN{prive/themes/spip/images/traduire.png})]" width="21"></button></li>
+ </ul>
+ ]
+ ]
+ ]
<ul class="gestion_masquer_le_titre masquer_le_titre_primaire">
<li class="center bold">
<label for="masquer_le_titre">
- <:design_system_admin:cfg_masquer_titre_label:/>
+ <:design_system_admin:dsfr_cfg_masquer_titre_label:/>
</label>
</li>
<li class="center">
@@ -146,10 +215,19 @@
<ul>
<li><button class="questionmark" type="button" data-parent="masquer_le_slogan">?</button></li>
</ul>
+ [(#CONFIG_VALUE{_masquer_le_slogan}|=={non}|oui)
+ [(#CONFIG_VALUE{_masquer_langue}|=={non}|oui)
+ [(#CONFIG_VALUE{nombre_de_langue}|>{1}|oui)
+ <ul>
+ <li><button class="traduction_plugin" title="Traduire sur le site public" type="button" data-parent="plugin_traduction_slogan"><img src="[(#CHEMIN{prive/themes/spip/images/traduire.png})]" width="21"></button></li>
+ </ul>
+ ]
+ ]
+ ]
<ul class="gestion_masquer_le_slogan masquer_le_slogan_primaire">
<li class="center bold">
<label for="masquer_le_slogan">
- <:design_system_admin:cfg_masquer_slogan_label:/>
+ <:design_system_admin:dsfr_cfg_masquer_slogan_label:/>
</label>
</li>
<li class="center">
@@ -173,7 +251,7 @@
<ul class="drapeau_en_berne_primaire">
<li class="center bold">
<label for="drapeau_en_berne">
- <:design_system_admin:cfg_drapeau_en_berne_label:/>
+ <:design_system_admin:dsfr_cfg_drapeau_en_berne_label:/>
</label>
</li>
<li class="center">
@@ -189,7 +267,7 @@
<ul class="masquer_haut_de_page_primaire">
<li class="center bold">
<label for="masquer_haut_de_page">
- <:design_system_admin:cfg_masquer_haut_de_page_label:/>
+ <:design_system_admin:dsfr_cfg_masquer_haut_de_page_label:/>
</label>
</li>
<li class="center">
@@ -205,7 +283,7 @@
<ul class="home_en_h1_primaire">
<li class="center bold">
<label for="home_en_h1">
- <:design_system_admin:cfg_home_en_h1_label:/>
+ <:design_system_admin:dsfr_cfg_home_en_h1_label:/>
</label>
</li>
<li class="center">
@@ -303,7 +381,7 @@
<ul class="masquer_recherche_primaire">
<li class="center bold">
<label for="masquer_recherche">
- <:design_system_admin:cfg_masquer_recherche_label:/>
+ <:design_system_admin:dsfr_cfg_masquer_recherche_label:/>
</label>
</li>
<li class="center">
@@ -316,10 +394,19 @@
<ul>
<li><button class="questionmark" type="button" data-parent="masquer_message_alerte">?</button></li>
</ul>
+ [(#CONFIG_VALUE{_masquer_message_alerte}|=={non}|oui)
+ [(#CONFIG_VALUE{_masquer_langue}|=={non}|oui)
+ [(#CONFIG_VALUE{nombre_de_langue}|>{1}|oui)
+ <ul>
+ <li><button class="traduction_plugin" title="Traduire sur le site public" type="button" data-parent="plugin_traduction_alerte"><img src="[(#CHEMIN{prive/themes/spip/images/traduire.png})]" width="21"></button></li>
+ </ul>
+ ]
+ ]
+ ]
<ul class="gestion_masquer_message_alerte masquer_message_alerte_primaire">
<li class="center bold">
<label for="masquer_message_alerte">
- <:design_system_admin:cfg_masquer_message_alerte_label:/>
+ <:design_system_admin:dsfr_cfg_masquer_message_alerte_label:/>
</label>
</li>
<li class="center">
@@ -352,7 +439,7 @@
<ul class="gestion_masquer_statistiques masquer_statistiques_primaire">
<li class="center bold">
<label for="masquer_statistiques">
- <:design_system_admin:cfg_masquer_statistiques_label:/>
+ <:design_system_admin:dsfr_cfg_masquer_statistiques_label:/>
</label>
</li>
<li class="center">
@@ -378,10 +465,19 @@
<ul>
<li><button class="questionmark" type="button" data-parent="masquer_liste_de_lien">?</button></li>
</ul>
+ [(#CONFIG_VALUE{_masquer_liste_de_lien}|=={non}|oui)
+ [(#CONFIG_VALUE{_masquer_langue}|=={non}|oui)
+ [(#CONFIG_VALUE{nombre_de_langue}|>{1}|oui)
+ <ul>
+ <li><button class="traduction_plugin" title="Traduire sur le site public" type="button" data-parent="plugin_traduction_liste_de_liens"><img src="[(#CHEMIN{prive/themes/spip/images/traduire.png})]" width="21"></button></li>
+ </ul>
+ ]
+ ]
+ ]
<ul class="gestion_masquer_liste_de_lien masquer_liste_de_lien_primaire">
<li class="center bold">
<label for="masquer_liste_de_lien">
- <:design_system_admin:cfg_masquer_type_de_liste_de_liens_label:/>
+ <:design_system_admin:dsfr_cfg_masquer_type_de_liste_de_liens_label:/>
</label>
</li>
<li class="center">
@@ -421,10 +517,19 @@
<ul>
<li><button class="questionmark" type="button" data-parent="masquer_menu">?</button></li>
</ul>
+ [(#CONFIG_VALUE{_masquer_menu}|=={non}|oui)
+ [(#CONFIG_VALUE{_masquer_langue}|=={non}|oui)
+ [(#CONFIG_VALUE{nombre_de_langue}|>{1}|oui)
+ <ul>
+ <li><button class="traduction_plugin" title="Traduire sur le site public" type="button" data-parent="plugin_traduction_menu"><img src="[(#CHEMIN{prive/themes/spip/images/traduire.png})]" width="21"></button></li>
+ </ul>
+ ]
+ ]
+ ]
<ul class="gestion_masquer_menu masquer_menu_primaire">
<li class="center bold">
<label for="masquer_menu">
- <:design_system_admin:cfg_masquer_menu_label:/>
+ <:design_system_admin:dsfr_cfg_masquer_menu_label:/>
</label>
</li>
<li class="center">
@@ -466,6 +571,13 @@
<ul>
<li><button class="questionmark" type="button" data-parent="masquer_langue">?</button></li>
</ul>
+ [(#CONFIG_VALUE{_masquer_langue}|=={non}|oui)
+ [(#CONFIG_VALUE{nombre_de_langue}|>{1}|oui)
+ <ul>
+ <li><button class="traduction_plugin" title="Traduire sur le site public" type="button" data-parent="plugin_traduction_liste_langue"><img src="[(#CHEMIN{prive/themes/spip/images/traduire.png})]" width="21"></button></li>
+ </ul>
+ ]
+ ]
<ul class="gestion_masquer_langue masquer_langue_primaire">
<li class="center bold">
<label for="masquer_langue">
@@ -516,8 +628,17 @@
[(#REM) Masquer les partenaires]
<li class="encadre conf_encadre position[(#VAL{masquer_partenaires}|filtre_constante)] aide_masquer_partenaires">
<ul><li><button class="questionmark" type="button" data-parent="masquer_partenaires">?</button></li></ul>
+ [(#CONFIG_VALUE{_masquer_partenaires}|=={non}|oui)
+ [(#CONFIG_VALUE{_masquer_langue}|=={non}|oui)
+ [(#CONFIG_VALUE{nombre_de_langue}|>{1}|oui)
+ <ul>
+ <li><button class="traduction_plugin" title="Traduire sur le site public" type="button" data-parent="plugin_traduction_partenaires"><img src="[(#CHEMIN{prive/themes/spip/images/traduire.png})]" width="21"></button></li>
+ </ul>
+ ]
+ ]
+ ]
<ul class="gestion_masquer_partenaires masquer_partenaires_primaire">
- <li class="center bold"><label for="masquer_partenaires"><:design_system_admin:cfg_masquer_partenaires_label:/></label></li>
+ <li class="center bold"><label for="masquer_partenaires"><:design_system_admin:dsfr_cfg_masquer_partenaires_label:/></label></li>
<li class="center">
#VA_ET_VIENT{'masquer_partenaires',#CONFIG_VALUE{_masquer_partenaires}}
</li>
@@ -528,7 +649,7 @@
<input type="text" name="titre_du_bloc_partenaires" class="text" id="champ_titre_du_bloc_partenaires" value="#CONFIG_VALUE{titre_du_bloc_partenaires}" placeholder="Saisir le titre du bloc partenaires">
</div>
</li>
- <li class="_masquer_partenaires"><h3><:design_system_admin:cfg_titre_partenaires_principaux:/></h3></li>
+ <li class="_masquer_partenaires"><h3><:design_system_admin:dsfr_cfg_titre_partenaires_principaux:/></h3></li>
<li class="_masquer_partenaires">
<div class="editer editer_nombre_de_partenaires_principaux saisie_selection editer_odd">
<label class="editer-label" for="champ_nombre_de_partenaires_principaux">Nombre de partenaires principaux</label>
@@ -559,7 +680,7 @@
]
</ul>
</li>
- <li class="_masquer_partenaires"><h3><:design_system_admin:cfg_titre_partenaires_secondaires:/></h3></li>
+ <li class="_masquer_partenaires"><h3><:design_system_admin:dsfr_cfg_titre_partenaires_secondaires:/></h3></li>
<li class="_masquer_partenaires">
<div class="editer editer_nombre_de_partenaires_secondaires saisie_selection editer_odd">
<label class="editer-label" for="champ_nombre_de_partenaires_secondaires">Nombre de partenaires secondaires</label>
@@ -598,10 +719,19 @@
<ul>
<li><button class="questionmark" type="button" data-parent="masquer_cookies">?</button></li>
</ul>
+ [(#CONFIG_VALUE{_masquer_cookies}|=={non}|oui)
+ [(#CONFIG_VALUE{_masquer_langue}|=={non}|oui)
+ [(#CONFIG_VALUE{nombre_de_langue}|>{1}|oui)
+ <ul>
+ <li><button class="traduction_plugin" title="Traduire sur le site public" type="button" data-parent="plugin_traduction_cookies"><img src="[(#CHEMIN{prive/themes/spip/images/traduire.png})]" width="21"></button></li>
+ </ul>
+ ]
+ ]
+ ]
<ul class="gestion_masquer_cookies masquer_cookies_primaire">
<li class="center bold">
<label for="masquer_cookies">
- <:design_system_admin:cfg_masquer_cookies_label:/>
+ <:design_system_admin:dsfr_cfg_masquer_cookies_label:/>
</label>
</li>
<li class="center">
@@ -656,7 +786,7 @@
<ul class="gestion_masquer_parametres_affichage masquer_parametres_affichage_primaire">
<li class="center bold">
<label for="masquer_parametres_affichage">
- <:design_system_admin:cfg_masquer_parametres_affichage_label:/>
+ <:design_system_admin:dsfr_cfg_masquer_parametres_affichage_label:/>
</label>
</li>
<li class="center">
@@ -683,12 +813,12 @@
<li class="_masquer_parametres_affichage">
<hr class="hr width100">
<span class="bold">
- <:design_system_admin:cfg_notes:/>
+ <:design_system_admin:dsfr_cfg_notes:/>
:
</span>
</li>
<li class="_masquer_parametres_affichage">
- <:design_system_admin:cfg_note_parametres_affichage:/>
+ <:design_system_admin:dsfr_cfg_note_parametres_affichage:/>
</li>
</ul>
</li>
@@ -698,10 +828,19 @@
<ul>
<li><button class="questionmark" type="button" data-parent="masquer_liste_acces_rapide">?</button></li>
</ul>
+ [(#CONFIG_VALUE{_masquer_liste_acces_rapide}|=={non}|oui)
+ [(#CONFIG_VALUE{_masquer_langue}|=={non}|oui)
+ [(#CONFIG_VALUE{nombre_de_langue}|>{1}|oui)
+ <ul>
+ <li><button class="traduction_plugin" title="Traduire sur le site public" type="button" data-parent="plugin_traduction_liste_acces_rapide"><img src="[(#CHEMIN{prive/themes/spip/images/traduire.png})]" width="21"></button></li>
+ </ul>
+ ]
+ ]
+ ]
<ul class="gestion_masquer_liste_acces_rapide masquer_liste_acces_rapide_primaire">
<li class="center bold">
<label for="masquer_liste_acces_rapide">
- <:design_system_admin:cfg_masquer_liste_acces_rapide_label:/>
+ <:design_system_admin:dsfr_cfg_masquer_liste_acces_rapide_label:/>
</label>
</li>
<li class="center">
@@ -745,10 +884,19 @@
<ul>
<li><button class="questionmark" type="button" data-parent="masquer_la_newsletter">?</button></li>
</ul>
+ [(#CONFIG_VALUE{_masquer_la_newsletter}|=={non}|oui)
+ [(#CONFIG_VALUE{_masquer_langue}|=={non}|oui)
+ [(#CONFIG_VALUE{nombre_de_langue}|>{1}|oui)
+ <ul>
+ <li><button class="traduction_plugin" title="Traduire sur le site public" type="button" data-parent="plugin_traduction_newsletter"><img src="[(#CHEMIN{prive/themes/spip/images/traduire.png})]" width="21"></button></li>
+ </ul>
+ ]
+ ]
+ ]
<ul class="gestion_masquer_la_newsletter masquer_la_newsletter_primaire">
<li class="center bold">
<label for="masquer_la_newsletter">
- <:design_system_admin:cfg_masquer_newsletter:>
+ <:design_system_admin:dsfr_cfg_masquer_newsletter:>
</label>
</li>
<li class="center">
@@ -808,10 +956,19 @@
<ul>
<li><button class="questionmark" type="button" data-parent="masquer_partage_reseaux_sociaux">?</button></li>
</ul>
+ [(#CONFIG_VALUE{_masquer_partage_reseaux_sociaux}|=={non}|oui)
+ [(#CONFIG_VALUE{_masquer_langue}|=={non}|oui)
+ [(#CONFIG_VALUE{nombre_de_langue}|>{1}|oui)
+ <ul>
+ <li><button class="traduction_plugin" title="Traduire sur le site public" type="button" data-parent="plugin_traduction_reseaux_sociaux"><img src="[(#CHEMIN{prive/themes/spip/images/traduire.png})]" width="21"></button></li>
+ </ul>
+ ]
+ ]
+ ]
<ul class="gestion_masquer_partage_reseaux_sociaux masquer_partage_reseaux_sociaux_primaire">
<li class="center bold">
<label for="masquer_partage_reseaux_sociaux">
- <:design_system_admin:cfg_masquer_partage_reseaux_sociaux_label:/>
+ <:design_system_admin:dsfr_cfg_masquer_partage_reseaux_sociaux_label:/>
</label>
</li>
<li class="center">
@@ -866,10 +1023,19 @@
<ul>
<li><button class="questionmark" type="button" data-parent="masquer_logo_secondaire">?</button></li>
</ul>
+ [(#CONFIG_VALUE{_masquer_logo_secondaire}|=={non}|oui)
+ [(#CONFIG_VALUE{_masquer_langue}|=={non}|oui)
+ [(#CONFIG_VALUE{nombre_de_langue}|>{1}|oui)
+ <ul>
+ <li><button class="traduction_plugin" title="Traduire sur le site public" type="button" data-parent="plugin_traduction_logo_secondaire"><img src="[(#CHEMIN{prive/themes/spip/images/traduire.png})]" width="21"></button></li>
+ </ul>
+ ]
+ ]
+ ]
<ul class="gestion_masquer_logo_secondaire masquer_logo_secondaire_primaire">
<li class="center bold">
<label for="masquer_logo_secondaire">
- <:design_system_admin:cfg_masquer_logo_secondaire_label:/>
+ <:design_system_admin:dsfr_cfg_masquer_logo_secondaire_label:/>
</label>
</li>
<li class="center">
@@ -914,6 +1080,15 @@
<ul>
<li><button class="questionmark" type="button" data-parent="masquer_liens_obligation_legale">?</button></li>
</ul>
+ [(#CONFIG_VALUE{_masquer_liens_obligation_legale}|=={non}|oui)
+ [(#CONFIG_VALUE{_masquer_langue}|=={non}|oui)
+ [(#CONFIG_VALUE{nombre_de_langue}|>{1}|oui)
+ <ul>
+ <li><button class="traduction_plugin" title="Traduire sur le site public" type="button" data-parent="plugin_traduction_liens_obligations_legales"><img src="[(#CHEMIN{prive/themes/spip/images/traduire.png})]" width="21"></button></li>
+ </ul>
+ ]
+ ]
+ ]
<ul class="gestion_masquer_liens_obligation_legale masquer_liens_obligation_legale_primaire">
<li class="center bold"><label for="masquer_liens_obligation_legale">Masquer liste de liens obligation légale?</label></li>
<li class="center">
@@ -1000,7 +1175,7 @@
</li>
</ul>
<input type="hidden" name="_meta_casier" value="design_system_admin" />
- <div class="boutons dsa_style_sticky"><span class="image_loading"> </span><input type="submit" class="submit" value="<:design_system_admin:cfg_enregistrer_le_formulaire:/>" /></div>
+ <div class="boutons dsa_style_sticky"><span class="image_loading"> </span><input type="submit" class="submit" value="<:design_system_admin:dsfr_cfg_enregistrer_le_formulaire:/>" /></div>
</div>
</form>
</div>
diff --git a/design_system_admin/inclure/head.html b/design_system_admin/inclure/head.html
index bbfea883a8a75cceeb98131a0c651139a9b8973a..5ef684bde853b1917c2f98bb3a7228bc4fb4fdc7 100644
--- a/design_system_admin/inclure/head.html
+++ b/design_system_admin/inclure/head.html
@@ -7,7 +7,6 @@
[(#GET{langue_definie}|>{1}|oui) #SET{langue, #SELF|extraire_chemin_url|replace{'/',''}}]
[(#GET{langue}|setenv{lang})]
-
[(#REM) L’attribut data-fr-theme n’est plus utilisable directement , il faut utiliser data-fr-scheme à la place ]
<html dir="#LANG_DIR" lang="#GET{langue}" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#GET{langue}" class="[(#LANG_DIR)][ (#GET{langue})] no-js" data-fr-scheme="[(#CONFIG_VALUE{parametre_affichage_defaut})]" [(#CONFIG_VALUE{_drapeau_en_berne}|=={oui}|oui) data-fr-mourning ]>
<head>
diff --git a/design_system_admin/inclure/header.html b/design_system_admin/inclure/header.html
index 86e6ef18e980703c6115c7804174579ace1df8b5..220b3a2ac7268e464330d1f5c85c2fc1d0f529d8 100644
--- a/design_system_admin/inclure/header.html
+++ b/design_system_admin/inclure/header.html
@@ -32,17 +32,17 @@
[(#REM) Affichage du second logo en fonction de la configuration dans le backoffice ]
<BOUCLE_second_logo(CONDITION){si #CONFIG_VALUE{_masquer_logo_secondaire}|=={non}|oui}>
<BOUCLE_type_image(CONDITION){si #CONFIG_VALUE{type_insertion_second_logo}|=={fichier}|oui}>
- <a class="fr-header__operator" href="#URL_SITE_SPIP" title="Retour à la page d'accueil">
- <img src="#CONFIG_VALUE{second_logo_upload}" alt="logo secondaire" style="max-height:7.25rem;"/>
+ <a class="fr-header__operator" href="#URL_SITE_SPIP" title="<:design_system_admin:dsfr_cfg_retour_accueil:/>">
+ <img src="#CONFIG_VALUE{second_logo_upload}" alt="<:design_system_admin:dsfr_cfg_logo_secondaire:/>" style="max-height:7.25rem;"/>
</a>
</BOUCLE_type_image>
- <a class="fr-header__operator" href="#URL_SITE_SPIP" title="Retour à la page d'accueil">#CONFIG_VALUE{second_logo_upload}</a>
+ <a class="fr-header__operator" href="#URL_SITE_SPIP" title="<:design_system_admin:dsfr_cfg_retour_accueil:/>">#CONFIG_VALUE{second_logo_upload}</a>
<//B_type_image>
</BOUCLE_second_logo>
<div class="fr-header__navbar">
<BOUCLE_afficher_icone_recherche(CONDITION){si #CONFIG_VALUE{_masquer_recherche}|=={non}|oui}>
- <button class="fr-btn--search fr-btn" data-fr-opened="false" aria-controls="modal-400" id="button-401" title="Rechercher">
- Rechercher
+ <button class="fr-btn--search fr-btn" data-fr-opened="false" aria-controls="modal-400" id="button-401" title="<:design_system_admin:dsfr_cfg_rechercher:/>">
+ <:design_system_admin:dsfr_cfg_rechercher:/>
</button>
</BOUCLE_afficher_icone_recherche>
<BOUCLE_afficher_icone_masquer_menu(CONDITION){si #CONFIG_VALUE{_masquer_menu}|=={non}|oui}>
@@ -53,7 +53,7 @@
</div>
</div>
<div class="fr-header__service">
- <a href="#URL_SITE_SPIP" title="Retour à la page d'accueil">
+ <a href="#URL_SITE_SPIP" title="<:design_system_admin:dsfr_cfg_retour_accueil:/>">
<BOUCLE_masquer_le_titre(CONDITION){si #CONFIG_VALUE{_masquer_le_titre}|=={non}|oui}>
<BOUCLE_on_est_sur_home(CONDITION){si #ENV{home}|=={yes}|oui}>
<BOUCLE_titre_en_h1(CONDITION){si #CONFIG_VALUE{_home_en_h1}|=={oui}|oui}>
@@ -103,7 +103,7 @@
</BOUCLE_masquer_contact_lr>
<BOUCLE_masquer_parametres_affichage(CONDITION){si #CONFIG_VALUE{_masquer_parametres_affichage}|=={non}|oui}>
<li>
- <button class="fr-btn--display fr-btn" aria-controls="fr-theme-modal" aria-describedby="fr-theme-modal" data-fr-opened="false" title="Paramètres d'affichage" data-fr-js-modal-button="true">Paramètres d'affichage</button>
+ <button class="fr-btn--display fr-btn" aria-controls="fr-theme-modal" aria-describedby="fr-theme-modal" data-fr-opened="false" title="<:design_system_admin:dsfr_cfg_parametres_affichage:/>" data-fr-js-modal-button="true"><:design_system_admin:dsfr_cfg_parametres_affichage:/></button>
</li>
</BOUCLE_masquer_parametres_affichage>
<BOUCLE_afficher_liens_rapides_3(CONDITION){si #CONFIG_VALUE{lien_dacces_rapide#GET{compteur_boucle}}|strlen|>{1}|oui}>
@@ -135,7 +135,7 @@
[(#GET{nbr_langues}|>{1}|oui) #SET{afficher_langues,oui}]
[(#ENV{home}|=={yes}|oui) #SET{afficher_langues,oui}]
- test #LANG ::: #GET{afficher_langues} ::: #GET{nbr_langues} :::: #ENV{home}<br>
+
<BOUCLE_test_nombre_de_langues(CONDITION){si #GET{afficher_langues}|=={oui}|oui}>
<li>
<nav role="navigation" class="fr-translate fr-nav" data-fr-js-navigation="true">
@@ -145,43 +145,42 @@
</button>
<div class="fr-collapse fr-translate__menu fr-menu" id="translate-516" data-fr-js-collapse="true">
<ul class="fr-menu__list">
- <BOUCLE_article_selang2(CONDITION){si #ID_ARTICLE|oui}>
- <BOUCLE_article_principal2(ARTICLES) {id_article}>
- <BOUCLE_traductions_article2(ARTICLES) {traduction}>
- <li>
- <a class="language-dsfr fr-translate__language fr-nav__link " hreflang="#LANG" lang="#LANG" href="#URL_ARTICLE" [(#GET{langue_page}|=={#LANG}|oui) aria-current="true"]>[(#LANG|strtoupper)] - [(#LANG|traduire_cfg)]</a>
- </li>
- </BOUCLE_traductions_article2>
- </BOUCLE_article_principal2>
- </BOUCLE_article_selang2>
- <BOUCLE_article_home(CONDITION){si #ENV{home}|=={yes}|oui}>
- <BOUCLE_nombre_de_langue_home(POUR){tableau #CONFIG_VALUE{nombre_de_langue}|range{1}}>
- #SET{compteur_boucle,#COMPTEUR_BOUCLE}
- #SET{home_lang, #SELF|extraire_chemin_url|replace{'/',''}}
- #SET{value_langue, #CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}}
-
- #SET{titre_lang, #CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}|traduire_cfg}
+ <BOUCLE_article_home(CONDITION){si #ENV{home}|=={yes}|oui}>
+ <BOUCLE_nombre_de_langue_home(POUR){tableau #CONFIG_VALUE{nombre_de_langue}|range{1}}>
+ #SET{compteur_boucle,#COMPTEUR_BOUCLE}
+ #SET{home_lang, #SELF|extraire_chemin_url|replace{'/',''}}
+ #SET{value_langue, #CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}}
-
+ #SET{titre_lang, #CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}|traduire_cfg}
+
+
+ <li>
+ <a class="language-dsfr fr-translate__language fr-nav__link " hreflang="#CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}" lang="#CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}" [(#GET{value_langue}|=={#CONFIG_VALUE{langue_par_defaut}}|oui) href="/"] [(#GET{value_langue}|=={#CONFIG_VALUE{langue_par_defaut}}|non) href="/#CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}/"] [(#CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}|=={#LANG}|oui) aria-current="true"]>[(#CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}|strtoupper)] - [(#CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}|traduire_cfg)]</a>
+ </li>
+ </BOUCLE_nombre_de_langue_home>
+ </BOUCLE_article_home>
+ <BOUCLE_article_selang2(CONDITION){si #ID_ARTICLE|oui}>
+ <BOUCLE_article_principal2(ARTICLES) {id_article}>
+ <BOUCLE_traductions_article2(ARTICLES) {traduction}>
<li>
- <a class="language-dsfr fr-translate__language fr-nav__link " hreflang="#CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}" lang="#CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}" [(#GET{value_langue}|=={#CONFIG_VALUE{langue_par_defaut}}|oui) href="/"] [(#GET{value_langue}|=={#CONFIG_VALUE{langue_par_defaut}}|non) href="/#CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}/"] [(#CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}|=={#LANG}|oui) aria-current="true"]>[(#CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}|strtoupper)] - [(#CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}|traduire_cfg)]</a>
- </li>
- </BOUCLE_nombre_de_langue_home>
- </BOUCLE_article_home>
- <BOUCLE_rubrique_selang2(CONDITION){si #ID_RUBRIQUE|oui}>
- <BOUCLE_rubrique_principal2(RUBRIQUES) {id_rubrique}>
- <BOUCLE_traductions_rubrique2(RUBRIQUES) {traduction}>
- #SET{value_langue, #CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}}
- #SET{titre_lang, #CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}|traduire_cfg}
- <li>
- <a class="language-dsfr fr-translate__language fr-nav__link " hreflang="#GET{value_langue}" lang="#GET{value_langue}" href="#URL_RUBRIQUE" [(#GET{langue_page}|=={#LANG}|oui) aria-current="true"]>[(#LANG|strtoupper)] - [(#LANG|traduire_cfg)]</a>
- </li>
- </BOUCLE_traductions_rubrique2>
- </BOUCLE_rubrique_principal2>
- </BOUCLE_rubrique_selang2>
-
- <//B__article_home>
- <//B_article_selang2>
+ <a class="language-dsfr fr-translate__language fr-nav__link " hreflang="#LANG" lang="#LANG" href="#URL_ARTICLE" [(#GET{langue_page}|=={#LANG}|oui) aria-current="true"]>[(#LANG|strtoupper)] - [(#LANG|traduire_cfg)]</a>
+ </li>
+ </BOUCLE_traductions_article2>
+ </BOUCLE_article_principal2>
+ </BOUCLE_article_selang2>
+ <BOUCLE_rubrique_selang2(CONDITION){si #ID_RUBRIQUE|oui}>
+ <BOUCLE_rubrique_principal2(RUBRIQUES) {id_rubrique}>
+ <BOUCLE_traductions_rubrique2(RUBRIQUES) {traduction}>
+ #SET{value_langue, #CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}}
+ #SET{titre_lang, #CONFIG_VALUE{value_langue_#COMPTEUR_BOUCLE}|traduire_cfg}
+ <li> 3.
+ <a class="language-dsfr fr-translate__language fr-nav__link " hreflang="#GET{value_langue}" lang="#GET{value_langue}" href="#URL_RUBRIQUE" [(#GET{langue_page}|=={#LANG}|oui) aria-current="true"]>[(#LANG|strtoupper)] - [(#LANG|traduire_cfg)]</a>
+ </li>
+ </BOUCLE_traductions_rubrique2>
+ </BOUCLE_rubrique_principal2>
+ </BOUCLE_rubrique_selang2>
+ <//B_article_selang2>
+ <//B_article_home>
</ul>
</div>
</div>
@@ -202,15 +201,15 @@
<form action="#SELF" method="get">
<div class="fr-search-bar" id="search-2396" role="search">
<label class="fr-label" for="search-2396-input">
- Rechercher
+ <:design_system_admin:dsfr_cfg_rechercher:/>
</label>
- <input class="fr-input" aria-describedby="search-2396-input-messages" placeholder="Rechercher" id="search-2396-input" type="search" name="recherche">
+ <input class="fr-input" aria-describedby="search-2396-input-messages" placeholder="<:design_system_admin:dsfr_cfg_rechercher:/>" id="search-2396-input" type="search" name="recherche">
<input type="hidden" name="page" value="recherche">
<input type="hidden" name="lang" value="fr">
<div class="fr-messages-group" id="search-2396-input-messages" aria-live="polite">
</div>
- <button class="fr-btn" id="search-btn-2407" title="Rechercher">
- Rechercher
+ <button class="fr-btn" id="search-btn-2407" title="<:design_system_admin:dsfr_cfg_rechercher:/>">
+ <:design_system_admin:dsfr_cfg_rechercher:/>
</button>
</div>
</form>
diff --git a/design_system_admin/lang/design_system_admin_fr.php b/design_system_admin/lang/design_system_admin_fr.php
index a274b93dc6149bc12639e531d760371a7cba32e0..0aaad0802f44fe60425612a8776683fc38b568a5 100644
--- a/design_system_admin/lang/design_system_admin_fr.php
+++ b/design_system_admin/lang/design_system_admin_fr.php
@@ -1,186 +1,185 @@
<?php
-
// This is a SPIP language file -- Ceci est un fichier langue de SPIP
-
-if (!defined('_ECRIRE_INC_VERSION')) {
+if (!defined('_ECRIRE_INC_VERSION')) {
return;
}
-
$GLOBALS[$GLOBALS['idx_lang']] = [
// D
'design_system_admin_titre' => 'Systeme de design de l\'état',
-
// C
- 'cfg_nom_de_domaine_en_production' => 'Domaine en production',
- 'cfg_nom_de_domaine_en_production_explication' => 'Autorise le calcul de statistiques si le nom de domaine du site est le même que celui déclaré',
- 'cfg_titre_onglet_navigateur' => 'Titre dans l\'onglet',
- 'cfg_titre_onglet_navigateur_explication' => 'Permet d\'afficher le texte souhaité comme titre de l\'onglet du navigateur',
- 'cfg_meta_description' => 'Méta-description',
- 'cfg_meta_description_explication' => 'Remplace le contenu de la balise meta-description par le texte saisi lorsque celle-ci n\'est pas renseignée',
- 'cfg_address_email_responsable' => 'Email du responsable',
- 'cfg_address_email_responsable_explication' => 'Affiche l\'adresse email du responsable à contacter',
- 'cfg_form_contact' => 'URL de contact',
- 'cfg_form_contact_explication' => 'Utiliser l\'URL du formulaire de contact du site',
- 'cfg_texte_marianne' => 'Texte de la Marianne',
- 'cfg_texte_marianne_explication' => 'Définir le texte de la Marianne',
- 'cfg_masquer_titre_label' => 'Masquer le titre?',
- 'cfg_liens_externe_que_faire_label' => 'Qui décide de l\'ouverture des liens externes?',
- 'cfg_liens_externe_que_faire' => 'Que faire des liens externes?',
- 'cfg_utilisateur' => 'utilisateur',
- 'cfg_automatique' => 'automatique',
- 'cfg_titre_du_site' => 'Titre du site',
- 'cfg_titre_du_site_explication' => 'Remplacer le titre du site par le texte saisi',
- 'cfg_masquer_slogan_label' => 'Masquer le slogan?',
- 'cfg_slogan_du_site' => 'Slogan du site',
- 'cfg_slogan_du_site_explication' => 'Remplacer le slogan du site par le texte saisi',
- 'cfg_drapeau_en_berne_label' => 'Mettre le drapeau en berne?',
- 'cfg_masquer_haut_de_page_label' => 'Masquer le bouton Haut de page?',
- 'cfg_home_en_h1_label' => 'Mettre la page d\'accueil en h1?',
- 'cfg_masquer_recherche_label' => 'Masquer le formulaire de recherches?',
- 'cfg_masquer_message_alerte_label' => 'Masquer le message d\'alerte?',
- 'cfg_message_alerte' => 'Message d\'alerte',
- 'cfg_message_alerte_explication' => 'Contenu du message d\'alerte',
- 'cfg_note_message_alerte' => 'Le bandeau d’information importante doit être utilisé uniquement pour une information primordiale et temporaire. (Une utilisation excessive ou continue risque de “noyer†le composant).<br><br>
+ 'dsfr_cfg_nom_de_domaine_en_production' => 'Domaine en production',
+ 'dsfr_cfg_nom_de_domaine_en_production_explication' => 'Autorise le calcul de statistiques si le nom de domaine du site est le même que celui déclaré',
+ 'dsfr_cfg_titre_onglet_navigateur' => 'Titre dans l\'onglet',
+ 'dsfr_cfg_titre_onglet_navigateur_explication' => 'Permet d\'afficher le texte souhaité comme titre de l\'onglet du navigateur',
+ 'dsfr_cfg_meta_description' => 'Méta-description',
+ 'dsfr_cfg_meta_description_explication' => 'Remplace le contenu de la balise meta-description par le texte saisi lorsque celle-ci n\'est pas renseignée',
+ 'dsfr_cfg_address_email_responsable' => 'Email du responsable',
+ 'dsfr_cfg_address_email_responsable_explication' => 'Affiche l\'adresse email du responsable à contacter',
+ 'dsfr_cfg_form_contact' => 'URL de contact',
+ 'dsfr_cfg_form_contact_explication' => 'Utiliser l\'URL du formulaire de contact du site',
+ 'dsfr_cfg_texte_marianne' => 'Texte de la Marianne',
+ 'dsfr_cfg_texte_marianne_explication' => 'Définir le texte de la Marianne',
+ 'dsfr_cfg_masquer_titre_label' => 'Masquer le titre?',
+ 'dsfr_cfg_liens_externe_que_faire_label' => 'Qui décide de l\'ouverture des liens externes?',
+ 'dsfr_cfg_liens_externe_que_faire' => 'Que faire des liens externes?',
+ 'dsfr_cfg_utilisateur' => 'utilisateur',
+ 'dsfr_cfg_automatique' => 'automatique',
+ 'dsfr_cfg_titre_du_site' => 'Titre du site',
+ 'dsfr_cfg_titre_du_site_explication' => 'Remplacer le titre du site par le texte saisi',
+ 'dsfr_cfg_masquer_slogan_label' => 'Masquer le slogan?',
+ 'dsfr_cfg_slogan_du_site' => 'Slogan du site',
+ 'dsfr_cfg_slogan_du_site_explication' => 'Remplacer le slogan du site par le texte saisi',
+ 'dsfr_cfg_drapeau_en_berne_label' => 'Mettre le drapeau en berne?',
+ 'dsfr_cfg_masquer_haut_de_page_label' => 'Masquer le bouton Haut de page?',
+ 'dsfr_cfg_home_en_h1_label' => 'Mettre la page d\'accueil en h1?',
+ 'dsfr_cfg_masquer_recherche_label' => 'Masquer le formulaire de recherches?',
+ 'dsfr_cfg_masquer_message_alerte_label' => 'Masquer le message d\'alerte?',
+ 'dsfr_cfg_message_alerte' => 'Message d\'alerte',
+ 'dsfr_cfg_message_alerte_explication' => 'Contenu du message d\'alerte',
+ 'dsfr_cfg_note_message_alerte' => 'Le bandeau d’information importante doit être utilisé uniquement pour une information primordiale et temporaire. (Une utilisation excessive ou continue risque de “noyer†le composant).<br><br>
Le bandeau doit être visible sur toutes les pages du site, quelque soit l’appareil utilisé.<br><br>
Pour une information vitale comme une alerte enlèvement, il est possible d’utiliser une bannière spécifique.',
- 'cfg_masquer_statistiques_label' => 'Masquer les statistiques?',
- 'cfg_script_statistiques' => 'Script statistiques',
- 'cfg_script_statistiques_explication' => 'Code source du script de statistiques',
- 'cfg_note_script_statistiques_debut' => 'Le script de statistiques ne sera appliqué que sur le domaine ',
- 'cfg_note_script_statistiques_fin' => '</strong>.<br><br>Pour modifier le domaine sur lequel s\'applique le script de statistiques, il faudra modifier le champ "Nom du domaine en production" ou <a href ="#champ_nom_de_domaine_en_production">Cliquer ici</a>',
- 'cfg_masquer_type_de_liste_de_liens_label' => 'Masquer la liste de liens?',
- 'cfg_choix_type_de_liste_de_liens' => 'Choisissez une valeur',
- 'cfg_choix_type_de_liste_de_liens_label' => 'Type de liste de liens',
- 'cfg_choix_nombre_de_liste_de_liens' => 'Choisissez le nombre de liste',
- 'cfg_choix_nombre_de_liste_de_liens_label' => 'Nombre de liste de liens',
- 'cfg_masquer_newsletter' => 'Masquer la newsletter ?',
- 'cfg_titre_newsletter_label' => 'Titre newsletter:',
- 'cfg_titre_newsletter_explication' => 'Configurer le nom de la newsletter',
- 'cfg_slogan_newsletter_label' => 'Slogan de la newsletter',
- 'cfg_slogan_newsletter_explication' => 'Configurer le slogan de la newsletter',
- 'cfg_description_newsletter_label' => 'Description de la newsletter',
- 'cfg_description_newsletter_explication' => 'Configurer la description de la newsletter',
- 'cfg_type_formulaire_newsletter_label' => 'Type de formulaire',
- 'cfg_type_formulaire_newsletter_intro' => 'Configurer le type de formulaire à utiliser',
- 'cfg_url_formulaire_newsletter_label' => 'URL de la newsletter',
- 'cfg_url_formulaire_newsletter_explication' => 'Configurer l\'url du lien ou du formulaire',
- 'cfg_titre_bouton_label' => 'Titre du bouton',
- 'cfg_titre_bouton_explication' => 'Configurer le titre du bouton',
- 'cfg_nom_champ_input_form_label' => 'Nom du champ input',
- 'cfg_nom_champ_input_form_explication' => 'Configurer le nom du champ input',
+ 'dsfr_cfg_masquer_statistiques_label' => 'Masquer les statistiques?',
+ 'dsfr_cfg_script_statistiques' => 'Script statistiques',
+ 'dsfr_cfg_script_statistiques_explication' => 'Code source du script de statistiques',
+ 'dsfr_cfg_note_script_statistiques_debut' => 'Le script de statistiques ne sera appliqué que sur le domaine ',
+ 'dsfr_cfg_note_script_statistiques_fin' => '</strong>.<br><br>Pour modifier le domaine sur lequel s\'applique le script de statistiques, il faudra modifier le champ "Nom du domaine en production" ou <a href ="#champ_nom_de_domaine_en_production">Cliquer ici</a>',
+ 'dsfr_cfg_masquer_type_de_liste_de_liens_label' => 'Masquer la liste de liens?',
+ 'dsfr_cfg_choix_type_de_liste_de_liens' => 'Choisissez une valeur',
+ 'dsfr_cfg_choix_type_de_liste_de_liens_label' => 'Type de liste de liens',
+ 'dsfr_cfg_choix_nombre_de_liste_de_liens' => 'Choisissez le nombre de liste',
+ 'dsfr_cfg_choix_nombre_de_liste_de_liens_label' => 'Nombre de liste de liens',
+ 'dsfr_cfg_masquer_newsletter' => 'Masquer la newsletter ?',
+ 'dsfr_cfg_titre_newsletter_label' => 'Titre newsletter:',
+ 'dsfr_cfg_titre_newsletter_explication' => 'Configurer le nom de la newsletter',
+ 'dsfr_cfg_slogan_newsletter_label' => 'Slogan de la newsletter',
+ 'dsfr_cfg_slogan_newsletter_explication' => 'Configurer le slogan de la newsletter',
+ 'dsfr_cfg_description_newsletter_label' => 'Description de la newsletter',
+ 'dsfr_cfg_description_newsletter_explication' => 'Configurer la description de la newsletter',
+ 'dsfr_cfg_type_formulaire_newsletter_label' => 'Type de formulaire',
+ 'dsfr_cfg_type_formulaire_newsletter_intro' => 'Configurer le type de formulaire à utiliser',
+ 'dsfr_cfg_url_formulaire_newsletter_label' => 'URL de la newsletter',
+ 'dsfr_cfg_url_formulaire_newsletter_explication' => 'Configurer l\'url du lien ou du formulaire',
+ 'dsfr_cfg_titre_bouton_label' => 'Titre du bouton',
+ 'dsfr_cfg_titre_bouton_explication' => 'Configurer le titre du bouton',
+ 'dsfr_cfg_nom_champ_input_form_label' => 'Nom du champ input',
+ 'dsfr_cfg_nom_champ_input_form_explication' => 'Configurer le nom du champ input',
- 'cfg_masquer_menu_label' => 'Masquer le menu principal?',
- 'cfg_choix_type_de_menu' => 'Choisissez une valeur',
- 'cfg_choix_type_de_menu_label' => 'Type de menu',
- 'cfg_choix_nombre_de_menu' => 'Choisissez le nombre de menus',
- 'cfg_choix_nombre_de_menu_label' => 'Nombre de menu',
+ 'dsfr_cfg_masquer_menu_label' => 'Masquer le menu principal?',
+ 'dsfr_cfg_choix_type_de_menu' => 'Choisissez une valeur',
+ 'dsfr_cfg_choix_type_de_menu_label' => 'Type de menu',
+ 'dsfr_cfg_choix_nombre_de_menu' => 'Choisissez le nombre de menus',
+ 'dsfr_cfg_choix_nombre_de_menu_label' => 'Nombre de menu',
- 'cfg_masquer_partenaires_label' => 'Masquer les partenaires?',
- 'cfg_titre_partenaires_principaux' => 'Les partenaires principaux',
- 'cfg_titre_partenaires_secondaires' => 'Les partenaires secondaires',
- 'cfg_choix_nombre_de_partenaires_principaux' => 'Nombre de partenaires principaux',
- 'cfg_choix_nombre_de_partenaires_label' => 'Choisissez le nombre de partenaires',
- 'cfg_partenaires_principaux' => 'Partenaire principal',
- 'cfg_configuration_partenaires_principaux' => 'Configuration du partenaire principal',
- 'cfg_partenaires_secondaires' => 'Partenaire secondaire',
- 'cfg_configuration_partenaires_secondaires' => 'Configuration du partenaire secondaire',
+ 'dsfr_cfg_masquer_partenaires_label' => 'Masquer les partenaires?',
+ 'dsfr_cfg_titre_partenaires_principaux' => 'Les partenaires principaux',
+ 'dsfr_cfg_titre_partenaires_secondaires' => 'Les partenaires secondaires',
+ 'dsfr_cfg_choix_nombre_de_partenaires_principaux' => 'Nombre de partenaires principaux',
+ 'dsfr_cfg_choix_nombre_de_partenaires_label' => 'Choisissez le nombre de partenaires',
+ 'dsfr_cfg_partenaires_principaux' => 'Partenaire principal',
+ 'dsfr_cfg_configuration_partenaires_principaux' => 'Configuration du partenaire principal',
+ 'dsfr_cfg_partenaires_secondaires' => 'Partenaire secondaire',
+ 'dsfr_cfg_configuration_partenaires_secondaires' => 'Configuration du partenaire secondaire',
- 'cfg_masquer_cookies_label' => 'Masquer les cookies?',
- 'cfg_liste_des_cookies' => 'Liste des cookies?',
- 'cfg_liste_des_cookies_explication' => 'Configurer la liste des cookies?',
- 'cfg_modifier_texte_cookies_label' => 'Modifier le texte des cookies?',
- 'cfg_configuration_titre_texte_cookies' => 'Configurer le titre du texte des cookies',
- 'cfg_titre_texte_cookies' => 'Titre des cookies',
- 'cfg_texte_cookies_label' => 'Texte des cookies',
+ 'dsfr_cfg_masquer_cookies_label' => 'Masquer les cookies?',
+ 'dsfr_cfg_liste_des_cookies' => 'Liste des cookies?',
+ 'dsfr_cfg_liste_des_cookies_explication' => 'Configurer la liste des cookies?',
+ 'dsfr_cfg_modifier_texte_cookies_label' => 'Modifier le texte des cookies?',
+ 'dsfr_cfg_configuration_titre_texte_cookies' => 'Configurer le titre du texte des cookies',
+ 'dsfr_cfg_titre_texte_cookies' => 'Titre des cookies',
+ 'dsfr_cfg_texte_cookies_label' => 'Texte des cookies',
- 'cfg_texte_cookies_explication' => 'Configurer le texte pour le panneau des cookies',
- 'cfg_masquer_parametres_affichage_label' => 'Masquer les paramètres d\'affichage?',
- 'cfg_parametre_affichage_defaut_label' => 'Paramètres d\'affichage par défaut',
- 'cfg_pad_dans_footer_label' => 'Paramètres d\'affichage dans footer',
- 'cfg_note_parametres_affichage' => '
+ 'dsfr_cfg_texte_cookies_explication' => 'Configurer le texte pour le panneau des cookies',
+ 'dsfr_cfg_masquer_parametres_affichage_label' => 'Masquer les paramètres d\'affichage?',
+ 'dsfr_cfg_parametre_affichage_defaut_label' => 'Paramètres d\'affichage par défaut',
+ 'dsfr_cfg_pad_dans_footer_label' => 'Paramètres d\'affichage dans footer',
+ 'dsfr_cfg_note_parametres_affichage' => '
Les paramètres d\'affichage prennent la place du lien d\'accès rapide 3<br><br>
Les paramètres d\'affichage sont dépendants des liens d\'accès -> Liens d\'accès automatiquement activés si vous activez « <strong>paramètres d\'affichage</strong> ».',
- 'cfg_masquer_liste_acces_rapide_label' => 'Masquer la liste d\'accès rapide?',
- 'cfg_lien_dacces_rapide_label' => 'Lien rapide',
- 'cfg_configuration_lien_dacces_rapide' => 'Configurer le lien rapide',
- 'cfg_note_altkey' => '
+ 'dsfr_cfg_masquer_liste_acces_rapide_label' => 'Masquer la liste d\'accès rapide?',
+ 'dsfr_cfg_lien_dacces_rapide_label' => 'Lien rapide',
+ 'dsfr_cfg_configuration_lien_dacces_rapide' => 'Configurer le lien rapide',
+ 'dsfr_cfg_note_altkey' => '
Sélectionnez un champ input ci-dessus et appuyez sur la touche « <strong>ALT</strong> » pour activer le configurateur d\'éléments.',
- 'cfg_masquer_logo_secondaire_label' => 'Masquer logo secondaire?',
- 'cfg_choix_type_insertion_second_logo_label' => 'Type du logo',
+ 'dsfr_cfg_masquer_logo_secondaire_label' => 'Masquer logo secondaire?',
+ 'dsfr_cfg_choix_type_insertion_second_logo_label' => 'Type du logo',
- 'cfg_choix_nombre_de_liens_ecosysteme' => 'Nombre de liens',
+ 'dsfr_cfg_choix_nombre_de_liens_ecosysteme' => 'Nombre de liens',
- 'cfg_masquer_partage_reseaux_sociaux_label' => 'Masquer le suivi sur les réseaux sociaux?',
- 'cfg_titre_partage_reseaux_sociaux_label' => 'Titre du bloc suivi',
- 'cfg_titre_partage_reseaux_sociaux_explication' => 'Configurer le titre du bloc suivi',
- 'cfg_url_facebook_label' => 'Url Facebook',
- 'cfg_url_twitter_label' => 'Url Twitter',
- 'cfg_url_youtube_label' => 'Url Youtube',
- 'cfg_url_instagram_label' => 'Url Instagram',
- 'cfg_url_linkedin_label' => 'Url Linkedin',
- 'cfg_url_rss_label' => 'Url Flux RSS',
- 'cfg_url_rss_explication' => 'Configurer le lien du flux RSS',
+ 'dsfr_cfg_masquer_partage_reseaux_sociaux_label' => 'Masquer le suivi sur les réseaux sociaux?',
+ 'dsfr_cfg_titre_partage_reseaux_sociaux_label' => 'Titre du bloc suivi',
+ 'dsfr_cfg_titre_partage_reseaux_sociaux_explication' => 'Configurer le titre du bloc suivi',
+ 'dsfr_cfg_url_facebook_label' => 'Url Facebook',
+ 'dsfr_cfg_url_twitter_label' => 'Url Twitter',
+ 'dsfr_cfg_url_youtube_label' => 'Url Youtube',
+ 'dsfr_cfg_url_instagram_label' => 'Url Instagram',
+ 'dsfr_cfg_url_linkedin_label' => 'Url Linkedin',
+ 'dsfr_cfg_url_rss_label' => 'Url Flux RSS',
+ 'dsfr_cfg_url_rss_explication' => 'Configurer le lien du flux RSS',
- 'cfg_ecosysteme_label' => 'Lien écosystème',
- 'cfg_ecosysteme_explication' => 'Configurer le lien écosystème',
- 'cfg_titre_du_bloc_partenaires' => 'Titre du bloc « Partenaires »',
+ 'dsfr_cfg_ecosysteme_label' => 'Lien écosystème',
+ 'dsfr_cfg_ecosysteme_explication' => 'Configurer le lien écosystème',
+ 'dsfr_cfg_titre_du_bloc_partenaires' => 'Titre du bloc « Partenaires »',
- 'cfg_lien_vers_votre_page' => 'Configurer ce champ',
- 'cfg_configurer_lien_reseaux_sociaux' => 'Configurer le lien',
- 'cfg_lien_legal_label' => 'Lien légal',
- 'cfg_choix_nombre_de_liens_obligations_legales' => 'Nombre de liens obligations légales',
- 'cfg_afficher_bouton_cookies' => 'Bouton Cookies dans footer?',
- 'cfg_dsfr_licence' => 'Information de licence?',
+ 'dsfr_cfg_lien_vers_votre_page' => 'Configurer ce champ',
+ 'dsfr_cfg_configurer_lien_reseaux_sociaux' => 'Configurer le lien',
+ 'dsfr_cfg_lien_legal_label' => 'Lien légal',
+ 'dsfr_cfg_choix_nombre_de_liens_obligations_legales' => 'Nombre de liens obligations légales',
+ 'dsfr_cfg_afficher_bouton_cookies' => 'Bouton Cookies dans footer?',
+ 'dsfr_cfg_dsfr_licence' => 'Information de licence?',
- 'cfg_enregistrer_le_formulaire' => 'Enregistrer le formulaire',
- 'cfg_charger_nouvelle_image' => 'Charger une nouvelle image',
- 'cfg_fichier' => 'fichier',
- 'cfg_code' => 'code',
- 'cfg_choix_option' => 'Sélectionnez une option',
- 'cfg_configuration_liste_de_liens' => 'Configuration de la liste de lien',
- 'cfg_liste_de_liens' => 'Liste de liens',
- 'cfg_configuration_menu' => 'Configuration du menu',
- 'cfg_menu' => 'Menu',
- 'cfg_interne' => 'Interne',
- 'cfg_externe' => 'Externe',
- 'cfg_notes' => 'Notes',
- 'cfg_notes_dsfr' => 'Notes DSFR',
- 'cfg_titre_parametrages_header' => 'Configuration des paramètres du header',
- 'cfg_titre_panneau_commandes' => 'Panneau de commandes',
- 'cfg_oui' => 'oui',
- 'cfg_non' => 'non',
+ 'dsfr_cfg_enregistrer_le_formulaire' => 'Enregistrer le formulaire',
+ 'dsfr_cfg_charger_nouvelle_image' => 'Charger une nouvelle image',
+ 'dsfr_cfg_fichier' => 'fichier',
+ 'dsfr_cfg_code' => 'code',
+ 'dsfr_cfg_choix_option' => 'Sélectionnez une option',
+ 'dsfr_cfg_configuration_liste_de_liens' => 'Configuration de la liste de lien',
+ 'dsfr_cfg_liste_de_liens' => 'Liste de liens',
+ 'dsfr_cfg_configuration_menu' => 'Configuration du menu',
+ 'dsfr_cfg_menu' => 'Menu',
+ 'dsfr_cfg_interne' => 'Interne',
+ 'dsfr_cfg_externe' => 'Externe',
+ 'dsfr_cfg_notes' => 'Notes',
+ 'dsfr_cfg_notes_dsfr' => 'Notes DSFR',
+ 'dsfr_cfg_titre_parametrages_header' => 'Configuration des paramètres du header',
+ 'dsfr_cfg_titre_panneau_commandes' => 'Panneau de commandes',
+ 'dsfr_cfg_oui' => 'oui',
+ 'dsfr_cfg_non' => 'non',
// T
'titre_page_configurer_design_system_admin' => 'Configuration DSFR',
- 'cfg_fr' => 'Français',
- 'cfg_en' => 'Anglais',
- 'cfg_es' => 'Espagnol',
- 'cfg_de' => 'Allemand',
- 'cfg_it' => 'Italien',
- 'cfg_pt' => 'Portugais',
- 'cfg_ru' => 'Russe',
- 'cfg_zh' => 'Chinois',
- 'cfg_ja' => 'Japonais',
- 'cfg_ar' => 'Arabe',
- 'cfg_hi' => 'Hindi',
- 'cfg_bn' => 'Bengali',
- 'cfg_ko' => 'Coréen',
- 'cfg_nl' => 'Néerlandais',
- 'cfg_sv' => 'Suédois',
- 'cfg_da' => 'Danois',
- 'cfg_fi' => 'Finnois',
- 'cfg_no' => 'Norvégien',
- 'cfg_pl' => 'Polonais',
- 'cfg_tr' => 'Turc',
- 'cfg_el' => 'Grec',
- 'cfg_he' => 'Hébreu',
- 'cfg_cs' => 'Tchèque',
- 'cfg_hu' => 'Hongrois',
- 'cfg_th' => 'Thaï',
- 'cfg_download_doc' => 'Télécharger le document',
- 'cfg_version_texte' => 'Version texte',
- 'cfg_enlarge_image' => 'Agrandir',
+ 'dsfr_cfg_fr' => 'Français',
+ 'dsfr_cfg_en' => 'Anglais',
+ 'dsfr_cfg_es' => 'Espagnol',
+ 'dsfr_cfg_de' => 'Allemand',
+ 'dsfr_cfg_it' => 'Italien',
+ 'dsfr_cfg_pt' => 'Portugais',
+ 'dsfr_cfg_ru' => 'Russe',
+ 'dsfr_cfg_zh' => 'Chinois',
+ 'dsfr_cfg_ja' => 'Japonais',
+ 'dsfr_cfg_ar' => 'Arabe',
+ 'dsfr_cfg_ko' => 'Coréen',
+ 'dsfr_cfg_nl' => 'Néerlandais',
+ 'dsfr_cfg_sv' => 'Suédois',
+ 'dsfr_cfg_da' => 'Danois',
+ 'dsfr_cfg_fi' => 'Finnois',
+ 'dsfr_cfg_no' => 'Norvégien',
+ 'dsfr_cfg_pl' => 'Polonais',
+ 'dsfr_cfg_tr' => 'Turc',
+ 'dsfr_cfg_el' => 'Grec',
+ 'dsfr_cfg_he' => 'Hébreu',
+ 'dsfr_cfg_cs' => 'Tchèque',
+ 'dsfr_cfg_hu' => 'Hongrois',
+ 'dsfr_cfg_th' => 'Thaï',
+ 'dsfr_cfg_download_doc' => 'Télécharger le document',
+ 'dsfr_cfg_version_texte' => 'Version texte',
+ 'dsfr_cfg_enlarge_image' => 'Agrandir',
+ // header
+ 'dsfr_cfg_retour_accueil' => 'Retour à la page d\'accueil',
+ 'dsfr_cfg_logo_secondaire' => 'Secondary log',
+ 'dsfr_cfg_rechercher' => 'Rechercher',
+ 'dsfr_cfg_parametres_affichage' => 'Paramètres d\'affichage',
];
diff --git a/design_system_admin/mes_fonctions.php b/design_system_admin/mes_fonctions.php
index b84f657e5bb131efa28618011572cb6269fa74e5..b7c21d1150f0e24432d61c3fc2c58e3c6235cefe 100644
--- a/design_system_admin/mes_fonctions.php
+++ b/design_system_admin/mes_fonctions.php
@@ -88,6 +88,9 @@ function bel_env($env) {
function traduire_cfg($lang) {
return _T('design_system_admin:dsfr_cfg_' . $lang);
}
+function traduire_cfg_child($lang) {
+ return _T('design_system_child:dsfr_cfg_' . $lang);
+}
function supprimer_html($texte) {
return strip_tags($texte);
}
diff --git a/design_system_admin/prive/css/dsfrconfiguration.css b/design_system_admin/prive/css/dsfrconfiguration.css
index 30f2d52c52875955ae21a133896efd53a932f0b4..b3a58644d36536e766a338be694991c62ad2617f 100644
--- a/design_system_admin/prive/css/dsfrconfiguration.css
+++ b/design_system_admin/prive/css/dsfrconfiguration.css
@@ -648,3 +648,76 @@ label{
grid-template-columns: repeat(1, 1fr);
}
}
+
+ .tabs{
+ margin-top:1rem;;
+ }
+ [role="tablist"] {
+ min-width: 100%;
+ }
+
+ [role="tab"],
+ [role="tab"]:focus,
+ [role="tab"]:hover {
+ display: inline-block;
+ position: relative;
+ z-index: 2;
+ top: 2px;
+ margin: 0;
+ margin-top: 4px;
+ padding: 3px 3px 4px;
+ border: 1px solid hsl(219deg 1% 72%);
+ border-bottom: 2px solid hsl(219deg 1% 72%);
+ border-radius: 5px 5px 0 0;
+ outline: none;
+ font-weight: bold;
+ max-width: 22%;
+ overflow: hidden;
+ text-align: left;
+ cursor: pointer;
+ }
+
+ [role="tab"][aria-selected="true"] {
+ padding: 2px 2px 4px;
+ margin-top: 0;
+ border-width: 2px;
+ border-top-width: 6px;
+ border-top-color: rgb(36 116 214);
+ border-bottom-color: hsl(220deg 43% 99%);
+ }
+
+ [role="tab"][aria-selected="false"] {
+ border-bottom: 1px solid hsl(219deg 1% 72%);
+ }
+
+ [role="tab"] span.focus {
+ display: inline-block;
+ margin: 2px;
+ padding: 4px 6px;
+ }
+
+ [role="tab"]:hover span.focus,
+ [role="tab"]:focus span.focus,
+ [role="tab"]:active span.focus {
+ padding: 2px 4px;
+ border: 2px solid rgb(36 116 214);
+ border-radius: 3px;
+ }
+
+ [role="tabpanel"] {
+ padding: 1rem;
+ border: 2px solid hsl(219deg 1% 72%);
+ border-radius: 0 5px 5px;
+ min-height: 10em;
+ width: 100%;
+ overflow: none;
+ }
+
+ [role="tabpanel"].is-hidden {
+ display: none;
+ }
+
+ [role="tabpanel"] p {
+ margin: 0;
+ }
+
\ No newline at end of file
diff --git a/design_system_admin/prive/javascript/tabs.js b/design_system_admin/prive/javascript/tabs.js
new file mode 100644
index 0000000000000000000000000000000000000000..0c8286690d57783f76c35281be828d7689e2be73
--- /dev/null
+++ b/design_system_admin/prive/javascript/tabs.js
@@ -0,0 +1,136 @@
+/*
+ * This content is licensed according to the W3C Software License at
+ * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ * File: tabs-automatic.js
+ *
+ * Desc: Tablist widget that implements ARIA Authoring Practices
+ */
+
+'use strict';
+
+class TabsAutomatic {
+ constructor(groupNode) {
+ this.tablistNode = groupNode;
+
+ this.tabs = [];
+
+ this.firstTab = null;
+ this.lastTab = null;
+
+ this.tabs = Array.from(this.tablistNode.querySelectorAll('[role=tab]'));
+ this.tabpanels = [];
+
+ for (var i = 0; i < this.tabs.length; i += 1) {
+ var tab = this.tabs[i];
+ var tabpanel = document.getElementById(tab.getAttribute('aria-controls'));
+
+ tab.tabIndex = -1;
+ tab.setAttribute('aria-selected', 'false');
+ this.tabpanels.push(tabpanel);
+
+ tab.addEventListener('keydown', this.onKeydown.bind(this));
+ tab.addEventListener('click', this.onClick.bind(this));
+
+ if (!this.firstTab) {
+ this.firstTab = tab;
+ }
+ this.lastTab = tab;
+ }
+
+ this.setSelectedTab(this.firstTab, false);
+ }
+
+ setSelectedTab(currentTab, setFocus) {
+ if (typeof setFocus !== 'boolean') {
+ setFocus = true;
+ }
+ for (var i = 0; i < this.tabs.length; i += 1) {
+ var tab = this.tabs[i];
+ if (currentTab === tab) {
+ tab.setAttribute('aria-selected', 'true');
+ tab.removeAttribute('tabindex');
+ this.tabpanels[i].classList.remove('is-hidden');
+ if (setFocus) {
+ tab.focus();
+ }
+ } else {
+ tab.setAttribute('aria-selected', 'false');
+ tab.tabIndex = -1;
+ this.tabpanels[i].classList.add('is-hidden');
+ }
+ }
+ }
+
+ setSelectedToPreviousTab(currentTab) {
+ var index;
+
+ if (currentTab === this.firstTab) {
+ this.setSelectedTab(this.lastTab);
+ } else {
+ index = this.tabs.indexOf(currentTab);
+ this.setSelectedTab(this.tabs[index - 1]);
+ }
+ }
+
+ setSelectedToNextTab(currentTab) {
+ var index;
+
+ if (currentTab === this.lastTab) {
+ this.setSelectedTab(this.firstTab);
+ } else {
+ index = this.tabs.indexOf(currentTab);
+ this.setSelectedTab(this.tabs[index + 1]);
+ }
+ }
+
+ /* EVENT HANDLERS */
+
+ onKeydown(event) {
+ var tgt = event.currentTarget,
+ flag = false;
+
+ switch (event.key) {
+ case 'ArrowLeft':
+ this.setSelectedToPreviousTab(tgt);
+ flag = true;
+ break;
+
+ case 'ArrowRight':
+ this.setSelectedToNextTab(tgt);
+ flag = true;
+ break;
+
+ case 'Home':
+ this.setSelectedTab(this.firstTab);
+ flag = true;
+ break;
+
+ case 'End':
+ this.setSelectedTab(this.lastTab);
+ flag = true;
+ break;
+
+ default:
+ break;
+ }
+
+ if (flag) {
+ event.stopPropagation();
+ event.preventDefault();
+ }
+ }
+
+ onClick(event) {
+ this.setSelectedTab(event.currentTarget);
+ }
+}
+
+// Initialize tablist
+
+window.addEventListener('load', function () {
+ var tablists = document.querySelectorAll('[role=tablist].automatic');
+ for (var i = 0; i < tablists.length; i++) {
+ new TabsAutomatic(tablists[i]);
+ }
+});
diff --git a/design_system_admin/prive/squelettes/page.html b/design_system_admin/prive/squelettes/page.html
index e0d655453712f53eca181ea486095349544f5dcd..a2ef24b80af489c5ecdc2afba62e631e5fe7b2e9 100644
--- a/design_system_admin/prive/squelettes/page.html
+++ b/design_system_admin/prive/squelettes/page.html
@@ -2,6 +2,7 @@
<INCLURE{fond=prive/squelettes/structure}{env}{type-page=#ENV{type-page,#ENV{exec}}}{composition=#ENV{composition,''}}>
[(#ENV{exec}|=={configurer_design_system_admin}|oui)
[<script type="text/javascript" src="(#CHEMIN{prive/javascript/dsfrconfiguration.js})"></script>]
+ [<script type="text/javascript" src="(#CHEMIN{prive/javascript/tabs.js})"></script>]
[<link rel="stylesheet" media="all" href="(#CHEMIN{prive/css/dsfrconfiguration.css}|timestamp)" />]
<style>
.dontshow {
diff --git a/design_system_admin/prive/themes/spip/images/langues/ar.png b/design_system_admin/prive/themes/spip/images/langues/ar.png
new file mode 100644
index 0000000000000000000000000000000000000000..e2fc3b81c8c8ecced5752ca73a128b4a9f8b5314
Binary files /dev/null and b/design_system_admin/prive/themes/spip/images/langues/ar.png differ
diff --git a/design_system_admin/prive/themes/spip/images/langues/de.png b/design_system_admin/prive/themes/spip/images/langues/de.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac3e0f27e3cce7a0e228e8df6083683359f4e211
Binary files /dev/null and b/design_system_admin/prive/themes/spip/images/langues/de.png differ
diff --git a/design_system_admin/prive/themes/spip/images/langues/en.png b/design_system_admin/prive/themes/spip/images/langues/en.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f8ad703cb9e3db8a04dcd3df1f4412cb8098561
Binary files /dev/null and b/design_system_admin/prive/themes/spip/images/langues/en.png differ
diff --git a/design_system_admin/prive/themes/spip/images/langues/es.png b/design_system_admin/prive/themes/spip/images/langues/es.png
new file mode 100644
index 0000000000000000000000000000000000000000..f9725cbabc3c2c08fcede16f5db3f97a11a05adc
Binary files /dev/null and b/design_system_admin/prive/themes/spip/images/langues/es.png differ
diff --git a/design_system_admin/prive/themes/spip/images/langues/fr.png b/design_system_admin/prive/themes/spip/images/langues/fr.png
new file mode 100644
index 0000000000000000000000000000000000000000..87bf927ed9682bff15c6eec582aba6260cc4bd2e
Binary files /dev/null and b/design_system_admin/prive/themes/spip/images/langues/fr.png differ
diff --git a/design_system_admin/prive/themes/spip/images/langues/it.png b/design_system_admin/prive/themes/spip/images/langues/it.png
new file mode 100644
index 0000000000000000000000000000000000000000..7dd5c928bd9de050306903e2020248b7b354d8ce
Binary files /dev/null and b/design_system_admin/prive/themes/spip/images/langues/it.png differ
diff --git a/design_system_admin/prive/themes/spip/images/langues/ja.png b/design_system_admin/prive/themes/spip/images/langues/ja.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac28f8c50945e539810c0c727fe527abd29afeba
Binary files /dev/null and b/design_system_admin/prive/themes/spip/images/langues/ja.png differ
diff --git a/design_system_admin/prive/themes/spip/images/langues/pt.png b/design_system_admin/prive/themes/spip/images/langues/pt.png
new file mode 100644
index 0000000000000000000000000000000000000000..359674ad90b958db385213d041c56469a56f71a9
Binary files /dev/null and b/design_system_admin/prive/themes/spip/images/langues/pt.png differ
diff --git a/design_system_admin/prive/themes/spip/images/langues/ru.png b/design_system_admin/prive/themes/spip/images/langues/ru.png
new file mode 100644
index 0000000000000000000000000000000000000000..de045cd69b7a34b15148015c4b6039cf0fe4ff05
Binary files /dev/null and b/design_system_admin/prive/themes/spip/images/langues/ru.png differ
diff --git a/design_system_admin/prive/themes/spip/images/langues/zh.png b/design_system_admin/prive/themes/spip/images/langues/zh.png
new file mode 100644
index 0000000000000000000000000000000000000000..400f2bacbc57786b27938d1e0d9ece442f1e9369
Binary files /dev/null and b/design_system_admin/prive/themes/spip/images/langues/zh.png differ
diff --git a/design_system_admin/prive/themes/spip/images/traduire.png b/design_system_admin/prive/themes/spip/images/traduire.png
new file mode 100644
index 0000000000000000000000000000000000000000..33ac3e81b36aae13f5f73e39b5443ad101ca7c37
Binary files /dev/null and b/design_system_admin/prive/themes/spip/images/traduire.png differ