source: trunk/admin/themes/default/template/picture_modify.tpl @ 29557

Revision 29557, 4.8 KB checked in by mistic100, 6 years ago (diff)

use icon-ok for forced multi sizes + icon-zoom-in for preview boxes

  • Property svn:eol-style set to LF
Line 
1{include file='include/autosize.inc.tpl'}
2{include file='include/datepicker.inc.tpl'}
3{include file='include/colorbox.inc.tpl'}
4
5{combine_script id='LocalStorageCache' load='footer' path='admin/themes/default/js/LocalStorageCache.js'}
6
7{combine_script id='jquery.selectize' load='footer' path='themes/default/js/plugins/selectize.min.js'}
8{combine_css id='jquery.selectize' path="themes/default/js/plugins/selectize.{$themeconf.colorscheme}.css"}
9
10{footer_script}
11(function(){
12{* <!-- CATEGORIES --> *}
13var categoriesCache = new CategoriesCache({
14  serverKey: '{$CACHE_KEYS.categories}',
15  serverId: '{$CACHE_KEYS._hash}',
16  rootUrl: '{$ROOT_URL}'
17});
18
19categoriesCache.selectize(jQuery('[data-selectize=categories]'));
20
21{* <!-- TAGS --> *}
22var tagsCache = new TagsCache({
23  serverKey: '{$CACHE_KEYS.tags}',
24  serverId: '{$CACHE_KEYS._hash}',
25  rootUrl: '{$ROOT_URL}'
26});
27
28tagsCache.selectize(jQuery('[data-selectize=tags]'), { lang: {
29  'Add': '{'Create'|translate}'
30}});
31
32{* <!-- DATEPICKER --> *}
33jQuery(function(){ {* <!-- onLoad needed to wait localization loads --> *}
34  jQuery('[data-datepicker]').pwgDatepicker({
35    showTimepicker: true,
36    cancelButton: '{'Cancel'|translate}'
37  });
38});
39
40{* <!-- THUMBNAILS --> *}
41jQuery("a.preview-box").colorbox();
42}());
43{/footer_script}
44
45<h2>{$TITLE} &#8250; {'Edit photo'|@translate} {$TABSHEET_TITLE}</h2>
46
47<form action="{$F_ACTION}" method="post" id="catModify">
48
49  <fieldset>
50    <legend>{'Informations'|@translate}</legend>
51
52    <table>
53
54      <tr>
55        <td id="albumThumbnail">
56          <a href="{$FILE_SRC}" class="preview-box icon-zoom-in" title="{$TITLE|htmlspecialchars}"><img src="{$TN_SRC}" alt="{'Thumbnail'|translate}"></a>
57        </td>
58        <td id="albumLinks" style="width:400px;vertical-align:top;">
59          <ul style="padding-left:15px;margin:0;">
60            <li>{$INTRO.file}</li>
61            <li>{$INTRO.add_date}</li>
62            <li>{$INTRO.added_by}</li>
63            <li>{$INTRO.size}</li>
64            <li>{$INTRO.stats}</li>
65            <li>{$INTRO.id}</li>
66          </ul>
67        </td>
68        <td class="photoLinks">
69          <ul>
70          {if isset($U_JUMPTO) }
71            <li><a class="icon-eye" href="{$U_JUMPTO}">{'jump to photo'|@translate} →</a></li>
72          {/if}
73          {if !url_is_remote($PATH)}
74            <li><a class="icon-arrows-cw" href="{$U_SYNC}">{'Synchronize metadata'|@translate}</a></li>
75
76            <li><a class="icon-trash" href="{$U_DELETE}" onclick="return confirm('{'Are you sure?'|@translate|@escape:javascript}');">{'delete photo'|@translate}</a></li>
77          {/if}
78          </ul>
79        </td>
80      </tr>
81    </table>
82
83  </fieldset>
84
85  <fieldset>
86    <legend>{'Properties'|@translate}</legend>
87
88    <p>
89      <strong>{'Title'|@translate}</strong>
90      <br>
91      <input type="text" class="large" name="name" value="{$NAME|@escape}">
92    </p>
93
94    <p>
95      <strong>{'Author'|@translate}</strong>
96      <br>
97      <input type="text" class="large" name="author" value="{$AUTHOR}">
98    </p>
99
100    <p>
101      <strong>{'Creation date'|@translate}</strong>
102      <br>
103      <input type="hidden" name="date_creation" value="{$DATE_CREATION}">
104      <label>
105        <i class="icon-calendar"></i>
106        <input type="text" data-datepicker="date_creation" data-datepicker-unset="date_creation_unset" readonly>
107      </label>
108      <a href="#" class="icon-cancel-circled" id="date_creation_unset">{'unset'|translate}</a>
109    </p>
110
111    <p>
112      <strong>{'Linked albums'|@translate}</strong>
113      <br>
114      <select data-selectize="categories" data-value="{$associated_albums|@json_encode|escape:html}"
115        placeholder="{'Type in a search term'|translate}"
116        data-default="{$STORAGE_ALBUM}" name="associate[]" multiple style="width:600px;"></select>
117    </p>
118
119    <p>
120      <strong>{'Representation of albums'|@translate}</strong>
121      <br>
122      <select data-selectize="categories" data-value="{$represented_albums|@json_encode|escape:html}"
123        placeholder="{'Type in a search term'|translate}"
124        name="represent[]" multiple style="width:600px;"></select>
125    </p>
126
127    <p>
128      <strong>{'Tags'|@translate}</strong>
129      <br>
130      <select data-selectize="tags" data-value="{$tag_selection|@json_encode|escape:html}"
131        placeholder="{'Type in a search term'|translate}"
132        data-create="true" name="tags[]" multiple style="width:600px;"></select>
133    </p>
134
135    <p>
136      <strong>{'Description'|@translate}</strong>
137      <br>
138      <textarea name="description" id="description" class="description">{$DESCRIPTION}</textarea>
139    </p>
140
141    <p>
142      <strong>{'Who can see this photo?'|@translate}</strong>
143      <br>
144      <select name="level" size="1">
145        {html_options options=$level_options selected=$level_options_selected}
146      </select>
147   </p>
148
149  <p style="margin:40px 0 0 0">
150    <input class="submit" type="submit" value="{'Save Settings'|@translate}" name="submit">
151  </p>
152</fieldset>
153
154</form>
Note: See TracBrowser for help on using the repository browser.