source: spip-zone/_plugins_/photospip/trunk/formulaires/editer_image_format.html @ 61884

Last change on this file since 61884 was 61884, checked in by kent1@…, 7 years ago

Un seul slider pour image_reduire car on garde les proportions...

On vire certains filtres qui seront pour la version SPIP 3.0

Conditionner les slider à l'existence de la fonction et à leur présence dans la page

File size: 9.3 KB
Line 
1<BOUCLE_doc(DOCUMENTS){id_document}{mode IN vignette,image,document}{tout}>
2[(#CONFIG{photospip/image_reduire,on}|=={on}|oui)
3<li class="editer editer_reduire[ (#ENV**{erreurs}|table_valeur{image_reduire}|oui)erreur]">
4        <input type="radio" name="filtre" id="image_reduire" value="image_reduire"[(#ENV{filtre}|=={image_reduire}|oui)checked="checked"] />
5        <label for="image_reduire"><:photospip:label_image_reduire:></label>
6        <div class="cache params_filtre image_reduire">
7                [<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{image_reduire})</span>]
8                <p class="explication">
9                        <:photospip:explication_image_reduire:><br />
10                        <:photospip:message_image_taille_actuelle{largeur=#LARGEUR,hauteur=#HAUTEUR}:>
11                </p>
12                <div id='slider_image_reduire'>
13                        <div></div>     
14                </div>
15                <ul>
16                        <li>
17                                <label for="reduire_width"><:photospip:label_reduire_width:></label>
18                                <input type="number" max="#LARGEUR" min="10" class="text nombre" id="reduire_width" maxlength="5" style="width:7em" name="reduire_width" value="#ENV{reduire_width,#LARGEUR}" />
19                        </li>
20                        <li>
21                                <label for="reduire_height"><:photospip:label_reduire_height:></label>
22                                <input type="number" max="#HAUTEUR" min="10" class="text nombre" id="reduire_height" maxlength="5" style="width:7em" name="reduire_height" value="#ENV{reduire_height,#HAUTEUR}" />
23                        </li>
24                </ul>
25        </div>
26</li>]
27[(#CONFIG{photospip/image_passe_partout,on}|=={on}|oui)
28<li class="editer editer_passe_partout[ (#ENV**{erreurs}|table_valeur{image_passe_partout}|oui)erreur]">
29        <input type="radio" name="filtre" id="image_passe_partout" value="image_passe_partout"[(#ENV{filtre}|=={image_passe_partout}|oui)checked="checked"] />
30        <label for="image_passe_partout"><:photospip:label_image_passe_partout:></label>
31        <div class="cache params_filtre image_passe_partout">
32                [<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{image_passe_partout})</span>]
33                <p class="explication">
34                        <:photospip:explication_image_passe_partout:><br />
35                        <:photospip:message_image_taille_actuelle{largeur=#LARGEUR,hauteur=#HAUTEUR}:>
36                </p>
37                <ul>
38                        <li>
39                                <label for="passe_partout_width"><:photospip:label_reduire_width:></label>
40                                <input type="number" max="#LARGEUR" min="10" step="1" class="text nombre" id="passe_partout_width" maxlength="5" style="width:7em" name="passe_partout_width" value="#ENV{passe_partout_width,#LARGEUR}" />
41                        </li>
42                        <li>
43                                <label for="passe_partout_height"><:photospip:label_reduire_height:></label>
44                                <input type="number" max="#HAUTEUR" min="10" step="1" class="text nombre" id="passe_partout_height" maxlength="5" style="width:7em" name="passe_partout_height" value="#ENV{passe_partout_height,#HAUTEUR}" />
45                        </li>
46                </ul>
47        </div>
48</li>]
49[(#CONFIG{photospip/image_recadre,on}|=={on}|oui)
50<li class="editer editer_recadre[ (#ENV**{erreurs}|table_valeur{image_recadre}|oui)erreur]">
51        <input type="radio" name="filtre" id="image_recadre" value="image_recadre"[(#ENV{filtre}|=={image_recadre}|oui)checked="checked"] />
52        <label for="image_recadre"><:photospip:label_image_recadre:></label>
53        <div class="cache params_filtre image_recadre">
54                [<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{image_recadre})</span>]
55                <p class="explication">
56                        <:photospip:explication_image_recadre:>
57                        <:photospip:message_image_taille_actuelle{largeur=#LARGEUR,hauteur=#HAUTEUR}:>
58                </p>
59                <ul>
60                <li>
61                        <label><:photospip:label_ratio:></label>
62                        <div class="choix">
63                                <input type="radio" id="ratio" name="ratio" value=""[(#ENV{ratio}|non)checked="checked"] />
64                                <label for="ratio"><:photospip:label_ratio_libre:></label>
65                        </div>
66                        <div class="choix">
67                                <input type="radio" id="ratio1" name="ratio" value="1:1"[(#ENV{ratio}|=={'1:1'}|oui)checked="checked"] />
68                                <label for="ratio1">1:1</label>
69                        </div>
70                        <div class="choix">
71                                <input type="radio" id="ratio2" name="ratio" value="4:3"[(#ENV{ratio}|=={'4:3'}|oui)checked="checked"] />
72                                <label for="ratio2">4:3</label>
73                        </div>
74                        <div class="choix">
75                                <input type="radio" id="ratio3" name="ratio" value="16:9"[(#ENV{ratio}|=={'16:9'}|oui)checked="checked"] />
76                                <label for="ratio3">16:9</label>
77                        </div>
78                </li>
79                <li>
80                        <label for="recadre_width"><:photospip:label_recadre_width:></label>
81                        <input type="number" max="#LARGEUR" min="10" step="1" class="text nombre" id="recadre_width" maxlength="5" style="width:7em" name="recadre_width" value="#ENV{recadre_width}" />
82                </li>
83                <li>
84                        <label for="recadre_height"><:photospip:label_recadre_height:></label>
85                        <input type="number" max="#HAUTEUR" min="10" step="1" class="text nombre" id="recadre_height" maxlength="5" style="width:7em" name="recadre_height" value="#ENV{recadre_height}" />
86                </li>
87                <li>
88                        <label><:photospip:label_recadre_x1_y1:></label>
89                        <div class="choix" style="display:inline">
90                                <label for="recadre_x1">x</label>
91                                <input type="number" max="[(#LARGEUR|moins{10})]" min="0" step="1" class="text nombre" id="recadre_x1" name="recadre_x1" maxlength="5" style="width:7em" value="#ENV{recadre_x1}" />
92                        </div>
93                        <div class="choix" style="display:inline">
94                                <label for="recadre_y1">y</label>
95                                <input type="number" max="[(#HAUTEUR|moins{10})]" min="0" step="1" class="text nombre" id="recadre_y1" name="recadre_y1" maxlength="5" style="width:7em" value="#ENV{recadre_y1}" />
96                        </div>
97                </li>
98                <li>
99                        <label><:photospip:label_recadre_x2_y2:></label>
100                        <div class="choix" style="display:inline">
101                                <label for="recadre_x2">x</label>
102                                <input type="number" max="[(#LARGEUR)]" min="10" step="1" class="text nombre" id="recadre_x2" name="recadre_x2" maxlength="5" style="width:7em" value="#ENV{recadre_x2}" />
103                        </div>
104                        <div class="choix" style="display:inline">
105                                <label for="recadre_y2">y</label>
106                                <input type="number" max="[(#HAUTEUR)]" min="10" step="1" class="text nombre" id="recadre_y2" name="recadre_y2" maxlength="5" style="width:7em" value="#ENV{recadre_y2}" />
107                        </div>
108                </li>
109        </ul>
110        </div>
111</li>]
112[(#CONFIG{photospip/tourner,oui}|=={on}|oui)
113<li class="editer editer_tourner[ (#ENV**{erreurs}|table_valeur{tourner}|oui)erreur]">
114        <input type="radio" name="filtre" id="tourner" value="tourner"[(#ENV{filtre}|=={tourner}|oui)checked="checked"] />
115        <label for="tourner"><:photospip:label_tourner:></label>
116        <div class="cache params_filtre">
117                [<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{image_passe_partout})</span>]
118                <p class="explication"><:photospip:explication_tourner:></p>
119                <ul>
120                        <li>
121                                <label><:photospip:label_angle_rotation:></label>
122                                <div class="choix">
123                                        <input type="radio" name="params_tourner" value="90" id="param_tourner_90"[(#ENV{params_tourner}|=={90}|oui)checked="checked"] />
124                                        <label for="param_tourner_90"><:photospip:label_tourner_90:></label>
125                                </div>
126                                <div class="choix">
127                                        <input type="radio" name="params_tourner" value="180" id="param_tourner_180"[(#ENV{params_tourner}|=={180}|oui)checked="checked"] />
128                                        <label for="param_tourner_180"><:photospip:label_tourner_180:></label>
129                                </div>
130                                <div class="choix">
131                                        <input type="radio" name="params_tourner" value="270" id="param_tourner_270"[(#ENV{params_tourner}|=={270}|oui)checked="checked"] />
132                                        <label for="param_tourner_270"><:photospip:label_tourner_270:></label>
133                                </div>
134                        </li>
135                </ul>
136        </div>
137</li>]
138[(#CONFIG{photospip/image_rotation}|=={on}|oui)
139<li class="editer editer_rotation[ (#ENV**{erreurs}|table_valeur{image_rotation}|oui)erreur]">
140        <input type="radio" name="filtre" id="image_rotation" value="image_rotation"[(#ENV{filtre}|=={image_rotation}|oui)checked="checked"] />
141        <label for="image_rotation"><:photospip:label_image_rotation:></label>`
142        <div class="cache params_filtre">
143                [<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{image_rotation})</span>]
144                <p class="explication"><:photospip:explication_image_rotation:></p>
145                <div id='sliderrotation'>
146                        <div></div>     
147                </div>
148                <ul>
149                        <li class="editer editer_param_image_rotation">
150                                <label for="param_image_rotation"><:photospip:label_angle_rotation:></label>
151                                <input type="number" max="180" min="-180" step="1" class="text" name="params_image_rotation" id="param_image_rotation" value="#ENV{params_image_rotation,45}" maxlength="4" />
152                        </li>
153                </ul>
154        </div>
155</li>]
156[(#CONFIG{photospip/image_flip_vertical}|=={on}|oui)
157<li class="editer editer_flip_vertical[ (#ENV**{erreurs}|table_valeur{image_flip_vertical}|oui)erreur]">
158        <input type="radio" name="filtre" id="image_flip_vertical" value="image_flip_vertical"[(#ENV{filtre}|=={image_flip_vertical}|oui)checked="checked"] />
159        <label for="image_flip_vertical"><:photospip:label_image_flip_vertical:></label>
160        <div class="cache params_filtre">
161                [<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{image_flip_vertical})</span>]
162                <p class="explication"><:photospip:explication_image_flip_vertical:></p>
163        </div>
164</li>]
165[(#CONFIG{photospip/image_flip_horizontal}|=={on}|oui)
166<li class="editer editer_flip_horizontal[ (#ENV**{erreurs}|table_valeur{image_flip_horizontal}|oui)erreur]">
167        <input type="radio" name="filtre" id="image_flip_horizontal" value="image_flip_horizontal"[(#ENV{filtre}|=={image_flip_horizontal}|oui)checked="checked"] />
168        <label for="image_flip_horizontal"><:photospip:label_image_flip_horizontal:></label>
169        <div class="cache params_filtre">
170                [<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{image_flip_horizontal})</span>]
171                <p class="explication"><:photospip:explication_image_flip_horizontal:></p>
172        </div>
173</li>]
174</BOUCLE_doc>
Note: See TracBrowser for help on using the repository browser.