Browse Source

Multiétape : intégrer les icones de fieldset

pull/187/head
Maïeul 6 months ago
parent
commit
4819d7cb3e
  1. 16
      formulaires/inc-saisies-cvt-boutons.html
  2. 8
      formulaires/inc-saisies-cvt-etapes-courante.html
  3. 13
      formulaires/inc-saisies-cvt-etapes-defaut.html
  4. 24
      formulaires/saisies_cvt.php
  5. 2
      saisies-vues/fieldset.html

16
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>
]

8
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)

13
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>

24
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(

2
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'})

Loading…
Cancel
Save