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

Last change on this file since 118190 was 118190, checked in by Charles Razack, 9 months ago

Correction de coquilles pour trouver les valeurs sélectionnées + names

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