1 | {strip} |
---|
2 | {combine_css path=$USER_COLLEC_PATH|cat:'template/style_collections.css'} |
---|
3 | |
---|
4 | {include file=$USER_COLLEC_ABS_PATH|cat:'template/thumbnails_colorbox.tpl'} |
---|
5 | |
---|
6 | {*<!-- datepicker and timepicker -->*} |
---|
7 | {combine_script id='jquery.ui.datepicker' load='footer' path='themes/default/js/ui/jquery.ui.datepicker.js'} |
---|
8 | {combine_script id='jquery.ui.timepicker' load='footer' require='jquery.ui.slider' path=$USER_COLLEC_PATH|cat:'template/resources/jquery-timepicker/jquery-ui-timepicker-addon.js'} |
---|
9 | |
---|
10 | {assign var=datepicker_language value='themes/default/js/ui/i18n/jquery.ui.datepicker-'|cat:$lang_info.code|cat:'.js'} |
---|
11 | {if 'PHPWG_ROOT_PATH'|constant|cat:$datepicker_language|file_exists} |
---|
12 | {combine_script id='jquery.ui.datepicker-'|cat:$lang_info.code load='footer' require='jquery.ui.datepicker' path=$datepicker_language} |
---|
13 | {/if} |
---|
14 | |
---|
15 | {assign var=timepicker_language value=$USER_COLLEC_PATH|cat:'template/resources/jquery-timepicker/i18n/jquery-ui-timepicker-'|cat:$lang_info.code|cat:'.js'} |
---|
16 | {if 'PHPWG_ROOT_PATH'|constant|cat:$timepicker_language|file_exists} |
---|
17 | {combine_script id='jquery.ui.timepicker-'|cat:$lang_info.code load='footer' require='jquery.ui.timepicker' path=$timepicker_language} |
---|
18 | {/if} |
---|
19 | |
---|
20 | {combine_css path='themes/default/js/ui/theme/jquery.ui.core.css'} |
---|
21 | {combine_css path='themes/default/js/ui/theme/jquery.ui.theme.css'} |
---|
22 | {combine_css path='themes/default/js/ui/theme/jquery.ui.datepicker.css'} |
---|
23 | {combine_css path='themes/default/js/ui/theme/jquery.ui.slider.css'} |
---|
24 | {combine_css path=$USER_COLLEC_PATH|cat:'template/resources/jquery-timepicker/jquery-ui-timepicker-addon.css'} |
---|
25 | {/strip} |
---|
26 | |
---|
27 | {footer_script require='jquery'} |
---|
28 | var bg_color = jQuery('#the_page #content').css('background-color'); |
---|
29 | if (!bg_color || bg_color=='transparent') { |
---|
30 | bg_color = jQuery('body').css('background-color'); |
---|
31 | } |
---|
32 | |
---|
33 | {if isset($U_SHARE)} |
---|
34 | var $share_form = jQuery('#share_form'); |
---|
35 | |
---|
36 | // functions |
---|
37 | jQuery.fn.extend({ |
---|
38 | hideVis: function() { |
---|
39 | jQuery(this).css('visibility', 'hidden'); |
---|
40 | return this; |
---|
41 | }, |
---|
42 | showVis: function() { |
---|
43 | jQuery(this).css('visibility', 'visible'); |
---|
44 | return this; |
---|
45 | }, |
---|
46 | toggleVis: function(toggle) { |
---|
47 | if (jQuery(this).css('visibility')=='hidden' || toggle === true){ |
---|
48 | return jQuery(this).showVis(); |
---|
49 | } else { |
---|
50 | return jQuery(this).hideVis(); |
---|
51 | } |
---|
52 | } |
---|
53 | }); |
---|
54 | |
---|
55 | function enterShareKeyEdit() { |
---|
56 | $share_form.find('.url-edit').show(); |
---|
57 | $share_form.find('.url-normal').hide(); |
---|
58 | jQuery('.share_colorbox_open').colorbox.resize({ldelim}speed:0}); |
---|
59 | } |
---|
60 | function exitShareKeyEdit() { |
---|
61 | $share_form.find('.url-edit').hide(); |
---|
62 | $share_form.find('.url-normal').show(); |
---|
63 | jQuery('.share_colorbox_open').colorbox.resize({ldelim}speed:0}); |
---|
64 | } |
---|
65 | |
---|
66 | // hide some inputs |
---|
67 | exitShareKeyEdit(); |
---|
68 | |
---|
69 | // display key |
---|
70 | $share_form.find('.url-more').text($share_form.find('input[name="share_key"]').val()); |
---|
71 | |
---|
72 | // url edition |
---|
73 | $share_form.find('.edit_share_key').on('click', function(e) { |
---|
74 | enterShareKeyEdit(); |
---|
75 | e.preventDefault(); |
---|
76 | }); |
---|
77 | $share_form.find('.set_share_key').on('click', function(e) { |
---|
78 | if ($share_form.find('input[name="share_key"]').val().length < 8) { |
---|
79 | alert('{'The key must be at least 8 characters long'|translate|escape:javascript}'); |
---|
80 | } |
---|
81 | else { |
---|
82 | $share_form.find('.url-more').text($share_form.find('input[name="share_key"]').val()); |
---|
83 | exitShareKeyEdit(); |
---|
84 | } |
---|
85 | e.preventDefault(); |
---|
86 | }); |
---|
87 | $share_form.find('.cancel_share_key').on('click', function(e) { |
---|
88 | $share_form.find('input[name="share_key"]').val($share_form.find('.url-more').text()); |
---|
89 | exitShareKeyEdit(); |
---|
90 | e.preventDefault(); |
---|
91 | }); |
---|
92 | $share_form.find('.url-more').on('dblclick', function() { |
---|
93 | enterShareKeyEdit(); |
---|
94 | }); |
---|
95 | |
---|
96 | // optional inputs |
---|
97 | $share_form.find('.share-option').each(function() { |
---|
98 | $share_form.find('input[name="'+ jQuery(this).data('for') +'"]').hideVis(); |
---|
99 | }).on('change', function() { |
---|
100 | $share_form.find('input[name="'+ jQuery(this).data('for') +'"]').toggleVis($(this).is(':checked')); |
---|
101 | }); |
---|
102 | |
---|
103 | // datetime picker |
---|
104 | $share_form.find('input[name="share_deadline"]').datetimepicker({ |
---|
105 | dateFormat: 'yy-mm-dd', |
---|
106 | minDate: new Date() |
---|
107 | }); |
---|
108 | |
---|
109 | |
---|
110 | // popup |
---|
111 | jQuery('.share_colorbox_open').colorbox({ |
---|
112 | {if isset($share.open)}open: true, transition:"none",{/if} |
---|
113 | inline:true |
---|
114 | }); |
---|
115 | jQuery('.share_colorbox_close').click(function(e) { |
---|
116 | jQuery('.share_colorbox_open').colorbox.close(); |
---|
117 | e.preventDefault(); |
---|
118 | }); |
---|
119 | jQuery('#share_form').css('background-color', bg_color); |
---|
120 | {/if} |
---|
121 | |
---|
122 | {if isset($U_MAIL)} |
---|
123 | jQuery('.mail_colorbox_open').colorbox({ |
---|
124 | {if isset($contact.open)}open: true, transition:"none",{/if} |
---|
125 | inline:true |
---|
126 | }); |
---|
127 | jQuery('.mail_colorbox_close').click(function(e) { |
---|
128 | jQuery('.mail_colorbox_open').colorbox.close(); |
---|
129 | e.preventDefault(); |
---|
130 | }); |
---|
131 | |
---|
132 | |
---|
133 | jQuery('#mail_form').css('background-color', bg_color); |
---|
134 | {/if} |
---|
135 | |
---|
136 | jQuery('#edit_form_show').click(function() { |
---|
137 | jQuery('#edit_form_show').hide(); |
---|
138 | jQuery('.additional_info').hide(); |
---|
139 | jQuery('#edit_form').show(); |
---|
140 | }); |
---|
141 | jQuery('#edit_form_hide').click(function() { |
---|
142 | jQuery('#edit_form_show').show(); |
---|
143 | jQuery('.additional_info').show(); |
---|
144 | jQuery('#edit_form').hide(); |
---|
145 | }); |
---|
146 | {/footer_script} |
---|
147 | |
---|
148 | |
---|
149 | {if isset($collection)} |
---|
150 | |
---|
151 | <p style="text-align:center;"><input type="submit" id="edit_form_show" value="{'Edit'|translate}"></p> |
---|
152 | |
---|
153 | {* <!-- edit collection -->*} |
---|
154 | <form action="{$F_ACTION}" method="post" id="edit_form" style="display:none;"> |
---|
155 | <fieldset id="colProperties"> |
---|
156 | <legend>{'Edit'|translate}</legend> |
---|
157 | |
---|
158 | <p class="title"><label for="name">{'Name'|translate}</label></p> |
---|
159 | <p><input type="text" name="name" id="name" value="{$collection.NAME|escape:html}" size="60"></p> |
---|
160 | |
---|
161 | <p class="title"><label for="comment">{'Description'|translate}</label></p> |
---|
162 | <p><textarea name="comment" id="comment" style="width:400px;height:100px;">{$collection.COMMENT}</textarea></p> |
---|
163 | |
---|
164 | <p> |
---|
165 | <input type="submit" name="save_col" value="{'Save'|translate}"> |
---|
166 | <a id="edit_form_hide">{'Cancel'|translate}</a> |
---|
167 | </p> |
---|
168 | </fieldset> |
---|
169 | </form> |
---|
170 | |
---|
171 | {*<!-- create share links -->*} |
---|
172 | {if isset($U_SHARE)} |
---|
173 | <div style="display:none;"> |
---|
174 | <form id="share_form" class="uc_form" action="{$F_ACTION}" method="post"> |
---|
175 | {include file='infos_errors.tpl' errors=$share.errors infos=$share.infos} |
---|
176 | |
---|
177 | <table> |
---|
178 | <tr> |
---|
179 | <td colspan="2" class="url-preview" style="white-space:nowrap;"> |
---|
180 | <span class="url-base">{$U_SHARE}</span><span class="url-more url-normal"></span> |
---|
181 | <input type="text" name="share_key" class="url-edit" size="20" value="{$share.share_key}"> |
---|
182 | <button class="url-normal edit_share_key">{'Edit'|translate}</button> |
---|
183 | <button class="url-edit set_share_key">{'OK'|translate}</button> |
---|
184 | <a href="#" class="url-edit cancel_share_key">{'Cancel'|translate}</button> |
---|
185 | </td> |
---|
186 | </tr> |
---|
187 | <tr> |
---|
188 | <td class="title"><label> |
---|
189 | {'Password'|translate} |
---|
190 | <input type="checkbox" name="use_share_password" data-for="share_password" class="share-option"> |
---|
191 | </label></td> |
---|
192 | <td> |
---|
193 | <input type="text" name="share_password" size="25" maxlength="25" value="{$share.password}" placeholder="{'Password'|translate}"> |
---|
194 | </td> |
---|
195 | </tr> |
---|
196 | <tr> |
---|
197 | <td class="title"><label> |
---|
198 | {'Expiration date'|translate} |
---|
199 | <input type="checkbox" name="use_share_deadline" data-for="share_deadline" class="share-option"> |
---|
200 | </label></td> |
---|
201 | <td> |
---|
202 | <input type="text" name="share_deadline" size="25" value="{$share.deadline}" placeholder="{'Date'|translate}"> |
---|
203 | </td> |
---|
204 | </tr> |
---|
205 | <tr> |
---|
206 | <td class="title"> </td> |
---|
207 | <td> |
---|
208 | <input class="submit" type="submit" name="add_share" value="{'Add'|translate}"> |
---|
209 | <a class="share_colorbox_close" href="#">{'Cancel'|translate}</a> |
---|
210 | <input type="hidden" name="key" value="{$UC_TKEY}"> |
---|
211 | </td> |
---|
212 | </tr> |
---|
213 | </table> |
---|
214 | |
---|
215 | {if not empty($collection.SHARES)} |
---|
216 | <table class="shares_list"> |
---|
217 | <tr class="header"> |
---|
218 | <th>{'Share key'|translate}</th> |
---|
219 | <th>{'Creation date'|translate}</th> |
---|
220 | <th>{'Password'|translate}</th> |
---|
221 | <th>{'Expiration date'|translate}</th> |
---|
222 | <th></th> |
---|
223 | </tr> |
---|
224 | {foreach from=$collection.SHARES item=share} |
---|
225 | <tr class="{cycle values='row2,row1'} {if $share.expired}expired{/if}"> |
---|
226 | <td><a href="{$share.url}">{$share.share_key}</a></td> |
---|
227 | <td>{$share.add_date_readable}</td> |
---|
228 | <td>{if $share.params.password}{'Yes'|translate}{else}{'No'|translate}{/if}</td> |
---|
229 | <td>{if $share.params.deadline}{$share.params.deadline_readable}{else}{'No'|translate}{/if}</td> |
---|
230 | <td><a href="{$share.u_delete}" onClick="return confirm('{'Are you sure?'|translate}');"> |
---|
231 | <img src="{$ROOT_URL}{$USER_COLLEC_PATH}template/resources/delete.png" width=16 height=16></a> |
---|
232 | </td> |
---|
233 | </tr> |
---|
234 | {/foreach} |
---|
235 | </table> |
---|
236 | {/if} |
---|
237 | </form> |
---|
238 | </div> |
---|
239 | {/if} |
---|
240 | |
---|
241 | {*<!-- send collection by mail -->*} |
---|
242 | {if isset($U_MAIL)} |
---|
243 | <div style="display:none;"> |
---|
244 | <form id="mail_form" class="uc_form" action="{$F_ACTION}" method="post"> |
---|
245 | {include file='infos_errors.tpl' errors=$contact.errors} |
---|
246 | |
---|
247 | <table> |
---|
248 | <tr> |
---|
249 | <td class="title"><label for="sender_name">{'Your name'|translate}</label></td> |
---|
250 | <td> |
---|
251 | <input type="text" name="sender_name" id="sender_name" size="40" value="{$contact.sender_name}"> |
---|
252 | </td> |
---|
253 | </tr> |
---|
254 | <tr> |
---|
255 | <td class="title"><label for="sender_email">{'Your e-mail'|translate}</label></td> |
---|
256 | <td> |
---|
257 | <input type="text" name="sender_email" id="sender_email" size="40" value="{$contact.sender_email}"> |
---|
258 | </td> |
---|
259 | </tr> |
---|
260 | <tr> |
---|
261 | <td class="title"><label for="recipient_name">{'Recipient name'|translate}</label></td> |
---|
262 | <td> |
---|
263 | <input type="text" name="recipient_name" id="recipient_name" size="40" value="{$contact.recipient_name}"> |
---|
264 | </td> |
---|
265 | </tr> |
---|
266 | <tr> |
---|
267 | <td class="title"><label for="recipient_email">{'Recipient e-mail'|translate}</label></td> |
---|
268 | <td> |
---|
269 | <input type="text" name="recipient_email" id="recipient_email" size="40" value="{$contact.recipient_email}"> |
---|
270 | </td> |
---|
271 | </tr> |
---|
272 | <tr> |
---|
273 | <td class="title"><label for="nb_images">{'Number of images'|translate}</label></td> |
---|
274 | <td> |
---|
275 | <select name="nb_images"> |
---|
276 | <option value="2" {if $contact.nb_images==2}selected="selected"{/if}>2</option> |
---|
277 | <option value="4" {if $contact.nb_images==4}selected="selected"{/if}>4</option> |
---|
278 | <option value="8" {if $contact.nb_images==8}selected="selected"{/if}>8</option> |
---|
279 | </select> |
---|
280 | </td> |
---|
281 | </tr> |
---|
282 | <tr> |
---|
283 | <td class="title"><label for="message">{'Message (optional)'|translate}</label></td> |
---|
284 | <td><textarea name="message" id="message" rows="6" style="width:350px;">{$contact.message}</textarea></td> |
---|
285 | </tr> |
---|
286 | <tr> |
---|
287 | <td class="title"> </td> |
---|
288 | <td> |
---|
289 | <input class="submit" type="submit" name="send_mail" value="{'Send'|translate}"> |
---|
290 | <a class="mail_colorbox_close" href="#">{'Cancel'|translate}</a> |
---|
291 | <input type="hidden" name="key" value="{$UC_TKEY}"> |
---|
292 | </td> |
---|
293 | </tr> |
---|
294 | </table> |
---|
295 | </form> |
---|
296 | </div> |
---|
297 | {/if} |
---|
298 | |
---|
299 | {if empty($THUMBNAILS)} |
---|
300 | <p><i>{'This collection is empty'|translate}</i></p> |
---|
301 | {/if} |
---|
302 | |
---|
303 | {/if} |
---|