Browse Source

Supprimer le div englobant des fieldsets

Maïeul 8 months ago
parent
commit
82d4c52926
  1. 1
      CHANGELOG.md
  2. 6
      css/saisies.css
  3. 4
      javascript/saisies.js
  4. 29
      saisies/fieldset.html

1
CHANGELOG.md

@ -21,6 +21,7 @@
- #199 constructeur de saisie : tout ce qui est `afficher_si` dans un
onglet à part `condition`
- #188 constructeur de formulaire : positionner l'écran sur la saisie en cours d'édition
- #172 Simplification du markup de la saisie `fieldset`. On passe de `div.fielset > fieldset` à `fieldset.fieldset`
### Fixed

6
css/saisies.css

@ -3,16 +3,16 @@ fieldset {
min-width:0;
}
.fieldset.pliable > fieldset > .legend{
fieldset.pliable > .legend{
cursor:pointer;
}
.fieldset.pliable:not(.plie) > fieldset > .legend span:before{
fieldset.pliable:not(.plie) > .legend span:before{
content: '▾ ';
}
.fieldset.plie > fieldset > .legend span:before{
fieldset.plie > .legend span:before{
content: '▸ ';
}

4
javascript/saisies.js

@ -18,8 +18,8 @@ function saisies_fieldset_pliable(){
jQuery('.fieldset.pliable')
.each(function(){
var fieldset = jQuery(this);
var groupe = jQuery(this).find('> fieldset > .editer-groupe');
var legend = jQuery(this).find('> fieldset > .legend');
var groupe = jQuery(this).find('> .editer-groupe');
var legend = jQuery(this).find('> .legend');
// On éviter de plier un fieldset qui contient des erreurs lors de
// l'initialisation.

29
saisies/fieldset.html

@ -11,24 +11,23 @@
]
#SET{erreur_ici,#ENV**{erreurs/#ENV{nom}}}
<div class="avec_sous_saisies fieldset[ fieldset_(#ENV{nom}|saisie_nom2classe)][ (#ENV{conteneur_class,#ENV{li_class}})][ (#ENV{type_saisie}|saisie_type2classe)][ (#GET{classe_pliable})[ (#GET{classe_plie})]][ (#GET{classe_onglet})]"[ data-id="(#ENV{id_saisie})"][ data-afficher_si="(#ENV*{afficher_si}|saisies_afficher_si_js{#ENV{_saisies}})"]>
<fieldset id="champ_[(#ENV{id,#ENV{nom}}|saisie_nom2classe)]" class="avec_sous_saisies fieldset[ fieldset_(#ENV{nom}|saisie_nom2classe)][ (#ENV{conteneur_class,#ENV{li_class}})][ (#ENV{type_saisie}|saisie_type2classe)][ (#GET{classe_pliable})[ (#GET{classe_plie})]][ (#GET{classe_onglet})]"[ data-id="(#ENV{id_saisie})"][ data-afficher_si="(#ENV*{afficher_si}|saisies_afficher_si_js{#ENV{_saisies}})"][ (#ENV*{attributs})]>
#ENV*{inserer_debut}
<fieldset id="champ_[(#ENV{id,#ENV{nom}}|saisie_nom2classe)]"[ (#ENV*{attributs})]>
[(#ENV{label}|oui)
[(#REM) Récupérer le tag qui sera utilisé pour la légende ]
[(#SET{tag, [(#ENV*{tagfield,<legend>}|inserer_attribut{class,legend})]})]
[(#INCLURE{fond=inclure/fieldset_legend, env}|wrap{#GET{tag}})]
]
[(#ENV{label}|oui)
[(#REM) Récupérer le tag qui sera utilisé pour la légende ]
[(#SET{tag, [(#ENV*{tagfield,<legend>}|inserer_attribut{class,legend})]})]
[(#INCLURE{fond=inclure/fieldset_legend, env}|wrap{#GET{tag}})]
]
[<span class='erreur_message'>(#GET{erreur_ici})</span>]
[<p class='explication'>(#ENV*{explication})</p>]
[<em class='attention'>(#ENV*{attention})</em>]
[(#ENV{saisies}|is_array|oui)
[<span class='erreur_message'>(#GET{erreur_ici})</span>]
[<p class='explication'>(#ENV*{explication})</p>]
[<em class='attention'>(#ENV*{attention})</em>]
[(#ENV{saisies}|is_array|oui)
<div class="editer-groupe">
#INCLURE{fond=#ENV{fond_generer,"inclure/generer_saisies"}, env, saisies=#ENV{saisies}, from_fieldset='on'}
#INCLURE{fond=#ENV{fond_generer,"inclure/generer_saisies"}, env, saisies=#ENV{saisies}, from_fieldset='on'}
</div>
]
</fieldset>
]
#ENV*{inserer_fin}
</div>
</fieldset>

Loading…
Cancel
Save