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

Revision 28765, 4.8 KB checked in by mistic100, 5 years ago (diff)

feature 3080: add cancel button, one minute granularity, fix missing css

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