source: spip-zone/_plugins_/noizetier_layout/trunk/saisies/medias_checkbox.html @ 118183

Last change on this file since 118183 was 118170, checked in by Charles Razack, 7 months ago

Gros ménage dans les saisies : on supprime toutes celles expérimentales, ce qui n'en laisse que 3. On les renomme : le préfixe « medias_ » est plus adapté, le principal intérêt de ces saisies est de produire des inputs pour chaque breakpoint de la grille.

  • Property svn:eol-style set to native
File size: 2.4 KB
Line 
1[(#REM)
2
3        Saisie checkbox Gibolinisée
4
5        De base, renvoie un valeur unique.
6        Avec l'option medias, renvoie un tableau.
7
8        Différences avec la saisie normale :
9        - Possibilité d'avoir une ligne pour chaque média de la grille
10        - Possibilité d'exposer certaines valeurs
11
12        Paramètres :
13                **obligatoire
14                *recommandé
15
16                - data** : tableau associatif des valeurs
17                - medias : « oui » pour ajouter une ligne par média
18                  Dans ce cas on renvoie un tableau avec une sous-valeur pour chaque média
19                - obligatoire : « oui »
20                        S'il y a plusieurs médias et que la grille est mobile-first,
21                        seul le 1er est obligatoire.
22                - largeur_image : dimension des images dans les labels
23                - exposer : tableau de valeurs à exposer
24
25]
26#SET{valeur, #ENV{valeur_forcee,#ENV{valeur,#ENV{defaut}}}}
27#SET{grille, #REM|noizetier_layout_decrire_grille}
28#SET{medias, #ENV{medias}|=={oui}|?{#GET{grille/medias},#ARRAY{'',''}}}
29
30<BOUCLE_medias(DATA){source table, #GET{medias}}>
31#SET{media, #CLE}
32#SET{name,  #ENV{nom}|concat{\[\],#ENV{medias}|?{\[#GET{media}\]}}}
33<B_radio>
34<div class="gridedit[ gridedit_(#GET{media}|attribut_html)][ (#ENV{class}|attribut_html)]">
35
36        [<div class="gridedit__item gridedit__item_media">
37                [(#VALEUR{image}|oui)[(#CHEMIN{#VALEUR{image}}|image_reduire{24,24})]]
38                <label>(#VALEUR{label})</label>
39        </div>]
40
41        <BOUCLE_radio(POUR){tableau #ENV*{data}}>
42        #SET{value,    #CLE|noizetier_layout_creer_classe_media{#GET{media}}}
43        #SET{checked,  #GET{valeur}|is_array|?{
44                #GET{value}|in_any{#GET{valeur}},
45                #GET{value}|=={#GET{valeur}}
46  }}
47        #SET{id,       #VAL{champ_}|concat{#ENV{id,#ENV{nom}},_,#GET{media},_,#COMPTEUR_BOUCLE}|saisie_nom2classe}
48        #SET{required, #ENV{obligatoire}|=={oui}|et{#GET{grille/mobile_first}|?{#_medias:COMPTEUR_BOUCLE|=={1},oui}}}
49        #SET{disabled, #ENV{disable}|sinon{#GET{required}|et{#CLE|non}}}
50        #SET{exposer, #GET{value}|in_any{#ENV{exposer}}}
51        <div class="gridedit__item gridedit__item_radio[ (#GET{exposer}|oui)gridedit__item_exposer]">
52                <input
53                        type="checkbox"
54                        name="#GET{name}"
55                        value="#GET{value}"
56                        class="radio"
57                        id="#GET{id}"
58                        [(#GET{checked}|oui)checked="checked"]
59                        [(#GET{required}|oui)required="required"]
60                        [(#GET{disabled}|oui)disabled="disabled"]
61                        [readonly="(#ENV{readonly})"]
62                        [aria-describedby="(#ENV{describedby})"]
63                />
64                <label for="#GET{id}" class="[(#GET{checked}|oui)on][ (#GET{required}|oui)obligatoire]">
65                        [(#VALEUR)]
66                </label>
67        </div>
68        </BOUCLE_radio>
69</div>
70</B_radio>
71</BOUCLE_medias>
Note: See TracBrowser for help on using the repository browser.