source: spip-zone/_plugins_/noizetier_layout/trunk/saisies/medias_radio.html @ 118170

Last change on this file since 118170 was 118170, checked in by Charles Razack, 10 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.7 KB
Line 
1[(#REM)
2
3        Saisie radio 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        - Possibilité d'activer un slider
12
13        Paramètres :
14                **obligatoire
15                *recommandé
16
17                - data** : tableau associatif des valeurs
18                - medias : « oui » pour ajouter une ligne par média
19                  Dans ce cas on renvoie un tableau avec une sous-valeur pour chaque média
20                - obligatoire : « oui »
21                        S'il y a plusieurs médias et que la grille est mobile-first,
22                        seul le 1er est obligatoire.
23                - slider : « oui » pour afficher sous forme de slider
24                - largeur_image : dimension des images dans les labels
25                - exposer : tableau de valeurs à exposer
26
27]
28#SET{valeur, #ENV{valeur_forcee,#ENV{valeur,#ENV{defaut}}}}
29#SET{grille, #REM|noizetier_layout_decrire_grille}
30#SET{medias, #ENV{medias}|=={oui}|?{#GET{grille/medias},#ARRAY{'',''}}}
31#SET{slider, #ENV{slider}|=={oui}}
32
33<BOUCLE_medias(DATA){source table, #GET{medias}}>
34#SET{media, #CLE}
35#SET{name,  #ENV{nom}|concat{#ENV{medias}|?{\[#GET{media}\]}}}
36<B_radio>
37<div class="gridedit[ gridedit_(#GET{media}|attribut_html)][ (#ENV{class}|attribut_html)]">
38
39        [<div class="gridedit__item gridedit__item_media">
40                [(#VALEUR{image}|oui)[(#CHEMIN{#VALEUR{image}}|image_reduire{24,24})]]
41                <label>(#VALEUR{label})</label>
42        </div>]
43
44        [(#GET{slider}|oui)
45        <div class="gridedit__item gridedit__item_slider radioslider">
46        ]
47        <BOUCLE_radio(POUR){tableau #ENV*{data}}>
48        #SET{value,    #CLE|noizetier_layout_creer_classe_media{#GET{media}}}
49        #SET{checked,  #GET{valeur}|is_array|?{
50                #GET{value}|in_any{#GET{valeur}},
51                #GET{value}|=={#GET{valeur}}
52        }}
53        #SET{id,       #VAL{champ_}|concat{#ENV{id,#ENV{nom}},_,#GET{media},_,#COMPTEUR_BOUCLE}|saisie_nom2classe}
54        #SET{required, #ENV{obligatoire}|=={oui}|et{#GET{grille/mobile_first}|?{#_medias:COMPTEUR_BOUCLE|=={1},oui}}}
55        #SET{disabled, #ENV{disable}|sinon{#GET{required}|et{#CLE|non}}}
56        #SET{exposer, #GET{value}|in_any{#ENV{exposer}}}
57        [(#GET{slider}|non)
58        <div class="gridedit__item gridedit__item_radio[ (#GET{exposer}|oui)gridedit__item_exposer]">
59        ]
60                <input
61                        type="radio"
62                        name="#GET{name}"
63                        value="#GET{value}"
64                        class="radio"
65                        id="#GET{id}"
66                        [(#GET{checked}|oui)checked="checked"]
67                        [(#GET{required}|oui)required="required"]
68                        [(#GET{disabled}|oui)disabled="disabled"]
69                        [readonly="(#ENV{readonly})"]
70                        [aria-describedby="(#ENV{describedby})"]
71                />
72                <label for="#GET{id}" class="[(#GET{checked}|oui)on][ (#GET{required}|oui)obligatoire]">
73                        #VALEUR
74                </label>
75        [(#GET{slider}|non)
76        </div>
77        ]
78        </BOUCLE_radio>
79        [(#GET{slider}|oui)
80        </div>
81        ]
82</div>
83</B_radio>
84</BOUCLE_medias>
Note: See TracBrowser for help on using the repository browser.