source: spip-zone/_plugins_/noizetier_layout/trunk/saisies/grid_column.html.backup1 @ 113922

Last change on this file since 113922 was 113922, checked in by rastapopoulos@…, 16 months ago

Sous-plugin du Noizetier qui permet de déclarer une grille CSS au noizetier. Ce plugin ne fait rien en soit, il faut ensuite implémenter un framework de grille en déclarant des choses. Cela ajoute alors des nouvelles configurations automatiquement à toutes les noisettes, permettant de configurer des options d'agencement (le colonnage, etc).

File size: 3.0 KB
Line 
1[(#REM)
2
3        Grille : largeur de colonne
4
5]
6[(#SET{medias,#ARRAY{
7        '',#ARRAY{
8                label,<:noizetier:grid_media_base:>,
9                img,prive/themes/spip/images/grid-media-all.svg,
10        },
11        tablet,#ARRAY{
12                label,<:noizetier:grid_media_tablet_up:>,
13                img,prive/themes/spip/images/grid-media-tablet.svg,
14        },
15        desktop,#ARRAY{
16                label,<:noizetier:grid_media_desktop_up:>,
17                img,prive/themes/spip/images/grid-media-desktop.svg,
18        }
19}})]
20[(#SET{columns,#ARRAY{
21        gr-grow,#ARRAY{
22                label,<:noizetier:grid_column_grow:>,
23                img,prive/themes/spip/images/grid-gr-grow.svg,
24        },
25        gr-adapt,#ARRAY{
26                label,<:noizetier:grid_column_adapt:>,
27                img,prive/themes/spip/images/grid-gr-adapt.svg,
28        },
29        gr-2,#ARRAY{
30                label,<:noizetier:grid_column_2:>,
31                img,prive/themes/spip/images/grid-gr-2.svg,
32        },
33        gr-4,#ARRAY{
34                label,<:noizetier:grid_column_4:>,
35                img,prive/themes/spip/images/grid-gr-4.svg,
36        },
37        gr-6,#ARRAY{
38                label,<:noizetier:grid_column_6:>,
39                img,prive/themes/spip/images/grid-gr-6.svg,
40        },
41        gr-8,#ARRAY{
42                label,<:noizetier:grid_column_8:>,
43                img,prive/themes/spip/images/grid-gr-8.svg,
44        },
45        gr-10,#ARRAY{
46                label,<:noizetier:grid_column_10:>,
47                img,prive/themes/spip/images/grid-gr-10.svg,
48        },
49        gr-12,#ARRAY{
50                label,<:noizetier:grid_column_12:>,
51                img,prive/themes/spip/images/grid-gr-12.svg,
52        },
53}})]
54#SET{valeur,#ENV{valeur_forcee,#ENV{valeur,#ENV{defaut}}}}
55<table class="choix_table">
56        <thead>
57                <tr>
58                        <th></th>
59                        <th>
60                                <img src="#CHEMIN{prive/themes/spip/images/grid-default.svg}" class="icone_layout" width="32" heigh="32" alt="">
61                                <span><:noizetier:grid_default:></span>
62                        </th>
63                        <BOUCLE_thead(DATA){source table, #GET{columns}}>
64                        <th>
65                                <img src="#CHEMIN{#VALEUR{img}}" class="icone_layout" width="32" heigh="32" alt="">
66                                <span>#VALEUR{label}</span>
67                        </th>
68                        </BOUCLE_thead>
69                </tr>
70        </thead>
71        <tbody>
72                <BOUCLE_medias(DATA){source table, #GET{medias}}>
73                #SET{media,#CLE}
74                #SET{name,#ENV{nom}|concat{\[,#GET{media},\]}}
75                <tr>
76                        #SET{value,''}
77                        #SET{checked,#GET{valeur/#GET{media}}|non}
78                        #SET{id,#VAL{champ_}|concat{#ENV{id,#ENV{nom}},_,#GET{media},#COMPTEUR_BOUCLE}|saisie_nom2classe}
79                        #SET{required,''}
80                        <th>
81                                <img src="#CHEMIN{#VALEUR{img}}" class="icone_layout" width="32" heigh="32" alt="">
82                                <span>#VALEUR{label}</span>
83                        </th>
84                        <td>
85                                [(#GET{media}|oui)
86                                <input type="radio" name="#GET{name}" value="#GET{value}" class="radio" id="#GET{id}"[ (#GET{checked}|oui)checked="checked"][ (#GET{required}|oui)required="required"] />
87                                ]
88                        </td>
89                        <BOUCLE_columns(DATA){source table, #GET{columns}}>
90                        #SET{value,#CLE|concat{#GET{media}|?{@#GET{media}}}}
91                        #SET{checked,#GET{media}|?{
92                                #GET{value}|in_any{#GET{valeur/#GET{media}}},
93                                #GET{value}|=={#GET{valeur}}
94                        }}
95                        #SET{id,#VAL{champ_}|concat{#ENV{id,#ENV{nom}},_,#GET{media},_,#CLE}|saisie_nom2classe}
96                        #SET{required,#GET{media}|non}
97                        <td>
98                                <input type="radio" name="#GET{name}" value="#GET{value}" class="radio" id="#GET{id}"[ (#GET{checked}|oui)checked="checked"][ (#GET{required}|oui)required="required"] />
99                        </td>
100                        </BOUCLE_columns>
101                </tr>
102                </BOUCLE_medias>
103        </tbody>
104</table>
Note: See TracBrowser for help on using the repository browser.