source: extensions/UserCollections/template/collection_edit.tpl @ 25678

Last change on this file since 25678 was 25678, checked in by mistic100, 10 years ago

very big update for Piwigo 2.6

File size: 11.1 KB
Line 
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'}
28var bg_color = jQuery('#the_page #content').css('background-color');
29if (!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
136jQuery('#edit_form_show').click(function() {
137  jQuery('#edit_form_show').hide();
138  jQuery('.additional_info').hide();
139  jQuery('#edit_form').show();
140});
141jQuery('#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">&nbsp;</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">&nbsp;</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}
Note: See TracBrowser for help on using the repository browser.