source: spip-zone/_plugins_/adaptive_images/trunk/formulaires/configurer_adaptive_images.html @ 115933

Last change on this file since 115933 was 115933, checked in by cedric@…, 6 weeks ago

Passage en production des methodes alternatives de generation de vignette apercu (gradients, potrace, geometrize) activable dans la page de config du plugin
+ mise a jour de la lib geometrize, en partie refactoree et optimisee
+ un mode debug activable par la config pour voir les apercus au survol des images (permet de tester sur un echantillon d'image et de choisir la methode la plus adaptee au site)

File size: 11.1 KB
Line 
1<div class='formulaire_spip formulaire_configurer formulaire_#FORM' id='formulaire_#FORM'>
2
3[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
4[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
5        <p class="explication"><:adaptive_images:explication_configuration_doc:></p>
6
7        <form method="post" action="#SELF"><div>
8                #ACTION_FORMULAIRE
9                #SET{fl,adaptive_images}
10                <div class="editer-groupe">
11                        #SET{name,lowsrc_jpg_bg_color}#SET{obli,''}#SET{defaut,'#ffffff'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
12                        <div class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
13                                <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
14                                <span class='erreur_message'>(#GET{erreurs})</span>
15                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
16                        </div>
17                        #SET{name,max_width_1x}#SET{obli,''}#SET{defaut,'640'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
18                        <div class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
19                                <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
20                                <span class='erreur_message'>(#GET{erreurs})</span>
21                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
22                        </div>
23                        #SET{name,max_width_mobile_version}#SET{obli,''}#SET{defaut,'320'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
24                        <div class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
25                                <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
26                                <span class='erreur_message'>(#GET{erreurs})</span>
27                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
28                        </div>
29                        #SET{name,min_width_1x}#SET{obli,''}#SET{defaut,'320'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
30                        <div class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
31                                <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
32                                <span class='erreur_message'>(#GET{erreurs})</span>
33                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
34                        </div>
35                        #SET{name,min_filesize}#SET{obli,''}#SET{defaut,'20'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
36                        <div class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
37                                <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
38                                <span class='erreur_message'>(#GET{erreurs})</span>
39                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
40                        </div>
41                        #SET{name,default_bkpts}#SET{obli,''}#SET{defaut,'160,320,480,640,960,1440'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
42                        <div class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
43                                <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
44                                <span class='erreur_message'>(#GET{erreurs})</span>
45                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
46                        </div>
47                        #SET{name,on_demand_production}#SET{obli,''}#SET{defaut,'0'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
48                        <div class="editer pleine_largeur editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">[
49                                <span class='erreur_message'>(#GET{erreurs})</span>
50                                ]
51                                #SET{val,0}
52                                <input type="hidden" name="#GET{name}" value="#GET{val}" />
53                                #SET{val,1}
54                                <div class="choix">
55                                        <input type="checkbox" name="#GET{name}" class="checkbox" id="#GET{name}_#GET{val}" value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)checked="checked"] />
56                                        <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
57                                </div>
58                                <p class="explication"><:adaptive_images:explication_on_demand_production:></p>
59                        </div>
60                        #SET{name,lazy_load}#SET{obli,''}#SET{defaut,'0'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
61                        <div class="editer pleine_largeur editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">[
62                                <span class='erreur_message'>(#GET{erreurs})</span>
63                                ]
64                                #SET{val,0}
65                                <input type="hidden" name="#GET{name}" value="#GET{val}" />
66                                #SET{val,1}
67                                <div class="choix">
68                                        <input type="checkbox" name="#GET{name}" class="checkbox" id="#GET{name}_#GET{val}" value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)checked="checked"] />
69                                        <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
70                                </div>
71                        </div>
72
73                        <div class="fieldset">
74                                <fieldset>
75                                        <legend><:adaptive_images:legend_compression_jpg:></legend>
76                                        <p class="explication"><:adaptive_images:explication_compression_jpg:></p>
77                                        <div class="editer-groupe">
78                                                #SET{name,10x_jpg_quality}#SET{obli,''}#SET{defaut,'75'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
79                                                <div class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
80                                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
81                                                        <span class='erreur_message'>(#GET{erreurs})</span>
82                                                        ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
83                                                </div>
84                                                #SET{name,15x_jpg_quality}#SET{obli,''}#SET{defaut,'65'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
85                                                <div class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
86                                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
87                                                        <span class='erreur_message'>(#GET{erreurs})</span>
88                                                        ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
89                                                </div>
90                                                #SET{name,20x_jpg_quality}#SET{obli,''}#SET{defaut,'45'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
91                                                <div class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
92                                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
93                                                        <span class='erreur_message'>(#GET{erreurs})</span>
94                                                        ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
95                                                </div>
96                                        </div>
97                                </fieldset>
98                        </div>
99
100                        <div class="fieldset">
101                                <fieldset>
102                                        <legend><:adaptive_images:legend_miniature_preview:></legend>
103                                        <p class="explication"><:adaptive_images:explication_thumbnail_method:></p>
104                                        #SET{name,thumbnail_method}#SET{obli,''}#SET{defaut,'lowsrc'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
105                                        <div class="editer pleine_largeur editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
106                                                <label>[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
107                                                <span class='erreur_message'>(#GET{erreurs})</span>
108                                                ]
109                                                #SET{val,gradients}
110                                                <div class="choix">
111                                                        <input type="radio" name="#GET{name}" class="radio" id="#GET{name}_#GET{val}" value="#GET{val}" aria-describedby="#GET{name}_explication" [(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)checked="checked"] />
112                                                        <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
113                                                </div>
114                                                #SET{val,lowsrc}
115                                                <div class="choix">
116                                                        <input type="radio" name="#GET{name}" class="radio" id="#GET{name}_#GET{val}" value="#GET{val}" aria-describedby="#GET{name}_explication" [(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)checked="checked"] />
117                                                        <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
118                                                </div>
119                                                <div class="suite fieldset">
120                                                        <p class="explication"><:adaptive_images:explication_miniature_basse_def:></p>
121                                                        <div class="editer-groupe">
122                                                                #SET{name2,lowsrc_width}#SET{obli2,''}#SET{defaut2,'128'}#SET{erreurs2,#ENV**{erreurs}|table_valeur{#GET{name2}}}
123                                                                <div class="editer long_label editer_[(#GET{name2})][ (#GET{obli2})][ (#GET{erreurs2}|oui)erreur]">
124                                                                        <label for="#GET{name2}">[(#GET{fl}|concat{':label_',#GET{name2}}|_T)]</label>[
125                                                                        <span class='erreur_message'>(#GET{erreurs2})</span>
126                                                                        ]<input type="text" name="#GET{name2}" class="text" value="#ENV*{#GET{name2},#GET{defaut2}}" id="#GET{name2}" [(#HTML5|et{#GET{obli2}})required='required']/>
127                                                                </div>
128                                                                #SET{name2,lowsrc_jpg_quality}#SET{obli,''}#SET{defaut2,'40'}#SET{erreurs2,#ENV**{erreurs}|table_valeur{#GET{name2}}}
129                                                                <div class="editer long_label editer_[(#GET{name2})][ (#GET{obli2})][ (#GET{erreurs2}|oui)erreur]">
130                                                                        <label for="#GET{name2}">[(#GET{fl}|concat{':label_',#GET{name2}}|_T)]</label>[
131                                                                        <span class='erreur_message'>(#GET{erreurs2})</span>
132                                                                        ]<input type="text" name="#GET{name2}" class="text" value="#ENV*{#GET{name2},#GET{defaut2}}" id="#GET{name2}" [(#HTML5|et{#GET{obli2}})required='required']/>
133                                                                </div>
134                                                        </div>
135                                                </div>
136                                                #SET{val,potrace}
137                                                <div class="choix">
138                                                        <input type="radio" name="#GET{name}" class="radio" id="#GET{name}_#GET{val}" value="#GET{val}" aria-describedby="#GET{name}_explication" [(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)checked="checked"] />
139                                                        <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
140                                                </div>
141                                                #SET{val,geometrize}
142                                                <div class="choix">
143                                                        <input type="radio" name="#GET{name}" class="radio" id="#GET{name}_#GET{val}" value="#GET{val}" aria-describedby="#GET{name}_explication" [(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)checked="checked"] />
144                                                        <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
145                                                </div>
146                                        </div>
147
148                                        #SET{name,thumbnail_debug}#SET{obli,''}#SET{defaut,'0'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
149                                        <div class="editer pleine_largeur editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">[
150                                                <span class='erreur_message'>(#GET{erreurs})</span>
151                                                ]
152                                                #SET{val,0}
153                                                <input type="hidden" name="#GET{name}" value="#GET{val}" />
154                                                #SET{val,1}
155                                                <div class="choix">
156                                                        <input type="checkbox" name="#GET{name}" class="checkbox" id="#GET{name}_#GET{val}" value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)checked="checked"] />
157                                                        <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
158                                                </div>
159                                        </div>
160
161                                </fieldset>
162                        </div>
163
164                </div>
165
166                <p class='boutons'><input class='submit' type="submit" name="_cfg_ok" value="<:bouton_enregistrer:>" /></p>
167        </div></form>
168
169</div>
170<style type="text/css">
171        .suite {padding-left: 40px;}
172        .choix + .suite {
173                border-top:1px solid #ddd;
174        }
175</style>
Note: See TracBrowser for help on using the repository browser.