Multiétape : intégrer les icones de fieldset

formulaires/inc-saisies-cvt-boutons.html

@@ -4,14 +4,26 @@
 	[(#ENV{_etape}|et{#ENV{_etape}|!={#ENV{_etapes}}}|oui)
 		[(#SET{label_valider, #ENV*{_saisies/options/etapes_suivant, <:bouton_suivant:>}})]
 		[(#ENV*{_saisies/options/etapes_precedent_suivant_titrer}|oui)
-			[(#SET{etape_suivante_titre,#ENV*{_saisies_par_etapes/etape_#VAL{#ENV{_etape}|plus{1}}/options/label}|sinon{<:saisies:etapes_recapitulatif_label:>}})]
+			#SET{etape,#ENV*{_saisies_par_etapes/etape_#VAL{#ENV{_etape}|plus{1}}}
+			[(#SET{etape_suivante_titre,#INCLURE{
+				fond=inclure/fieldset_legend,
+				label=#GET{etape/options/label},
+				icone=#GET{etape/options/icone},
+				taille_icone=#GET{etape/options/taille_icone}
+		}|sinon{<:saisies:etapes_recapitulatif_label:>}})]
 			#SET{label_valider,#GET{label_valider}|trim|label_ponctuer|concat{' ',#GET{etape_suivante_titre}|wrap{'<span class="titre-etape">'}}}
 		]
 	]
 	[(#ENV{_etape}|>{1}|oui)
 		[(#SET{label_precedent,#ENV*{_saisies/options/etapes_precedent, <:precedent|ucfirst:>}})]
 		[(#ENV*{_saisies/options/etapes_precedent_suivant_titrer}|oui)
-			#SET{label_precedent,#GET{label_precedent}|trim|label_ponctuer|concat{' ',#ENV*{_saisies_par_etapes/etape_#VAL{#ENV{_etape}|moins{1}}/options/label}|wrap{'<span class="titre-etape">'}}}
+			#SET{etape,#ENV*{_saisies_par_etapes/etape_#VAL{#ENV{_etape}|moins{1}}}}
+			#SET{label_precedent,#GET{label_precedent}|trim|label_ponctuer|concat{' ',#INCLURE{
+				fond=inclure/fieldset_legend,
+				label=#GET{etape/options/label},
+				icone=#GET{etape/options/icone},
+				taille_icone=#GET{etape/options/taille_icone}
+		}|wrap{'<span class="titre-etape">'}}}
 		]
 		<button type="submit" class="submit submit_precedent" name="aller_a_etape" value="[(#ENV{_saisies}|saisies_determiner_recul_rapide{#ENV{_etape}})]"><span class="btn__label">[(#GET{label_precedent}|_T_ou_typo)]</span></button>
 	]

formulaires/inc-saisies-cvt-etapes-courante.html

@@ -15,7 +15,13 @@
 [(#ENV{_etape}|=={#GET{etape_courante}}|oui)
 	#SET{etape_a_afficher,#GET{etape_a_afficher}|plus{1}}
 	#SET{etapes_max,#GET{etapes_max}|plus{1}}
-	#SET{etape_a_afficher_label,#VALEUR{options/label}}
+	#SET{etape_a_afficher_label,#INCLURE{
+					fond=inclure/fieldset_legend,
+					label=#VALEUR{options/label},
+					icone=#VALEUR{options/icone},
+					taille_icone=#VALEUR{options/taille_icone}
+					}
+				}
 ]
 [(#REM) Mettre toutes les étapes futures]
 [(#GET{etape_courante}|>{#ENV{_etape}}|oui)

formulaires/inc-saisies-cvt-etapes-defaut.html

@@ -14,9 +14,16 @@
 		]
 		[(#GET{afficher}|oui)
 			<li [data-afficher_si="(#GET{afficher_si})"] class="etapes__item"[(#ENV{_etape}|=={#GET{etape}}|oui) aria-current="step"]>
-				[(#ENV{_etape}|>{#GET{etape}}|oui)<button type="submit" class="submit" name="aller_a_etape" value="#GET{etape}">#VALEUR{options/label}</button>]
-				[(#ENV{_etape}|=={#GET{etape}}|oui)<em>#VALEUR{options/label}</em>]
-				[(#ENV{_etape}|<{#GET{etape}}|oui)<span>#VALEUR{options/label}</span>]
+				#SET{label_etape,#INCLURE{
+					fond=inclure/fieldset_legend,
+					label=#VALEUR{options/label},
+					icone=#VALEUR{options/icone},
+					taille_icone=#VALEUR{options/taille_icone}
+					}
+				}
+				[(#ENV{_etape}|>{#GET{etape}}|oui)<button type="submit" class="submit" name="aller_a_etape" value="#GET{etape}">#GET{label_etape}</button>]
+				[(#ENV{_etape}|=={#GET{etape}}|oui)<em>#GET{label_etape}</em>]
+				[(#ENV{_etape}|<{#GET{etape}}|oui)<span>#GET{label_etape}</span>]
 			</li>
 		]
 		</BOUCLE_etapes>

formulaires/saisies_cvt.php

@@ -15,14 +15,14 @@ function formulaires_saisies_cvt_saisies_dist() {
 			'etapes_suivant' => 'Suivant pouet',
 			'etapes_precedent' => 'Précédent pouet',
 			'etapes_navigation' => 'on',
+			'etapes_presentation' => 'courante',
+			'etapes_precedent_suivant_titrer' => 'true'
 		),
 		array(
 			'saisie' => 'fieldset',
 			'options' => array(
 				'nom' => 'persos',
 				'label' => 'Informations personnelles',
-				'icone' => 'saisies-xx.svg',
-				'taille_icone' => '24'
 			),
 			'saisies' => array(
 				array(
@@ -62,7 +62,7 @@ function formulaires_saisies_cvt_saisies_dist() {
 		array(
 			'saisie' => 'radio',
 			'options' => array(
-				'nom' => 'radio avec disable',
+				'nom' => 'radio avec disable (hors groupe)',
 				'data' => array(
 					'a' => 'a',
 					'b' => 'b',
@@ -72,11 +72,29 @@ function formulaires_saisies_cvt_saisies_dist() {
 				'disable_choix' => array('b', 'c')
 			)
 		),
+		array(
+			'saisie' => 'fieldset',
+			'options' => array(
+					'nom' => 'aumilieu',
+					'label' => 'une étape au milieu'
+				),
+			'saisies' => array(
+					array(
+						'saisie' => 'case',
+						'options' => array(
+							'label' => 'Une case au milieu',
+							'nom' => 'case_milieu',
+						)
+					)
+			)
+		),
 		array(
 			'saisie' => 'fieldset',
 			'options' => array(
 				'nom' => 'ecrire',
 				'label' => 'Des choses à dire',
+				'icone' => 'saisies-xx.svg',
+				'taille_icone' => '24'
 			),
 			'saisies' => array(
 				array(

saisies-vues/fieldset.html

@@ -2,7 +2,7 @@
 [(#ENV{saisies}|is_array|oui)
 	[
 		[(#ENV{valeur_uniquement}|et{#ENV{valeur_uniquement}|!={non}}|non)
-		[<strong [id="(#ENV{nom})_label"] class="fieldset_legend[ (#ENV{vue_class})]">(#ENV{label})</strong>]
+		[<strong [id="(#ENV{nom})_label"] class="fieldset_legend[ (#ENV{vue_class})]">(#INCLURE{fond=inclure/fieldset_legend, env})</strong>]
 		<div class="fieldset_valeurs">
 		]
 			(#INCLURE{fond=inclure/voir_saisies, env, from_fieldset='on'})