source: spip-zone/_squelettes_/galaxie_melusine/melusine/trunk/formulaires/melusine_boutons.html @ 87367

Last change on this file since 87367 was 87367, checked in by noemie-edith-so.bernard@…, 5 years ago

MODULE Liste de boutons : arrangement du CSS pour les différents affichages

  • Property svn:executable set to *
File size: 9.1 KB
Line 
1<script type='text/javascript' src=#CHEMIN{scripts/melusine_prive.js}></script>
2<link href="#CHEMIN{css/style_config_skel.css}" rel="stylesheet">
3
4<!-- *********************************************************************** -->
5<!-- *********************************************************************** -->
6<!-- FORMULAIRE LISTE BOUTONS ********************************************** -->
7<!-- *********************************************************************** -->
8<!-- *********************************************************************** -->
9
10
11<!-- *********************************************************************** -->
12<!-- RECUPERATION DES DONNEES ET INITIALISATION **************************** -->
13<!-- *********************************************************************** -->
14
15<BOUCLE_noisette(NOISETTES){id_noisette =#ENV{id_noisette}}>
16        #SET{boutons_serialize,#PARAMETRES}
17        #SET{boutons,#PARAMETRES|unserialize|table_valeur{boutons}}
18        #SET{style,#PARAMETRES|unserialize|table_valeur{style}}
19        #SET{voir_images,#PARAMETRES|unserialize|table_valeur{voir_images}}
20        #SET{voir_intitule,#PARAMETRES|unserialize|table_valeur{voir_intitule}}
21        #SET{col,#PARAMETRES|unserialize|table_valeur{col}}
22</BOUCLE_noisette>
23
24<!-- Messages si validation OK ou non -->
25[<p class="reponse_formulaire reponse_formulaire_ok">
26        (#ENV**{message_ok})</p>]
27[<p class="reponse_formulaire reponse_formulaire_erreur">
28        (#ENV*{message_erreur})</p>]
29
30[(#GET{style}|non)#SET{style,"multibloc"}]
31[(#GET{col}|non)#SET{col,"col-md-12"}]
32[(#GET{voir_images}|non)#SET{voir_images,"oui"}]
33[(#GET{voir_intitule}|non)#SET{voir_intitule,"oui"}]
34
35<!-- *********************************************************************** -->
36<!-- FORMULAIRE ************************************************************ -->
37<!-- *********************************************************************** -->
38
39<!-- Début du formulaire -->
40<form action='#ENV{action}' method='post' enctype="multipart/form-data" >
41
42        #ACTION_FORMULAIRE{#ENV{action}}
43
44<!-- *********************************************************************** -->
45<!-- APPARENCE ************************************************************* -->
46<!-- *********************************************************************** -->
47
48<fieldset>
49        <legend>Apparence</legend>
50        <!-- Boutons radio pour choisir le style du bloc -->
51        <i class="fa fa-exclamation-circle"></i>
52        <label for="style">Style</label>
53        <br />
54        <div class="z123alignecentre">
55                <input type="radio" name="style" value="bloc_visible" 
56                [(#GET{style}|=={bloc_visible}|oui) checked ]>Un seul bloc</input>
57                <input type="radio" name="style" value="multibloc" 
58                [(#GET{style}|=={multibloc}|oui) checked ]>Un bloc par bouton</input>
59                <input type="radio" name="style" value="bloc_invisible" 
60                [(#GET{style}|=={bloc_invisible}|oui) checked ]>Fond invisible</input>
61        </div>
62        <!-- Boutons radio pour choisir le nombre de colonnes -->
63        <i class="fa fa-exclamation-circle"></i>
64        <label for="Colonnes">Nombre de colonnes</label>
65        <div class="z123alignecentre">
66                <input type="radio" name="col" value="col-md-12" 
67                [(#GET{col}|=={col-md-12}|oui) checked ]>1</input>
68                <input type="radio" name="col" value="col-md-6" 
69                [(#GET{col}|=={col-md-6}|oui) checked ]>2</input>
70                <input type="radio" name="col" value="col-md-4" 
71                [(#GET{col}|=={col-md-4}|oui) checked ]>3</input>
72                <input type="radio" name="col" value="col-md-3" 
73                [(#GET{col}|=={col-md-3}|oui) checked ]>4</input>
74                <input type="radio" name="col" value="col-md-2" 
75                [(#GET{col}|=={col-md-2}|oui) checked ]>6</input>
76                <input type="radio" name="col" value="col-md-1" 
77                [(#GET{col}|=={col-md-1}|oui) checked ]>12</input>
78        </br>
79                <input type="radio" name="col" value="en_lignegauche" 
80        [(#GET{col}|=={en_lignegauche}|oui) checked ]>Alignement à gauche</input>
81                <input type="radio" name="col" value="en_lignedroite" 
82        [(#GET{col}|=={en_lignedroite}|oui) checked ]>Alignement à droite</input>               
83        </div>
84        <!-- Boutons radio pour choisir si les images apparaissent -->
85        <i class="fa fa-exclamation-circle"></i>
86        <label for="Images">Images</label>
87        <div class="z123alignecentre">
88                <input type="radio" name="voir_images" value="oui" 
89                [(#GET{voir_images}|=={oui}|oui) checked ]>Visibles</input>
90                <input type="radio" name="voir_images" value="non" 
91                [(#GET{voir_images}|=={non}|oui) checked ]>Masquées</input>     
92        </div> 
93        <!-- Boutons radio pour choisir si les intitulés apparaissent -->
94        <i class="fa fa-exclamation-circle"></i>
95        <label for="Intitulé">Intitulés</label>
96        <div class="z123alignecentre">
97                <input type="radio" name="voir_intitule" value="oui" 
98                [(#GET{voir_intitule}|=={oui}|oui) checked ]>Visibles</input>
99                <input type="radio" name="voir_intitule" value="non" 
100                [(#GET{voir_intitule}|=={non}|oui) checked ]>Masqués</input>           
101        </div>
102</fieldset>
103
104<!-- *********************************************************************** -->
105<!-- BOUTON SUBMIT POUR APPARENCE ****************************************** -->
106<!-- *********************************************************************** -->
107       
108<div class="z123alignecentre">
109        <input type='submit' name='ok' value='Enregistrer' />
110        <input type='submit' name='reset' value='Effacer' />
111</div>
112<br />
113
114<!-- *********************************************************************** -->
115<!-- MODIFICATION DES BOUTONS ********************************************** -->
116<!-- *********************************************************************** -->
117
118<fieldset>
119        <legend>Boutons</legend>
120        <!-- Boucle de recherche des boutons existants -->
121        <BOUCLE_test(POUR){tableau #GET{boutons}}>
122                #SET{nb_boutons,#TOTAL_BOUCLE|moins{1}}
123        <div class="formulaire_spip formulaire_editer formulaire_editer_boutons ">
124        <h2 class="gestion_bouton" >
125                <!-- Si ce n'est pas le dernier bouton, on peut le descendre -->
126                [(#CLE|=={#GET{nb_boutons}}|non)
127<button type='submit' class="bas submitb" name='position' value="d#CLE">
128                        <i class="fa fa-arrow-circle-o-down"></i>
129</button>
130                ]
131                <!-- Si c'est le dernier bouton, on ne peut pas le descendre -->
132                [(#CLE|=={#GET{nb_boutons}}|oui)
133<button disabled type='submit' class="bas submitb" name='inactif' value="inactif">
134                        <i class="fa fa-arrow-circle-o-down" style="color:#D3D3D3;"></i>
135</button>
136                ]
137                <!-- Si ce n'est pas le premier bouton, on peut le monter -->
138                [(#CLE|=={0}|non)
139<button type='submit' class="submitb haut" name='position' value=m#CLE>
140                        <i class="fa fa-arrow-circle-o-up"></i>
141</button>
142                ]
143                <!-- Si c'est le premier bouton, on ne peut pas le monter -->
144                [(#CLE|=={0}|oui)
145<button disabled type='submit' class="submitb haut" name='inactif' value="inactif">
146                        <i class="fa fa-arrow-circle-o-up" style="color:#D3D3D3;"></i>
147</button>
148                ]
149                <!-- Pour supprimer le bouton -->
150<button type='submit' class="submitb sup" name='position' value=s#CLE>
151                        <i class="fa fa-times-circle-o"></i>
152</button>
153                <!-- Pour modifier le bouton -->
154<button type='button' class="voir">
155                        <i class="fa fa-edit"></i>
156</button>
157                [(#VALEUR|table_valeur{intitule})]
158        </h2>
159                <!-- Formulaire de modification -->
160                <ul style="display:none">
161                        <!-- Saisie de l'intitulé -->
162                        <li>
163                                <label for="Intitulé">Intitulé</label>
164                                <input  type='text' name=bouton[#CLE][intitule] 
165                                                value="[(#VALEUR|table_valeur{intitule})]" />
166                        </li>
167                        <!-- Saisie de l'URL -->
168                        <li>
169                                <label for="URL">URL</label>
170                                <input  type='text' name=bouton[#CLE][url] 
171                                                value="[(#VALEUR|table_valeur{url})]" />
172                        </li>
173                        <!-- Choix de l'ouverture dans un nouvel onglet -->
174                        <li>
175                                <label for="Nouvelle fenêtre">Nouvelle fenêtre</label>
176                                <input  type="checkbox" name=bouton[#CLE][blank] 
177                                value="blank" checked="checked" 
178                                [(#VALEUR|table_valeur{blank}|=={"blank"}|{oui}) checked]  />
179                        </li>
180                        <!-- Choix de l'image -->
181                        <li>
182                                <label for="Image">Image</label>
183                                <input type="file" name='image#CLE' value=""  size="30" />
184                                <br/>
185                                <input  type="hidden" name=bouton[#CLE][image] 
186                                                value="[(#VALEUR|table_valeur{image})]"  size="30" />
187                                <br/>
188                        <!-- Affichage de l'image choisie -->
189[(#VALEUR|table_valeur{image}|oui)
190[(#CHEMIN{#VALEUR|table_valeur{image}}|image_reduire{150})]]
191                        </li>   
192                        <!-- Saisie d'une description -->
193                        <li>
194                                <label for="Alt">Description de l'image : balise ALT</label>
195                                <input  type='text' name=bouton[#CLE][alt] 
196                                                value="[(#VALEUR|table_valeur{alt})]" />
197                        </li>
198                        <!-- Bouton d'enregistrement du formulaire -->                                         
199                        <li >Enregistrer
200                                <input  type='submit' name='ok2' value='update#CLE' 
201                                                class="ok_bouton submitb" />
202                        </li>
203                </ul>
204        </div>
205        </BOUCLE_test>
206        <br />
207
208<!-- *********************************************************************** -->
209<!-- NOUVEAU BOUTON ******************************************************** -->
210<!-- *********************************************************************** -->
211        <div class="init">
212                <input  type='hidden' name='id_noisette' value="#ID_NOISETTE" />
213                <input  type='hidden' name='parametres' value=#GET{boutons_serialize} />
214                Nouveau bouton
215                <button type='submit' class="submitb sup" name='ok2' value="create">
216                        <i class="fa fa-plus"></i>
217                </button>
218        </div>
219</fieldset>
220</form>
221       
Note: See TracBrowser for help on using the repository browser.