| 1 | [(#REM) |
|---|
| 2 | |
|---|
| 3 | Saisie selection Gibolinisée |
|---|
| 4 | |
|---|
| 5 | Différences avec la saisie normale : |
|---|
| 6 | - Possibilité d'avoir une ligne pour chaque média de la grille |
|---|
| 7 | - La valeur est un tableau si l'option `medias` est active |
|---|
| 8 | |
|---|
| 9 | Paramètres : |
|---|
| 10 | **obligatoire |
|---|
| 11 | *recommandé |
|---|
| 12 | |
|---|
| 13 | - data** : tableau associatif des valeurs |
|---|
| 14 | - medias : « oui » pour ajouter une ligne par média |
|---|
| 15 | Dans ce cas on obtient des sous-valeurs name\[media\] |
|---|
| 16 | - obligatoire : « oui » |
|---|
| 17 | S'il y a plusieurs médias et que la grille est mobile-first, |
|---|
| 18 | seul le 1er est obligatoire. |
|---|
| 19 | - slider : « oui » pour afficher sous forme de slider |
|---|
| 20 | ] |
|---|
| 21 | |
|---|
| 22 | #SET{valeur, #ENV{valeur_forcee,#ENV{valeur,#ENV{defaut}}}} |
|---|
| 23 | #SET{grille, #REM|noizetier_layout_decrire_grille} |
|---|
| 24 | #SET{medias, #ENV{medias}|=={oui}|?{#GET{grille/medias},#ARRAY{'',''}}} |
|---|
| 25 | <BOUCLE_medias(DATA){source table, #GET{medias}}> |
|---|
| 26 | #SET{media, #CLE} |
|---|
| 27 | #SET{name, #ENV{nom}|concat{#ENV{medias}|?{\[#GET{media}\]}}} |
|---|
| 28 | #SET{id, #VAL{champ_}|concat{#ENV{id,#ENV{nom}},_,#GET{media}}|saisie_nom2classe} |
|---|
| 29 | #SET{required, #ENV{obligatoire}|=={oui}|et{#GET{grille/mobile_first}|?{#COMPTEUR_BOUCLE|=={1},oui}}} |
|---|
| 30 | #SET{disable_choix, #ENV{disable_choix}|explode{','}} |
|---|
| 31 | <B_selection> |
|---|
| 32 | <div class="gridedit[ gridedit_(#GET{media}|attribut_html)][ (#ENV{class}|attribut_html)]"> |
|---|
| 33 | |
|---|
| 34 | [<div class="gridedit__item gridedit__item_media"> |
|---|
| 35 | [(#VALEUR{image}|oui)[(#CHEMIN{#VALEUR{image}}|image_reduire{24,24})]] |
|---|
| 36 | <label>(#VALEUR{label})</label> |
|---|
| 37 | </div>] |
|---|
| 38 | |
|---|
| 39 | <div class="gridedit__item gridedit__item_select"> |
|---|
| 40 | <select |
|---|
| 41 | type="select" |
|---|
| 42 | name="#GET{name}" |
|---|
| 43 | class="select #ENV{class}" |
|---|
| 44 | id="#GET{id}" |
|---|
| 45 | [(#GET{required}|oui)required="required"] |
|---|
| 46 | [(#GET{disabled}|oui)disabled="disabled"] |
|---|
| 47 | [readonly="(#ENV{readonly})"] |
|---|
| 48 | [aria-describedby="(#ENV{describedby})"] |
|---|
| 49 | [size="(#ENV{size})"] |
|---|
| 50 | [(#ENV*{attributs})] |
|---|
| 51 | > |
|---|
| 52 | [(#ENV{cacher_option_intro}|non)<option value="">[(#ENV{option_intro})]</option>] |
|---|
| 53 | <BOUCLE_selection(POUR){tableau #ENV*{data}}> |
|---|
| 54 | #SET{value, #CLE|noizetier_layout_creer_classe_media{#GET{media}}} |
|---|
| 55 | #SET{selected, #GET{valeur}|is_array|?{ |
|---|
| 56 | #GET{value}|in_array{#GET{valeur}}, |
|---|
| 57 | #GET{value}|=={#GET{valeur}} |
|---|
| 58 | }} |
|---|
| 59 | #SET{disabled, ''} |
|---|
| 60 | <option |
|---|
| 61 | value="#GET{value}" |
|---|
| 62 | [(#GET{selected}|oui)selected="selected"] |
|---|
| 63 | [(#GET{disabled}|oui)disabled="disabled"] |
|---|
| 64 | >#VALEUR</option> |
|---|
| 65 | </BOUCLE_selection> |
|---|
| 66 | </select> |
|---|
| 67 | </div> |
|---|
| 68 | </div> |
|---|
| 69 | </B_selection> |
|---|
| 70 | </BOUCLE_medias> |
|---|
