1 | {include file='include/tag_selection.inc.tpl'} |
---|
2 | {include file='include/datepicker.inc.tpl'} |
---|
3 | |
---|
4 | {literal} |
---|
5 | <script type="text/javascript"> |
---|
6 | pwg_initialization_datepicker("#date_creation_day", "#date_creation_month", "#date_creation_year", "#date_creation_linked_date", "#date_creation_action_set"); |
---|
7 | </script> |
---|
8 | {/literal} |
---|
9 | |
---|
10 | {known_script id="jquery.fcbkcomplete" src=$ROOT_URL|@cat:"themes/default/js/plugins/jquery.fcbkcomplete.js"} |
---|
11 | <script type="text/javascript"> |
---|
12 | var nb_thumbs_page = {$nb_thumbs_page}; |
---|
13 | var nb_thumbs_set = {$nb_thumbs_set}; |
---|
14 | var applyOnDetails_pattern = "{'on the %d selected photos'|@translate}"; |
---|
15 | {literal} |
---|
16 | function str_repeat(i, m) { |
---|
17 | for (var o = []; m > 0; o[--m] = i); |
---|
18 | return o.join(''); |
---|
19 | } |
---|
20 | |
---|
21 | function sprintf() { |
---|
22 | var i = 0, a, f = arguments[i++], o = [], m, p, c, x, s = ''; |
---|
23 | while (f) { |
---|
24 | if (m = /^[^\x25]+/.exec(f)) { |
---|
25 | o.push(m[0]); |
---|
26 | } |
---|
27 | else if (m = /^\x25{2}/.exec(f)) { |
---|
28 | o.push('%'); |
---|
29 | } |
---|
30 | else if (m = /^\x25(?:(\d+)\$)?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-fosuxX])/.exec(f)) { |
---|
31 | if (((a = arguments[m[1] || i++]) == null) || (a == undefined)) { |
---|
32 | throw('Too few arguments.'); |
---|
33 | } |
---|
34 | if (/[^s]/.test(m[7]) && (typeof(a) != 'number')) { |
---|
35 | throw('Expecting number but found ' + typeof(a)); |
---|
36 | } |
---|
37 | switch (m[7]) { |
---|
38 | case 'b': a = a.toString(2); break; |
---|
39 | case 'c': a = String.fromCharCode(a); break; |
---|
40 | case 'd': a = parseInt(a); break; |
---|
41 | case 'e': a = m[6] ? a.toExponential(m[6]) : a.toExponential(); break; |
---|
42 | case 'f': a = m[6] ? parseFloat(a).toFixed(m[6]) : parseFloat(a); break; |
---|
43 | case 'o': a = a.toString(8); break; |
---|
44 | case 's': a = ((a = String(a)) && m[6] ? a.substring(0, m[6]) : a); break; |
---|
45 | case 'u': a = Math.abs(a); break; |
---|
46 | case 'x': a = a.toString(16); break; |
---|
47 | case 'X': a = a.toString(16).toUpperCase(); break; |
---|
48 | } |
---|
49 | a = (/[def]/.test(m[7]) && m[2] && a >= 0 ? '+'+ a : a); |
---|
50 | c = m[3] ? m[3] == '0' ? '0' : m[3].charAt(1) : ' '; |
---|
51 | x = m[5] - String(a).length - s.length; |
---|
52 | p = m[5] ? str_repeat(c, x) : ''; |
---|
53 | o.push(s + (m[4] ? a + p : p + a)); |
---|
54 | } |
---|
55 | else { |
---|
56 | throw('Huh ?!'); |
---|
57 | } |
---|
58 | f = f.substring(m[0].length); |
---|
59 | } |
---|
60 | return o.join(''); |
---|
61 | } |
---|
62 | |
---|
63 | $(document).ready(function() { |
---|
64 | function checkPermitAction() { |
---|
65 | var nbSelected = 0; |
---|
66 | if ($("input[name=setSelected]").is(':checked')) { |
---|
67 | nbSelected = nb_thumbs_set; |
---|
68 | } |
---|
69 | else { |
---|
70 | $(".thumbnails input[type=checkbox]").each(function() { |
---|
71 | if ($(this).is(':checked')) { |
---|
72 | nbSelected++; |
---|
73 | } |
---|
74 | }); |
---|
75 | } |
---|
76 | |
---|
77 | if (nbSelected == 0) { |
---|
78 | $("#permitAction").hide(); |
---|
79 | $("#forbidAction").show(); |
---|
80 | } |
---|
81 | else { |
---|
82 | $("#permitAction").show(); |
---|
83 | $("#forbidAction").hide(); |
---|
84 | } |
---|
85 | |
---|
86 | $("#applyOnDetails").text( |
---|
87 | sprintf( |
---|
88 | applyOnDetails_pattern, |
---|
89 | nbSelected |
---|
90 | ) |
---|
91 | ); |
---|
92 | } |
---|
93 | |
---|
94 | $('img.thumbnail').tipTip({ |
---|
95 | 'delay' : 0, |
---|
96 | 'fadeIn' : 200, |
---|
97 | 'fadeOut' : 200, |
---|
98 | }); |
---|
99 | |
---|
100 | |
---|
101 | $("#tags").fcbkcomplete({ |
---|
102 | json_url: "admin.php?fckb_tags=1", |
---|
103 | cache: false, |
---|
104 | filter_case: false, |
---|
105 | filter_hide: true, |
---|
106 | firstselected: true, |
---|
107 | filter_selected: true, |
---|
108 | maxitems: 100, |
---|
109 | newel: true |
---|
110 | }); |
---|
111 | |
---|
112 | $("[id^=action_]").hide(); |
---|
113 | |
---|
114 | $("select[name=selectAction]").click(function () { |
---|
115 | $("[id^=action_]").hide(); |
---|
116 | $("#action_"+$(this).attr("value")).show(); |
---|
117 | }); |
---|
118 | |
---|
119 | $(".wrap1 label").click(function () { |
---|
120 | $("#selectSetMessage").hide(); |
---|
121 | $("#setSelected").hide(); |
---|
122 | $("input[name=setSelected]").attr('checked', false); |
---|
123 | |
---|
124 | var wrap2 = $(this).children(".wrap2"); |
---|
125 | var checkbox = $(this).children("input[type=checkbox]"); |
---|
126 | |
---|
127 | if ($(checkbox).is(':checked')) { |
---|
128 | $(wrap2).addClass("thumbSelected"); |
---|
129 | } |
---|
130 | else { |
---|
131 | $(wrap2).removeClass('thumbSelected'); |
---|
132 | } |
---|
133 | |
---|
134 | checkPermitAction(); |
---|
135 | }); |
---|
136 | |
---|
137 | $("#selectAll").click(function () { |
---|
138 | $(".thumbnails label").each(function() { |
---|
139 | var wrap2 = $(this).children(".wrap2"); |
---|
140 | var checkbox = $(this).children("input[type=checkbox]"); |
---|
141 | |
---|
142 | $(checkbox).attr('checked', true); |
---|
143 | $(wrap2).addClass("thumbSelected"); |
---|
144 | }); |
---|
145 | |
---|
146 | if (nb_thumbs_page < nb_thumbs_set) { |
---|
147 | $("#selectSetMessage").show(); |
---|
148 | } |
---|
149 | |
---|
150 | checkPermitAction(); |
---|
151 | |
---|
152 | return false; |
---|
153 | }); |
---|
154 | |
---|
155 | $("#selectNone").click(function () { |
---|
156 | $("#selectSetMessage").hide(); |
---|
157 | $("#setSelected").hide(); |
---|
158 | $("input[name=setSelected]").attr('checked', false); |
---|
159 | |
---|
160 | $(".thumbnails label").each(function() { |
---|
161 | var wrap2 = $(this).children(".wrap2"); |
---|
162 | var checkbox = $(this).children("input[type=checkbox]"); |
---|
163 | |
---|
164 | $(checkbox).attr('checked', false); |
---|
165 | $(wrap2).removeClass("thumbSelected"); |
---|
166 | }); |
---|
167 | checkPermitAction(); |
---|
168 | return false; |
---|
169 | }); |
---|
170 | |
---|
171 | $("#selectInvert").click(function () { |
---|
172 | $("#selectSetMessage").hide(); |
---|
173 | $("#setSelected").hide(); |
---|
174 | $("input[name=setSelected]").attr('checked', false); |
---|
175 | |
---|
176 | $(".thumbnails label").each(function() { |
---|
177 | var wrap2 = $(this).children(".wrap2"); |
---|
178 | var checkbox = $(this).children("input[type=checkbox]"); |
---|
179 | |
---|
180 | $(checkbox).attr('checked', !$(checkbox).is(':checked')); |
---|
181 | |
---|
182 | if ($(checkbox).is(':checked')) { |
---|
183 | $(wrap2).addClass("thumbSelected"); |
---|
184 | } |
---|
185 | else { |
---|
186 | $(wrap2).removeClass('thumbSelected'); |
---|
187 | } |
---|
188 | }); |
---|
189 | checkPermitAction(); |
---|
190 | return false; |
---|
191 | }); |
---|
192 | |
---|
193 | $("#selectSet").click(function () { |
---|
194 | $("#selectSetMessage").hide(); |
---|
195 | $("#setSelected").show(); |
---|
196 | $("input[name=setSelected]").attr('checked', true); |
---|
197 | checkPermitAction(); |
---|
198 | return false; |
---|
199 | }); |
---|
200 | |
---|
201 | $("input[name=remove_author]").click(function () { |
---|
202 | if ($(this).is(':checked')) { |
---|
203 | $("input[name=author]").hide(); |
---|
204 | } |
---|
205 | else { |
---|
206 | $("input[name=author]").show(); |
---|
207 | } |
---|
208 | }); |
---|
209 | |
---|
210 | $("input[name=remove_name]").click(function () { |
---|
211 | if ($(this).is(':checked')) { |
---|
212 | $("input[name=name]").hide(); |
---|
213 | } |
---|
214 | else { |
---|
215 | $("input[name=name]").show(); |
---|
216 | } |
---|
217 | }); |
---|
218 | |
---|
219 | $("input[name=remove_date_creation]").click(function () { |
---|
220 | if ($(this).is(':checked')) { |
---|
221 | $("#set_date_creation").hide(); |
---|
222 | } |
---|
223 | else { |
---|
224 | $("#set_date_creation").show(); |
---|
225 | } |
---|
226 | }); |
---|
227 | |
---|
228 | $("select[name=selectAction]").change(function() { |
---|
229 | if ($(this).val() != -1) { |
---|
230 | $("#applyActionBlock").show(); |
---|
231 | } |
---|
232 | else { |
---|
233 | $("#applyActionBlock").hide(); |
---|
234 | } |
---|
235 | }); |
---|
236 | |
---|
237 | checkPermitAction() |
---|
238 | }); |
---|
239 | </script> |
---|
240 | |
---|
241 | <style> |
---|
242 | #action p {text-align:left;} |
---|
243 | .bulkAction {text-align:left;margin:15px 0;padding:0;} |
---|
244 | #action_del_tags ul.tagSelection {margin:0 !important; width:620px;} |
---|
245 | #selectAction {} |
---|
246 | #checkActions {text-align:left; margin:0 0 20px 0;} |
---|
247 | .content ul.thumbnails span.wrap1 {margin:5px} |
---|
248 | .content ul.thumbnails span.wrap2 {border:0;background-color:#ddd;} |
---|
249 | .content ul.thumbnails span.wrap2:hover {background-color:#7CBA0F;} |
---|
250 | .thumbSelected {background-color:#C2F5C2 !important} |
---|
251 | |
---|
252 | #selectSetMessage, #setSelected {background-color:#C2F5C2; padding:5px; -moz-border-radius:5px; display:none;} |
---|
253 | #selectSet a {border-bottom:1px dotted} |
---|
254 | #applyOnDetails {font-style:italic;} |
---|
255 | </style> |
---|
256 | {/literal} |
---|
257 | |
---|
258 | <h2>{'Batch management'|@translate}</h2> |
---|
259 | |
---|
260 | <h3>{$CATEGORIES_NAV}</h3> |
---|
261 | |
---|
262 | {if !empty($thumbnails)} |
---|
263 | <p style="text-align:center;"> |
---|
264 | {'global mode'|@translate} |
---|
265 | | <a href="{$U_UNIT_MODE}">{'unit mode'|@translate}</a> |
---|
266 | </p> |
---|
267 | |
---|
268 | <fieldset style="display:none;"> |
---|
269 | |
---|
270 | <legend>{'Display options'|@translate}</legend> |
---|
271 | |
---|
272 | <p>{'elements per page'|@translate}: |
---|
273 | <a href="{$U_DISPLAY}&display=20">20</a> |
---|
274 | | <a href="{$U_DISPLAY}&display=50">50</a> |
---|
275 | | <a href="{$U_DISPLAY}&display=100">100</a> |
---|
276 | | <a href="{$U_DISPLAY}&display=all">{'all'|@translate}</a> |
---|
277 | </p> |
---|
278 | |
---|
279 | </fieldset> |
---|
280 | |
---|
281 | <!-- <fieldset> --> |
---|
282 | <!-- <legend>{'Filter'|@translate}</legend> --> |
---|
283 | <!-- </fieldset> --> |
---|
284 | |
---|
285 | <form action="{$F_ACTION}" method="post"> |
---|
286 | |
---|
287 | <fieldset> |
---|
288 | |
---|
289 | <legend>{'Selection'|@translate}</legend> |
---|
290 | |
---|
291 | <p id="checkActions"> |
---|
292 | {'Select:'|@translate} |
---|
293 | <a href="#" id="selectAll">{'All'|@translate}</a>, |
---|
294 | <a href="#" id="selectNone">{'None'|@translate}</a>, |
---|
295 | <a href="#" id="selectInvert">{'Invert'|@translate}</a> |
---|
296 | <span id="selectSetMessage" {if count($selection) == $nb_thumbs_page}style="display:inline"{/if}> |
---|
297 | {'All %u photos of this page are selected.'|@translate|@sprintf:$nb_thumbs_page} |
---|
298 | <a href="#" id="selectSet">{'Select all %d photos of the current set.'|@translate|@sprintf:$nb_thumbs_set}</a> |
---|
299 | </span> |
---|
300 | <span id="setSelected" {if count($selection) == $nb_thumbs_set}style="display:inline"{/if}> |
---|
301 | {'All %u photos of the current are selected.'|@translate|@sprintf:$nb_thumbs_set} |
---|
302 | <input type="checkbox" name="setSelected" style="display:none" {if count($selection) == $nb_thumbs_set}checked="checked"{/if}> |
---|
303 | </span> |
---|
304 | </p> |
---|
305 | |
---|
306 | {if !empty($thumbnails)} |
---|
307 | <ul class="thumbnails"> |
---|
308 | {foreach from=$thumbnails item=thumbnail} |
---|
309 | {if in_array($thumbnail.ID, $selection)} |
---|
310 | {assign var='isSelected' value=true} |
---|
311 | {else} |
---|
312 | {assign var='isSelected' value=false} |
---|
313 | {/if} |
---|
314 | |
---|
315 | <li><span class="wrap1"> |
---|
316 | <label> |
---|
317 | <span class="wrap2{if $isSelected} thumbSelected{/if}"> |
---|
318 | {if $thumbnail.LEVEL > 0} |
---|
319 | <em class="levelIndicatorB">{$pwg->l10n($pwg->sprintf('Level %d',$thumbnail.LEVEL))}</em> |
---|
320 | <em class="levelIndicatorF" title="{'Who can see these photos?'|@translate} : ">{$pwg->l10n($pwg->sprintf('Level %d',$thumbnail.LEVEL))}</em> |
---|
321 | {/if} |
---|
322 | <span> |
---|
323 | <img src="{$thumbnail.TN_SRC}" |
---|
324 | alt="{$thumbnail.FILE}" |
---|
325 | title="{$thumbnail.TITLE|@escape:'html'}" |
---|
326 | class="thumbnail"> |
---|
327 | </span></span> |
---|
328 | <input type="checkbox" name="selection[]" value="{$thumbnail.ID}" {if $isSelected}checked="checked"{/if}> |
---|
329 | </label> |
---|
330 | </span> |
---|
331 | </li> |
---|
332 | {/foreach} |
---|
333 | </ul> |
---|
334 | {/if} |
---|
335 | |
---|
336 | {if !empty($navbar) } |
---|
337 | <div style="clear:both;"> |
---|
338 | |
---|
339 | <div style="float:left"> |
---|
340 | {include file='navigation_bar.tpl'|@get_extent:'navbar'} |
---|
341 | </div> |
---|
342 | |
---|
343 | <div style="float:right;margin-top:10px;">{'display'|@translate} |
---|
344 | <a href="{$U_DISPLAY}&display=20">20</a> |
---|
345 | · <a href="{$U_DISPLAY}&display=50">50</a> |
---|
346 | · <a href="{$U_DISPLAY}&display=100">100</a> |
---|
347 | · <a href="{$U_DISPLAY}&display=all">{'all'|@translate}</a> |
---|
348 | thumbnails per page |
---|
349 | </div> |
---|
350 | </div> |
---|
351 | {/if} |
---|
352 | |
---|
353 | </fieldset> |
---|
354 | |
---|
355 | <fieldset id="action"> |
---|
356 | |
---|
357 | <legend>{'Action'|@translate}</legend> |
---|
358 | <div id="forbidAction"{if count($selection) != 0}style="display:none"{/if}>No photo selected, no action possible.</div> |
---|
359 | <div id="permitAction"{if count($selection) == 0}style="display:none"{/if}> |
---|
360 | |
---|
361 | <select name="selectAction"> |
---|
362 | <option value="-1">Choose an action</option> |
---|
363 | <option disabled="disabled">------------------</option> |
---|
364 | {if isset($show_delete_form) } |
---|
365 | <option value="delete">{'Delete selected photos'|@translate}</option> |
---|
366 | {/if} |
---|
367 | <option value="associate">{'associate to category'|@translate}</option> |
---|
368 | {if !empty($dissociate_options)} |
---|
369 | <option value="dissociate">{'dissociate from category'|@translate}</option> |
---|
370 | {/if} |
---|
371 | <option value="add_tags">{'add tags'|@translate}</option> |
---|
372 | {if !empty($DEL_TAG_SELECTION)} |
---|
373 | <option value="del_tags">{'remove tags'|@translate}</option> |
---|
374 | {/if} |
---|
375 | <option value="author">{'Set author'|@translate}</option> |
---|
376 | <option value="name">{'Set title'|@translate}</option> |
---|
377 | <option value="date_creation">{'Set creation date'|@translate}</option> |
---|
378 | <option value="level">{'Who can see these photos?'|@translate}</option> |
---|
379 | {if ($IN_CADDIE)} |
---|
380 | <option value="remove_from_caddie">{'Remove from caddie'|@translate}</option> |
---|
381 | {else} |
---|
382 | <option value="add_to_caddie">{'Add to caddie'|@translate}</option> |
---|
383 | {/if} |
---|
384 | </select> |
---|
385 | |
---|
386 | <!-- delete --> |
---|
387 | <div id="action_delete" class="bulkAction"> |
---|
388 | {if $ENABLE_SYNCHRONIZATION} |
---|
389 | <p style="font-style:italic;width:500px;">{'Note: photo deletion does not apply to photos added by synchronization. For photos added by synchronization, remove them from the filesystem and then perform another synchronization.'|@translate}</p> |
---|
390 | {/if} |
---|
391 | <p><label><input type="checkbox" name="confirm_deletion" value="1"> {'Are you sure?'|@translate}</label></p> |
---|
392 | </div> |
---|
393 | |
---|
394 | <!-- associate --> |
---|
395 | <div id="action_associate" class="bulkAction"> |
---|
396 | <select style="width:400px" name="associate" size="1"> |
---|
397 | {html_options options=$associate_options } |
---|
398 | </select> |
---|
399 | </div> |
---|
400 | |
---|
401 | <!-- dissociate --> |
---|
402 | <div id="action_dissociate" class="bulkAction"> |
---|
403 | <select style="width:400px" name="dissociate" size="1"> |
---|
404 | {if !empty($dissociate_options)}{html_options options=$dissociate_options }{/if} |
---|
405 | </select> |
---|
406 | </div> |
---|
407 | |
---|
408 | |
---|
409 | <!-- add_tags --> |
---|
410 | <div id="action_add_tags" class="bulkAction"> |
---|
411 | <select id="tags" name="add_tags"> |
---|
412 | </select> |
---|
413 | </div> |
---|
414 | |
---|
415 | <!-- del_tags --> |
---|
416 | <div id="action_del_tags" class="bulkAction"> |
---|
417 | {$DEL_TAG_SELECTION} |
---|
418 | </div> |
---|
419 | |
---|
420 | <!-- author --> |
---|
421 | <div id="action_author" class="bulkAction"> |
---|
422 | <label><input type="checkbox" name="remove_author"> remove author</label><br> |
---|
423 | {assign var='authorDefaultValue' value='Type here the author name'} |
---|
424 | <input type="text" class="large" name="author" value="{$authorDefaultValue}" onfocus="this.value=(this.value=='{$authorDefaultValue}') ? '' : this.value;" onblur="this.value=(this.value=='') ? '{$authorDefaultValue}' : this.value;"> |
---|
425 | </div> |
---|
426 | |
---|
427 | <!-- name --> |
---|
428 | <div id="action_name" class="bulkAction"> |
---|
429 | <label><input type="checkbox" name="remove_name"> remove name</label><br> |
---|
430 | {assign var='nameDefaultValue' value='Type here the name name'} |
---|
431 | <input type="text" class="large" name="name" value="{$nameDefaultValue}" onfocus="this.value=(this.value=='{$nameDefaultValue}') ? '' : this.value;" onblur="this.value=(this.value=='') ? '{$nameDefaultValue}' : this.value;"> |
---|
432 | </div> |
---|
433 | |
---|
434 | <!-- date_creation --> |
---|
435 | <div id="action_date_creation" class="bulkAction"> |
---|
436 | <label><input type="checkbox" name="remove_date_creation"> remove creation date</label><br> |
---|
437 | <div id="set_date_creation"> |
---|
438 | <select id="date_creation_day" name="date_creation_day"> |
---|
439 | <option value="0">--</option> |
---|
440 | {section name=day start=1 loop=32} |
---|
441 | <option value="{$smarty.section.day.index}" {if $smarty.section.day.index==$DATE_CREATION_DAY}selected="selected"{/if}>{$smarty.section.day.index}</option> |
---|
442 | {/section} |
---|
443 | </select> |
---|
444 | <select id="date_creation_month" name="date_creation_month"> |
---|
445 | {html_options options=$month_list selected=$DATE_CREATION_MONTH} |
---|
446 | </select> |
---|
447 | <input id="date_creation_year" |
---|
448 | name="date_creation_year" |
---|
449 | type="text" |
---|
450 | size="4" |
---|
451 | maxlength="4" |
---|
452 | value="{$DATE_CREATION_YEAR}"> |
---|
453 | <input id="date_creation_linked_date" name="date_creation_linked_date" type="hidden" size="10" disabled="disabled"> |
---|
454 | </div> |
---|
455 | </div> |
---|
456 | |
---|
457 | <!-- level --> |
---|
458 | <div id="action_level" class="bulkAction"> |
---|
459 | <select name="level" size="1"> |
---|
460 | {html_options options=$level_options selected=$level_options_selected} |
---|
461 | </select> |
---|
462 | </div> |
---|
463 | |
---|
464 | <p id="applyActionBlock" style="display:none"> |
---|
465 | <input id="applyAction" class="submit" type="submit" value="{'Apply action'|@translate}" name="submit" {$TAG_INPUT_ENABLED}> <span id="applyOnDetails"></span></p> |
---|
466 | |
---|
467 | </div> <!-- #permitAction --> |
---|
468 | </fieldset> |
---|
469 | |
---|
470 | </form> |
---|
471 | |
---|
472 | {else} |
---|
473 | <div class="infos"><p>{'Caddie is currently empty'|@translate}</p></div> |
---|
474 | {/if} |
---|