diff --git a/design_system_admin/formulaires/configurer_design_system_admin.html b/design_system_admin/formulaires/configurer_design_system_admin.html
index 477f2d7e20bd0729e8dbe86b593f19f629472f4b..93f79d125c91831e5df1b651562bb2d226ddd3fa 100644
--- a/design_system_admin/formulaires/configurer_design_system_admin.html
+++ b/design_system_admin/formulaires/configurer_design_system_admin.html
@@ -94,24 +94,24 @@
[(#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">
-
-
-
+ <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>
+ <span class="focus"><img src="[(#CHEMIN{prive/themes/spip/images/langues/#CONFIG_VALUE{value_langue_1}.png})]" width="21"> #CONFIG_VALUE{langue_1}</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>
+ <span class="focus"><img src="[(#CHEMIN{prive/themes/spip/images/langues/#CONFIG_VALUE{value_langue_2}.png})]" width="21"> #CONFIG_VALUE{langue_2}</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>
-
+ [(#CONFIG_VALUE{nombre_de_langue}|>{2}|oui)
+ <button id="tab-3" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-3" tabindex="-1">
+ <span class="focus"><img src="[(#CHEMIN{prive/themes/spip/images/langues/#CONFIG_VALUE{value_langue_3}.png})]" width="21"> #CONFIG_VALUE{langue_3}</span>
+ </button>
+ ]
+ [(#CONFIG_VALUE{nombre_de_langue}|>{3}|oui)
+ <button id="tab-4" type="button" role="tab" aria-selected="false" aria-controls="tabpanel-4" tabindex="-1">
+ <span class="focus"><img src="[(#CHEMIN{prive/themes/spip/images/langues/#CONFIG_VALUE{value_langue_4}.png})]" width="21"> #CONFIG_VALUE{langue_4}</span>
+ </button>
+ ]
+ </div>
<div id="tabpanel-1" role="tabpanel" tabindex="0" aria-labelledby="tab-1">
]
]
@@ -141,27 +141,48 @@
[(#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 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_#CONFIG_VALUE{langue_2}">Titre dans l'onglet<span class="obligatoire"></span></label>
+ <input type="text" name="title_onglet_navigateur_#CONFIG_VALUE{langue_2}" class="text" id="champ_title_onglet_navigateur_#CONFIG_VALUE{langue_2}" value="#CONFIG_VALUE{title_onglet_navigateur_#CONFIG_VALUE{langue_2}}" 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_#CONFIG_VALUE{langue_2}">Méta-description<span class="obligatoire"></span></label>
+ <textarea name="meta_description_#CONFIG_VALUE{langue_2}" id="champ_meta_description_#CONFIG_VALUE{langue_2}" rows="6" cols="33" placeholder="Champ obligatoire. Saisir le texte de la méta intitulée Meta-description dans le header">#CONFIG_VALUE{meta_description_#CONFIG_VALUE{langue_2}}</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"></span></label>
+ <textarea name="texte_marianne_#CONFIG_VALUE{langue_2}" id="champ_texte_marianne_#CONFIG_VALUE{langue_2}" rows="4" cols="33" placeholder="Champ obligatoire. Saisir le nom de l'institution qui doit apparaître sous la Marianne">#CONFIG_VALUE{texte_marianne_#CONFIG_VALUE{langue_2}}</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>
+ [(#CONFIG_VALUE{nombre_de_langue}|>{2}|oui)
+ <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>
+ ]
+ [(#CONFIG_VALUE{nombre_de_langue}|>{3}|oui)
+ <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>
]
]
@@ -1144,12 +1165,6 @@
#SET{nombre_de_liens_ecosysteme, #CONST{_MAX_NOMBRE_DE_LIENS_ECOSYSTEME}}
<input type="hidden" name="nombre_de_liens_ecosysteme" value="#GET{nombre_de_liens_ecosysteme}" />
</li>
- <li>
- <div class="editer editer_description_footer saisie_textarea editer_odd">
- <label class="editer-label" for="champ_description_footer">Description Footer</label>
- <textarea name="description_footer" class="" id="champ_description_footer" rows="6" cols="33" placeholder="Saisir le texte de description qui doit apparaître dans le footer">#CONFIG_VALUE{description_footer}</textarea>
- </div>
- </li>
<li>
<ul class="gestion_nombre_de_liens_ecosysteme form_configuration">
#SET{nombre_de_liens_ecosysteme, #CONFIG_VALUE{nombre_de_liens_ecosysteme}}
@@ -1163,8 +1178,15 @@
</li>
</BOUCLE_afficher_nombre_de_liens_ecosysteme>
</ul>
+ </li>
+ <li><h3 class="topPadding1">Environnement « Description »</h3></li>
+ <li>
+ <div class="editer editer_description_footer saisie_textarea editer_odd">
+ <label class="editer-label" for="champ_description_footer">Description Footer</label>
+ <textarea name="description_footer" class="" id="champ_description_footer" rows="6" cols="33" placeholder="Saisir le texte de description qui doit apparaître dans le footer">#CONFIG_VALUE{description_footer}</textarea>
+ </div>
</li>
- <li >
+ <li>
<h3 class="topPadding1">Environnement « Licence »</h3>
</li>
<li>
diff --git a/design_system_admin/prive/css/dsfrconfiguration.css b/design_system_admin/prive/css/dsfrconfiguration.css
index b3a58644d36536e766a338be694991c62ad2617f..0e88238bc6ea393652f9f026af4b847004e2244b 100644
--- a/design_system_admin/prive/css/dsfrconfiguration.css
+++ b/design_system_admin/prive/css/dsfrconfiguration.css
@@ -720,4 +720,8 @@ label{
[role="tabpanel"] p {
margin: 0;
}
-
\ No newline at end of file
+ .focus{
+ display: flex !important;
+ align-items: center;
+ }
+ .focus img{ margin-right: 5px;}
\ No newline at end of file