1 | <script>
| 1 | <script>
|
2 | <!--
| 2 | <!--
|
3 | var pics_displayed = 0;
| 3 | var pics_displayed = 0;
|
4 | function display_pics(id, path)
| 4 | function display_pics(id, path)
|
| | 5 | {
|
| | 6 | if( pics_displayed != id )
|
5 | {
| 7 | {
|
6 | if( pics_displayed != id )
| 8 | document.getElementById('pics_max').innerHTML = '<img src="' + path + '" alt="' + path + '" />';
|
7 | {
| 9 | pics_displayed = id;
|
8 | document.getElementById('pics_max').innerHTML = '<img src="' + path + '" alt="' + path + '" />';
| | |
9 | pics_displayed = id;
| | |
10 | }
| | |
11 | else
| | |
12 | {
| | |
13 | document.getElementById('pics_max').innerHTML = '';
| | |
14 | pics_displayed = 0;
| | |
15 | }
| | |
16 | }
| 10 | }
|
17 | function display_pics_popup(path, width, height)
| 11 | else
|
18 | {
| 12 | {
|
19 | width = parseInt(width);
| 13 | document.getElementById('pics_max').innerHTML = '';
|
20 | height = parseInt(height);
| 14 | pics_displayed = 0;
|
21 | if( height == 0 )
| | |
22 | height = screen.height - 150;
| | |
23 | if( width == 0 )
| | |
24 | width = screen.width - 200;
| | |
25 | window.open(path, '', 'width='+(width+17)+', height='+(height+17)+', location=no, status=no, toolbar=no, scrollbars=1, resizable=yes');
| | |
26 | }
| 15 | }
|
27 | function display_rename_file(id, previous_name, previous_cut_name)
| 16 | }
|
| | 17 | function display_pics_popup(path, width, height)
|
| | 18 | {
|
| | 19 | width = parseInt(width);
|
| | 20 | height = parseInt(height);
|
| | 21 | if( height == 0 )
|
| | 22 | height = screen.height - 150;
|
| | 23 | if( width == 0 )
|
| | 24 | width = screen.width - 200;
|
| | 25 | window.open(path, '', 'width='+(width+17)+', height='+(height+17)+', location=no, status=no, toolbar=no, scrollbars=1, resizable=yes');
|
| | 26 | }
|
| | 27 | function display_rename_file(id, previous_name, previous_cut_name)
|
| | 28 | {
|
| | 29 | if( document.getElementById('fi' + id) )
|
28 | {
| 30 | {
|
29 | if( document.getElementById('fi' + id) )
| 31 | document.getElementById('fi_' + id).style.display = 'none';
|
30 | {
| 32 | document.getElementById('fi' + id).style.display = 'inline';
|
31 | document.getElementById('fi_' + id).style.display = 'none';
| 33 | document.getElementById('fi' + id).innerHTML = '<input type="text" name="fiinput' + id + '" id="fiinput' + id + '" value="' + previous_name.replace(/\"/g, """) + '" onblur="rename_file(\'' + id + '\', \'' + previous_cut_name.replace(/\'/g, "\\\'").replace(/\"/g, """) + '\');">';
|
32 | document.getElementById('fi' + id).style.display = 'inline';
| 34 | document.getElementById('fiinput' + id).focus();
|
33 | document.getElementById('fi' + id).innerHTML = '<input type="text" name="fiinput' + id + '" id="fiinput' + id + '" value="' + previous_name.replace(/\"/g, """) + '" onblur="rename_file(\'' + id + '\', \'' + previous_cut_name.replace(/\'/g, "\\\'").replace(/\"/g, """) + '\');">';
| | |
34 | document.getElementById('fiinput' + id).focus();
| | |
35 | }
| | |
36 | }
| 35 | }
|
37 | function rename_file(id_file, previous_cut_name)
| 36 | }
|
| | 37 | function rename_file(id_file, previous_cut_name)
|
| | 38 | {
|
| | 39 | var name = document.getElementById("fiinput" + id_file).value;
|
| | 40 | var regex = /\/|\\|\||\?|<|>/;
|
| | 41 |
|
| | 42 | if( regex.test(name) ) //interdiction des caractères spéciaux dans le nom.
|
38 | {
| 43 | {
|
39 | var name = document.getElementById("fiinput" + id_file).value;
| 44 | alert("{L_FILE_FORBIDDEN_CHARS}");
|
40 | var regex = /\/|\\|\||\?|<|>/;
| 45 | document.getElementById('fi_' + id_file).style.display = 'inline';
|
| | 46 | document.getElementById('fi' + id_file).style.display = 'none';
|
| | 47 | }
|
| | 48 | else
|
| | 49 | {
|
| | 50 | document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
|
41 |
| 51 |
|
42 | if( regex.test(name) ) //interdiction des caractères spéciaux dans le nom.
| 52 | data = "id_file=" + id_file + "&name=" + name.replace(/&/g, "%26") + "&previous_name=" + previous_cut_name.replace(/&/g, "%26");
|
43 | {
| 53 | var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&rename_pics=1');
|
44 | alert("{L_FILE_FORBIDDEN_CHARS}");
| 54 | xhr_object.onreadystatechange = function()
|
45 | document.getElementById('fi_' + id_file).style.display = 'inline';
| | |
46 | document.getElementById('fi' + id_file).style.display = 'none';
| | |
47 | }
| | |
48 | else
| | |
49 | {
| 55 | {
|
50 | document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
| 56 | if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '0' )
|
51 |
| | |
52 | data = "id_file=" + id_file + "&name=" + name.replace(/&/g, "%26") + "&previous_name=" + previous_cut_name.replace(/&/g, "%26");
| | |
53 | var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&rename_pics=1');
| | |
54 | xhr_object.onreadystatechange = function()
| | |
55 | {
| 57 | {
|
56 | if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '0' )
| 58 | document.getElementById('fi' + id_file).style.display = 'none';
|
57 | {
| 59 | document.getElementById('fi_' + id_file).style.display = 'inline';
|
58 | document.getElementById('fi' + id_file).style.display = 'none';
| 60 | document.getElementById('fi_' + id_file).innerHTML = xhr_object.responseText;
|
59 | document.getElementById('fi_' + id_file).style.display = 'inline';
| | |
60 | document.getElementById('fi_' + id_file).innerHTML = xhr_object.responseText;
| | |
61 |
| 61 |
|
62 | html_protected_name = name.replace(/\'/g, "\\\'").replace(/\"/g, """);
| 62 | html_protected_name = name.replace(/\'/g, "\\\'").replace(/\"/g, """);
|
63 | html_protected_name2 = xhr_object.responseText.replace(/\'/g, "\\\'").replace(/\"/g, """);
| 63 | html_protected_name2 = xhr_object.responseText.replace(/\'/g, "\\\'").replace(/\"/g, """);
|
64 |
| 64 |
|
65 | document.getElementById('fihref' + id_file).innerHTML = '<a href="javascript:display_rename_file(\'' + id_file + '\', \'' + html_protected_name + '\', \'' + html_protected_name2 + '\');" class="basic-button" title="{L_EDIT}"><i class="fa fa-edit"></i></a>';
| 65 | document.getElementById('fihref' + id_file).innerHTML = '<a href="javascript:display_rename_file(\'' + id_file + '\', \'' + html_protected_name + '\', \'' + html_protected_name2 + '\');" class="basic-button" title="{L_EDIT}"><i class="fa fa-edit"></i></a>';
|
66 | document.getElementById('img' + id_file).innerHTML = '';
| 66 | document.getElementById('img' + id_file).innerHTML = '';
|
67 | }
| | |
68 | else if( xhr_object.readyState == 4 && xhr_object.responseText == '0' )
| | |
69 | document.getElementById('img' + id_file).innerHTML = '';
| | |
70 | }
| 67 | }
|
71 | xmlhttprequest_sender(xhr_object, data);
| 68 | else if( xhr_object.readyState == 4 && xhr_object.responseText == '0' )
|
| | 69 | document.getElementById('img' + id_file).innerHTML = '';
|
72 | }
| 70 | }
|
| | 71 | xmlhttprequest_sender(xhr_object, data);
|
73 | }
| 72 | }
|
74 | function pics_aprob(id_file, aprob)
| 73 | }
|
| | 74 | function pics_aprob(id_file, aprob)
|
| | 75 | {
|
| | 76 | document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
|
| | 77 |
|
| | 78 | data = 'id_file=' + id_file;
|
| | 79 | var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&aprob_pics=1');
|
| | 80 | xhr_object.onreadystatechange = function()
|
75 | {
| 81 | {
|
76 | document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
| 82 | if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' )
|
77 |
| | |
78 | data = 'id_file=' + id_file;
| | |
79 | var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&aprob_pics=1');
| | |
80 | xhr_object.onreadystatechange = function()
| | |
81 | {
| 83 | {
|
82 | if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' )
| 84 | var img_aprob, title_aprob;
|
| | 85 | if( xhr_object.responseText == 0 )
|
83 | {
| 86 | {
|
84 | var img_aprob, title_aprob;
| 87 | img_aprob = 'fa-eye-slash';
|
85 | if( xhr_object.responseText == 0 )
| 88 | title_aprob = '{L_UNAPROB}';
|
86 | {
| 89 | }
|
87 | img_aprob = 'fa-eye-slash';
| 90 | else
|
88 | title_aprob = '{L_UNAPROB}';
| 91 | {
|
89 | }
| 92 | img_aprob = 'fa-eye';
|
90 | else
| 93 | title_aprob = '{L_APROB}';
|
91 | {
| 94 | }
|
92 | img_aprob = 'fa-eye';
| | |
93 | title_aprob = '{L_APROB}';
| | |
94 | }
| | |
95 |
| 95 |
|
96 | document.getElementById('img' + id_file).innerHTML = '';
| 96 | document.getElementById('img' + id_file).innerHTML = '';
|
97 | if( document.getElementById('img_aprob' + id_file) )
| 97 | if( document.getElementById('img_aprob' + id_file) )
|
98 | {
| 98 | {
|
99 | if(document.getElementById('img_aprob' + id_file).className == "fa fa-eye-slash"){
| 99 | if(document.getElementById('img_aprob' + id_file).className == "fa fa-eye-slash"){
|
100 | document.getElementById('img_aprob' + id_file).className = "fa fa-eye";
| 100 | document.getElementById('img_aprob' + id_file).className = "fa fa-eye";
|
101 | } else {
| 101 | } else {
|
102 | document.getElementById('img_aprob' + id_file).className = "fa fa-eye-slash";
| 102 | document.getElementById('img_aprob' + id_file).className = "fa fa-eye-slash";
|
103 | }
| | |
104 | document.getElementById('img_aprob' + id_file).title = '' + title_aprob;
| | |
105 | document.getElementById('img_aprob' + id_file).alt = '' + title_aprob;
| | |
106 | }
| 103 | }
|
| | 104 | document.getElementById('img_aprob' + id_file).title = '' + title_aprob;
|
| | 105 | document.getElementById('img_aprob' + id_file).alt = '' + title_aprob;
|
107 | }
| 106 | }
|
108 | else if( xhr_object.readyState == 4 && xhr_object.responseText == '-1' )
| | |
109 | document.getElementById('img' + id_file).innerHTML = '';
| | |
110 | }
| 107 | }
|
111 | xmlhttprequest_sender(xhr_object, data);
| 108 | else if( xhr_object.readyState == 4 && xhr_object.responseText == '-1' )
|
| | 109 | document.getElementById('img' + id_file).innerHTML = '';
|
112 | }
| 110 | }
|
| | 111 | xmlhttprequest_sender(xhr_object, data);
|
| | 112 | }
|
113 |
| 113 |
|
114 | var delay = 2000; //Délai après lequel le bloc est automatiquement masqué après le départ de la souris.
| 114 | var delay = 2000; //Délai après lequel le bloc est automatiquement masqué après le départ de la souris.
|
115 | var timeout;
| 115 | var timeout;
|
116 | var displayed = false;
| 116 | var displayed = false;
|
117 | var previous = '';
| 117 | var previous = '';
|
118 | var started = false;
| 118 | var started = false;
|
| | 119 |
|
| | 120 | //Affiche le bloc.
|
| | 121 | function pics_display_block(divID)
|
| | 122 | {
|
| | 123 | if( timeout )
|
| | 124 | clearTimeout(timeout);
|
119 |
| 125 |
|
120 | //Affiche le bloc.
| 126 | if( document.getElementById(previous) )
|
121 | function pics_display_block(divID)
| | |
122 | {
| 127 | {
|
123 | if( timeout )
| 128 | document.getElementById(previous).style.display = 'none';
|
124 | clearTimeout(timeout);
| 129 | started = false
|
| | 130 | }
|
125 |
| 131 |
|
126 | if( document.getElementById(previous) )
| 132 | if( document.getElementById('move' + divID) )
|
127 | {
| | |
128 | document.getElementById(previous).style.display = 'none';
| | |
129 | started = false
| | |
130 | }
| | |
131 |
| | |
132 | if( document.getElementById('move' + divID) )
| | |
133 | {
| | |
134 | document.getElementById('move' + divID).style.display = 'block';
| | |
135 | previous = 'move' + divID;
| | |
136 | started = true;
| | |
137 | }
| | |
138 | }
| | |
139 | //Cache le bloc.
| | |
140 | function pics_hide_block(idfield, stop)
| | |
141 | {
| 133 | {
|
142 | if( stop && timeout )
| 134 | document.getElementById('move' + divID).style.display = 'block';
|
143 | clearTimeout(timeout);
| 135 | previous = 'move' + divID;
|
144 | else if( started )
| 136 | started = true;
|
145 | timeout = setTimeout('pics_display_block()', delay);
| | |
146 | }
| 137 | }
|
| | 138 | }
|
| | 139 | //Cache le bloc.
|
| | 140 | function pics_hide_block(idfield, stop)
|
| | 141 | {
|
| | 142 | if( stop && timeout )
|
| | 143 | clearTimeout(timeout);
|
| | 144 | else if( started )
|
| | 145 | timeout = setTimeout('pics_display_block()', delay);
|
| | 146 | }
|
147 |
| 147 |
|
148 | {ARRAY_JS}
| 148 | {ARRAY_JS}
|
149 | var start_thumb = {START_THUMB};
| 149 | var start_thumb = {START_THUMB};
|
150 | //Miniatures défilantes.
| 150 | //Miniatures défilantes.
|
151 | function display_thumbnails(direction)
| 151 | function display_thumbnails(direction)
|
| | 152 | {
|
| | 153 | if( direction == 'left' )
|
152 | {
| 154 | {
|
153 | if( direction == 'left' )
| 155 | if( start_thumb > 0 )
|
154 | {
| 156 | {
|
155 | if( start_thumb > 0 )
| 157 | start_thumb--;
|
156 | {
| 158 | if( start_thumb == 0 )
|
157 | start_thumb--;
| 159 | document.getElementById('display_left').innerHTML = '';
|
158 | if( start_thumb == 0 )
| | |
159 | document.getElementById('display_left').innerHTML = '';
| | |
160 | else
| | |
161 | document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
| | |
162 | document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
| | |
163 | }
| | |
164 | else
| 160 | else
|
165 | return;
| 161 | document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
|
| | 162 | document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
|
166 | }
| 163 | }
|
167 | else if( direction == 'right' )
| 164 | else
|
| | 165 | return;
|
| | 166 | }
|
| | 167 | else if( direction == 'right' )
|
| | 168 | {
|
| | 169 | if( start_thumb <= {MAX_START} )
|
168 | {
| 170 | {
|
169 | if( start_thumb <= {MAX_START} )
| 171 | start_thumb++;
|
170 | {
| 172 | if( start_thumb == ({MAX_START} + 1) )
|
171 | start_thumb++;
| 173 | document.getElementById('display_right').innerHTML = '';
|
172 | if( start_thumb == ({MAX_START} + 1) )
| | |
173 | document.getElementById('display_right').innerHTML = '';
| | |
174 | else
| | |
175 | document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
| | |
176 | document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
| | |
177 | }
| | |
178 | else
| 174 | else
|
179 | return;
| 175 | document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
|
| | 176 | document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
|
180 | }
| 177 | }
|
| | 178 | else
|
| | 179 | return;
|
| | 180 | }
|
181 |
| 181 |
|
182 | var j = 0;
| 182 | var j = 0;
|
183 | for(var i = 0; i <= {NBR_PICS}; i++)
| 183 | for(var i = 0; i <= {NBR_PICS}; i++)
|
| | 184 | {
|
| | 185 | if( document.getElementById('thumb' + i) )
|
184 | {
| 186 | {
|
185 | if( document.getElementById('thumb' + i) )
| 187 | var key_left = start_thumb + j;
|
| | 188 | var key_right = start_thumb + j;
|
| | 189 | if( direction == 'left' && array_pics[key_left] )
|
186 | {
| 190 | {
|
187 | var key_left = start_thumb + j;
| 191 | document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_left]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_left]['path'] + '" alt="' + array_pics[key_left]['path'] + '" title="' + array_pics[key_left]['path'] + '" /></a>';
|
188 | var key_right = start_thumb + j;
| 192 | j++;
|
189 | if( direction == 'left' && array_pics[key_left] )
| 193 | }
|
190 | {
| 194 | else if( direction == 'right' && array_pics[key_right] )
|
191 | document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_left]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_left]['path'] + '" alt="' + array_pics[key_left]['path'] + '" /></a>';
| 195 | {
|
192 | j++;
| 196 | document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_right]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_right]['path'] + '" alt="' + array_pics[key_right]['path'] + '" title="' + array_pics[key_right]['path'] + '" /></a>';
|
193 | }
| 197 | j++;
|
194 | else if( direction == 'right' && array_pics[key_right] )
| | |
195 | {
| | |
196 | document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_right]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_right]['path'] + '" alt="' + array_pics[key_right]['path'] + '" /></a>';
| | |
197 | j++;
| | |
198 | }
| | |
199 | }
| 198 | }
|
200 | }
| 199 | }
|
201 | }
| 200 | }
|
202 | //incrément le nombre de vues d'une image.
| 201 | }
|
203 | var already_view = false;
| 202 | //incrément le nombre de vues d'une image.
|
204 | var incr_pics_displayed = 0;
| 203 | var already_view = false;
|
205 | function increment_view(idpics)
| 204 | var incr_pics_displayed = 0;
|
| | 205 | function increment_view(idpics)
|
| | 206 | {
|
| | 207 | if ('{DISPLAY_MODE}' == 'resize' && incr_pics_displayed == idpics)
|
| | 208 | incr_pics_displayed = 0;
|
| | 209 | else
|
206 | {
| 210 | {
|
207 | if ('{DISPLAY_MODE}' == 'resize' && incr_pics_displayed == idpics)
| 211 | if (document.getElementById('gv' + idpics))
|
208 | incr_pics_displayed = 0;
| | |
209 | else
| | |
210 | {
| 212 | {
|
211 | if (document.getElementById('gv' + idpics))
| 213 | if (already_view && ('{DISPLAY_MODE}' == 'full_screen' || '{DISPLAY_MODE}' == 'resize'))
|
212 | {
| 214 | {
|
213 | if (already_view && ('{DISPLAY_MODE}' == 'full_screen' || '{DISPLAY_MODE}' == 'resize'))
| 215 | data = '';
|
214 | {
| 216 | var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&id=' + idpics + '&cat={CAT_ID}&increment_view=1');
|
215 | data = '';
| 217 | xmlhttprequest_sender(xhr_object, data);
|
216 | var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&id=' + idpics + '&cat={CAT_ID}&increment_view=1');
| 218 | }
|
217 | xmlhttprequest_sender(xhr_object, data);
| | |
218 | }
| | |
219 |
| 219 |
|
220 | var views = 0;
| 220 | var views = 0;
|
221 | views = document.getElementById('gv' + idpics).innerHTML;
| 221 | views = document.getElementById('gv' + idpics).innerHTML;
|
222 | views++;
| 222 | views++;
|
223 | document.getElementById('gv' + idpics).innerHTML = views;
| 223 | document.getElementById('gv' + idpics).innerHTML = views;
|
224 | document.getElementById('gvl' + idpics).innerHTML = (views > 1) ? "{L_VIEWS}" : "{L_VIEW}";
| 224 | document.getElementById('gvl' + idpics).innerHTML = (views > 1) ? "{L_VIEWS}" : "{L_VIEW}";
|
225 |
| 225 |
|
226 | already_view = true;
| 226 | already_view = true;
|
227 | incr_pics_displayed = idpics;
| 227 | incr_pics_displayed = idpics;
|
228 | }
| | |
229 | }
| 228 | }
|
230 | }
| 229 | }
|
231 | -->
| 230 | }
|
232 | </script>
| 231 | -->
|
| | 232 | </script>
|
233 |
| 233 |
|
234 | # INCLUDE message_helper #
| 234 | # INCLUDE message_helper #
|
235 | <div class="spacer"></div>
| 235 | <div class="spacer"></div>
|
236 |
| 236 |
|
237 | <section id="module-gallery">
| 237 | <section id="module-gallery">
|
238 | <header>
| 238 | <header>
|
| | 239 | <div class="cat-actions">
|
| | 240 | <a href="${relative_url(SyndicationUrlBuilder::rss('gallery', CAT_ID))}" class="fa fa-syndication" title="${LangLoader::get_message('syndication', 'common')}"></a>
|
| | 241 | # IF IS_ADMIN #<a href="{U_EDIT_CATEGORY}" aria-label="${LangLoader::get_message('edit', 'common')}"><i class="fa fa-edit" aria-hidden="true" title="${LangLoader::get_message('edit', 'common')}"></i></a>
|
| | 242 | </div>
|
| | 243 | <h1>
|
| | 244 | {GALLERY} # ENDIF #
|
| | 245 | </h1>
|
| | 246 | </header>
|
| | 247 |
|
| | 248 | # IF C_CATEGORY_DESCRIPTION #
|
| | 249 | <div class="cat-description">
|
| | 250 | {CATEGORY_DESCRIPTION}
|
| | 251 | </div>
|
| | 252 | # ENDIF #
|
| | 253 |
|
| | 254 | <div class="gallery-tools-container">
|
239 | <nav id="cssmenu-galleryfilter" class="cssmenu cssmenu-right cssmenu-actionslinks cssmenu-tools">
| 255 | <nav id="cssmenu-galleryfilter" class="cssmenu cssmenu-right cssmenu-actionslinks cssmenu-tools">
|
240 | <ul class="level-0 hidden">
| 256 | <ul class="level-0 hidden">
|
241 | <li><a class="cssmenu-title"><i class="fa fa-eye"></i> {L_DISPLAY}</a>
| 257 | <li><a class="cssmenu-title"><i class="fa fa-eye" aria-hidden="true"></i> {L_DISPLAY}</a>
|
242 | <ul class="level-1">
| 258 | <ul class="level-1">
|
243 | <li><a href="{U_BEST_VIEWS}" class="cssmenu-title"><i class="fa fa-eye"></i> {L_BEST_VIEWS}</a></li>
| 259 | <li><a href="{U_BEST_VIEWS}" class="cssmenu-title"><i class="fa fa-eye" aria-hidden="true"></i> {L_BEST_VIEWS}</a></li>
|
244 | # IF C_NOTATION_ENABLED #<li><a href="{U_BEST_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty"></i> {L_BEST_NOTES}</a></li># ENDIF #
| 260 | # IF C_NOTATION_ENABLED #<li><a href="{U_BEST_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty" aria-hidden="true"></i> {L_BEST_NOTES}</a></li># ENDIF #
|
245 | </ul>
| 261 | </ul>
|
246 | </li>
| 262 | </li>
|
247 | <li><a class="cssmenu-title"><i class="fa fa-sort"></i> {L_ORDER_BY}</a>
| 263 | <li><a class="cssmenu-title"><i class="fa fa-sort" aria-hidden="true"></i> {L_ORDER_BY}</a>
|
248 | <ul class="level-1">
| 264 | <ul class="level-1">
|
249 | <li><a href="{U_ORDER_BY_NAME}" class="cssmenu-title"><i class="fa fa-tag"></i> {L_NAME}</a></li>
| 265 | <li><a href="{U_ORDER_BY_NAME}" class="cssmenu-title"><i class="fa fa-tag" aria-hidden="true"></i> {L_NAME}</a></li>
|
250 | <li><a href="{U_ORDER_BY_DATE}" class="cssmenu-title"><i class="fa fa-clock-o"></i> {L_DATE}</a></li>
| 266 | <li><a href="{U_ORDER_BY_DATE}" class="cssmenu-title"><i class="fa fa-clock-o" aria-hidden="true"></i> {L_DATE}</a></li>
|
251 | <li><a href="{U_ORDER_BY_VIEWS}" class="cssmenu-title"><i class="fa fa-eye"></i> {L_VIEWS}</a></li>
| 267 | <li><a href="{U_ORDER_BY_VIEWS}" class="cssmenu-title"><i class="fa fa-eye" aria-hidden="true"></i> {L_VIEWS}</a></li>
|
252 | # IF C_NOTATION_ENABLED #
| 268 | # IF C_NOTATION_ENABLED #
|
253 | <li><a href="{U_ORDER_BY_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty"></i> {L_NOTES}</a></li>
| 269 | <li><a href="{U_ORDER_BY_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty" aria-hidden="true"></i> {L_NOTES}</a></li>
|
254 | # ENDIF #
| 270 | # ENDIF #
|
255 | # IF C_COMMENTS_ENABLED #
| 271 | # IF C_COMMENTS_ENABLED #
|
256 | <li><a href="{U_ORDER_BY_COM}" class="cssmenu-title"><i class="fa fa-comments-o"></i> {L_COM}</a></li># ENDIF #
| 272 | <li><a href="{U_ORDER_BY_COM}" class="cssmenu-title"><i class="fa fa-comments-o" aria-hidden="true"></i> {L_COM}</a></li># ENDIF #
|
257 | </ul>
| 273 | </ul>
|
258 | </li>
| 274 | </li>
|
259 | <li><a class="cssmenu-title"><i class="fa fa-sort-alpha-asc"></i> {L_DIRECTION}</a>
| 275 | <li><a class="cssmenu-title"><i class="fa fa-sort-alpha-asc"></i> {L_DIRECTION}</a>
|
260 | <ul class="level-1">
| 276 | <ul class="level-1">
|
261 | <li><a href="{U_ASC}" class="cssmenu-title"><i class="fa fa-sort-amount-asc"></i> {L_ASC}</a></li>
| 277 | <li><a href="{U_ASC}" class="cssmenu-title"><i class="fa fa-sort-amount-asc" aria-hidden="true"></i> {L_ASC}</a></li>
|
262 | <li><a href="{U_DESC}" class="cssmenu-title"><i class="fa fa-sort-amount-desc"></i> {L_DESC}</a></li>
| 278 | <li><a href="{U_DESC}" class="cssmenu-title"><i class="fa fa-sort-amount-desc" aria-hidden="true"></i> {L_DESC}</a></li>
|
263 | </ul>
| 279 | </ul>
|
264 | </li>
| 280 | </li>
|
265 | </ul>
| 281 | </ul>
|
266 | </nav>
| 282 | </nav>
|
267 | <script>
| 283 | <script>
|
268 | jQuery("#cssmenu-galleryfilter").menumaker({
| 284 | jQuery("#cssmenu-galleryfilter").menumaker({
|
269 | title: "${LangLoader::get_message('sort_options', 'common')}",
| 285 | title: "${LangLoader::get_message('sort_options', 'common')}",
|
270 | format: "multitoggle",
| 286 | format: "multitoggle",
|
271 | breakpoint: 768
| 287 | breakpoint: 768
|
272 | });
| 288 | });
|
273 | jQuery(document).ready(function() {
| 289 | jQuery(document).ready(function() {
|
274 | jQuery("#cssmenu-galleryfilter ul").removeClass('hidden');
| 290 | jQuery("#cssmenu-galleryfilter ul").removeClass('hidden');
|
275 | });
| 291 | });
|
276 | </script>
| 292 | </script>
|
277 | <h1>
| 293 | <div class="spacer"></div>
|
278 | <a href="${relative_url(SyndicationUrlBuilder::rss('gallery', CAT_ID))}" class="fa fa-syndication" title="${LangLoader::get_message('syndication', 'common')}"></a>
| 294 | </div>
|
279 | {GALLERY} # IF IS_ADMIN #<a href="{U_EDIT_CATEGORY}" title="${LangLoader::get_message('edit', 'common')}"><i class="fa fa-edit smaller"></i></a># ENDIF #
| | |
280 | </h1>
| | |
281 |
| | |
282 | # IF C_CATEGORY_DESCRIPTION #
| | |
283 | <div class="cat-description">
| | |
284 | {CATEGORY_DESCRIPTION}
| | |
285 | </div>
| | |
286 | # ENDIF #
| | |
287 | </header>
| | |
288 |
| 295 |
|
289 | # IF C_SUB_CATEGORIES #
| 296 | # IF C_SUB_CATEGORIES #
|
290 | <div class="subcat-container elements-container# IF C_SEVERAL_CATS_COLUMNS # columns-{COLUMNS_NUMBER}# ENDIF #">
| 297 | <div class="subcat-container elements-container# IF C_SEVERAL_CATS_COLUMNS # columns-{COLUMNS_NUMBER}# ENDIF #">
|
291 | # START sub_categories_list #
| 298 | # START sub_categories_list #
|
292 | <div class="subcat-element block">
| 299 | <div class="subcat-element block">
|
293 | <div class="subcat-content">
| 300 | <div class="subcat-content">
|
294 | # IF sub_categories_list.C_CATEGORY_IMAGE #<a itemprop="about" href="{sub_categories_list.U_CATEGORY}"><img itemprop="thumbnailUrl" src="{sub_categories_list.CATEGORY_IMAGE}" alt="{sub_categories_list.CATEGORY_NAME}" /></a># ENDIF #
| 301 | # IF sub_categories_list.C_CATEGORY_IMAGE #
|
295 | <br />
| 302 | <a class="subcat-thumbnail" itemprop="about" href="{sub_categories_list.U_CATEGORY}" title="{sub_categories_list.CATEGORY_NAME}">
|
296 | <a itemprop="about" href="{sub_categories_list.U_CATEGORY}">{sub_categories_list.CATEGORY_NAME}</a>
| 303 | <img itemprop="thumbnailUrl" src="{sub_categories_list.CATEGORY_IMAGE}" alt="{sub_categories_list.CATEGORY_NAME}" />
|
297 | <br />
| 304 | </a>
|
298 | <span class="small">{sub_categories_list.PICTURES_NUMBER}</span>
| 305 | # ENDIF #
|
| | 306 | <a class="subcat-title" itemprop="about" href="{sub_categories_list.U_CATEGORY}">{sub_categories_list.CATEGORY_NAME}</a>
|
| | 307 | <span class="subcat-options">{sub_categories_list.PICTURES_NUMBER}</span>
|
| | 308 | </div>
|
299 | </div>
| 309 | </div>
|
300 | </div>
| | |
301 | # END sub_categories_list #
| 310 | # END sub_categories_list #
|
302 | <div class="spacer"></div>
| 311 | <div class="spacer"></div>
|
303 | </div>
| 312 | </div>
|
304 | # IF C_SUBCATEGORIES_PAGINATION #<span class="center"># INCLUDE SUBCATEGORIES_PAGINATION #</span># ENDIF #
| 313 | # IF C_SUBCATEGORIES_PAGINATION #<span class="center"># INCLUDE SUBCATEGORIES_PAGINATION #</span># ENDIF #
|
305 | # ELSE #
| 314 | # ELSE #
|
306 | <div class="spacer"></div>
| 315 | <div class="spacer"></div>
|
307 | # ENDIF #
| 316 | # ENDIF #
|
308 |
| 317 |
|
309 | <div class="content">
| 318 | <div class="content">
|
310 | # IF C_GALLERY_PICS #
| 319 | # IF C_GALLERY_PICS #
|
311 | <article id="article-gallery-{ID}" class="article-gallery article-several block">
| 320 | <article id="article-gallery-{ID}" class="article-gallery article-several">
|
312 | <header>
| 321 | <header>
|
313 | <h2>${LangLoader::get_message('image', 'main')}</h2>
| 322 | <h2>${LangLoader::get_message('image', 'main')}</h2>
|
314 | </header>
| 323 | </header>
|
315 | <div class="content">
| 324 | <div class="content">
|
316 | <p class="center" id="pics_max"></p>
| 325 | <p class="center" id="pics_max"></p>
|
317 |
| 326 |
|
318 | # IF C_GALLERY_PICS_MAX #
| 327 | # IF C_GALLERY_PICS_MAX #
|
319 | <p class="pics-max"><a href="{U_IMG_MAX}" data-lightbox="formatter"><img src="{U_IMG_MAX}" title="{NAME}" alt="" /></a></p>
| 328 | <p class="pics-max"><a href="{U_IMG_MAX}" data-lightbox="formatter"><img src="{U_IMG_MAX}" alt="{NAME}" /></a></p>
|
320 | <div class="options">
| 329 | <div class="options">
|
321 | <h6>{L_INFORMATIONS}</h6>
| 330 | <h6>{L_INFORMATIONS}</h6>
|
322 | # IF C_TITLE_ENABLED #
| 331 | # IF C_TITLE_ENABLED #
|
323 | <span class="text-strong">{L_NAME} : </span><span><span id="fi_{ID}">{NAME}</span> <span id="fi{ID}"></span></span><br/>
| 332 | <span class="infos-options"><span class="text-strong">{L_NAME} : </span><span id="fi_{ID}">{NAME}</span> <span id="fi{ID}"></span></span>
|
324 | # ENDIF #
| 333 | # ENDIF #
|
325 | # IF C_AUTHOR_DISPLAYED #
| 334 | # IF C_AUTHOR_DISPLAYED #
|
326 | <span class="text-strong">{L_POSTOR} : </span><span># IF C_POSTOR_EXIST #<a class="small {POSTOR_LEVEL_CLASS}"# IF C_POSTOR_GROUP_COLOR # style="color:{POSTOR_GROUP_COLOR}"# ENDIF # href="{U_POSTOR_PROFILE}">{POSTOR}</a># ELSE #${LangLoader::get_message('guest', 'main')}# ENDIF #</span><br/>
| 335 | <span class="infos-options"><span class="text-strong">{L_POSTOR} : </span># IF C_POSTOR_EXIST #<a class="small {POSTOR_LEVEL_CLASS}"# IF C_POSTOR_GROUP_COLOR # style="color:{POSTOR_GROUP_COLOR}"# ENDIF # href="{U_POSTOR_PROFILE}">{POSTOR}</a># ELSE #${LangLoader::get_message('guest', 'main')}# ENDIF #</span>
|
327 | # ENDIF #
| 336 | # ENDIF #
|
328 | # IF C_VIEWS_COUNTER_ENABLED #
| 337 | # IF C_VIEWS_COUNTER_ENABLED #
|
329 | <span class="text-strong">{L_VIEWS} : </span><span>{VIEWS}</span><br/>
| 338 | <span class="infos-options"><span class="text-strong">{L_VIEWS} : </span>{VIEWS}</span>
|
330 | # ENDIF #
| 339 | # ENDIF #
|
331 | <span class="text-strong">{L_ADD_ON} : </span><span>{DATE}</span><br/>
| 340 | <span class="infos-options"><span class="text-strong">{L_ADD_ON} : </span>{DATE}</span>
|
332 | <span class="text-strong">{L_DIMENSION} : </span><span>{DIMENSION}</span><br/>
| 341 | <span class="infos-options"><span class="text-strong">{L_DIMENSION} : </span>{DIMENSION}</span>
|
333 | <span class="text-strong">{L_SIZE} : </span><span>{SIZE} {L_KB}</span><br/>
| 342 | <span class="infos-options"><span class="text-strong">{L_SIZE} : </span>{SIZE} {L_KB}</span>
|
334 | # IF C_COMMENTS_ENABLED #
| 343 | # IF C_COMMENTS_ENABLED #
|
335 | <a href="{U_COMMENTS}">{L_COMMENTS}</a><br />
| 344 | <a class="infos-options" href="{U_COMMENTS}">{L_COMMENTS}</a>
|
336 | # ENDIF #
| 345 | # ENDIF #
|
337 | <div class="center">
| 346 | <div class="center">
|
338 | # IF C_NOTATION_ENABLED #
| 347 | # IF C_NOTATION_ENABLED #
|
339 | <div class="text-strong">{KERNEL_NOTATION}</div><br/>
| 348 | <div class="text-strong">{KERNEL_NOTATION}</div>
|
340 | # ENDIF #
| 349 | # ENDIF #
|
341 | # IF C_GALLERY_PICS_MODO #
| 350 | # IF C_GALLERY_PICS_MODO #
|
342 | <span id="fihref{ID}"><a href="javascript:display_rename_file('{ID}', '{RENAME}', '{RENAME_CUT}');" class="basic-button" title="{L_EDIT}"><i class="fa fa-edit"></i></a></span>
| 351 | <span id="fihref{ID}"><a href="javascript:display_rename_file('{ID}', '{RENAME}', '{RENAME_CUT}');" class="basic-button" title="{L_EDIT}"><i class="fa fa-edit"></i></a></span>
|
343 |
| 352 |
|
344 | <div id="move{ID}" class="move-pics-container">
| 353 | <div id="move{ID}" class="move-pics-container">
|
345 | <div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);">
| 354 | <div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);">
|
346 | <div>{L_MOVETO} :</div>
| 355 | <div>{L_MOVETO} :</div>
|
347 | <select class="valign-middle" name="{ID}cat" onchange="document.location = '{U_MOVE}">
| 356 | <select class="valign-middle" name="{ID}cat" onchange="document.location = '{U_MOVE}">
|
348 | {CAT}
| 357 | {CAT}
|
349 | </select>
| 358 | </select>
|
350 | </div>
| 359 | </div>
|
351 | </div>
| 360 | </div>
|
352 | <a href="javascript:pics_display_block({ID});" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);" class="basic-button" title="{L_MOVETO}"><i class="fa fa-move"></i></a>
| 361 | <a href="javascript:pics_display_block({ID});" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);" class="basic-button" title="{L_MOVETO}"><i class="fa fa-move"></i></a>
|
353 |
| 362 |
|
354 | <a href="javascript:pics_aprob({ID});" class="basic-button" title="{L_APROB_IMG}"><i id="img_aprob{ID}" class="{IMG_APROB}"></i></a>
| 363 | <a href="javascript:pics_aprob({ID});" class="basic-button" title="{L_APROB_IMG}"><i id="img_aprob{ID}" class="{IMG_APROB}"></i></a>
|
355 | <span id="img{ID}"></span>
| 364 | <span id="img{ID}"></span>
|
356 | <a href="{U_DEL}" title="{L_DELETE}" class="basic-button alt" data-confirmation="delete-element"><i class="fa fa-delete"></i></a>
| 365 | <a href="{U_DEL}" title="{L_DELETE}" class="basic-button alt" data-confirmation="delete-element"><i class="fa fa-delete"></i></a>
|
357 | # ENDIF #
| 366 | # ENDIF #
|
358 | </div>
| 367 | </div>
|
359 | </div>
| 368 | </div>
|
360 | <div class="link-to-other-pics-container">
| 369 | <div class="link-to-other-pics-container">
|
361 | <span class="float-left"> <a href="{U_PREVIOUS}#pics_max" title =""><i class="fa fa-arrow-left fa-2x"></i> ${LangLoader::get_message('previous', 'main')}</a></span>
| 370 | <span class="float-left"> <a href="{U_PREVIOUS}#pics_max" title =""><i class="fa fa-arrow-left fa-2x"></i> ${LangLoader::get_message('previous', 'main')}</a></span>
|
362 | <span class="float-right"><a href="{U_NEXT}#pics_max" title="">${LangLoader::get_message('next', 'main')} <i class="fa fa-arrow-right fa-2x"></i></a> </span>
| 371 | <span class="float-right"><a href="{U_NEXT}#pics_max" title="">${LangLoader::get_message('next', 'main')} <i class="fa fa-arrow-right fa-2x"></i></a> </span>
|
363 | </div>
| 372 | </div>
|
364 | <br /><br />
| | |
365 | <table class="pics-max-thumbnails">
| 373 | <table class="pics-max-thumbnails">
|
366 | <thead>
| 374 | <thead>
|
367 | <tr>
| 375 | <tr>
|
368 | <th colspan="{COLSPAN}">
| 376 | <th colspan="{COLSPAN}">
|
369 | {L_THUMBNAILS}
| 377 | {L_THUMBNAILS}
|
370 | </th>
| 378 | </th>
|
371 | </tr>
| 379 | </tr>
|
372 | </thead>
| 380 | </thead>
|
373 | <tbody>
| 381 | <tbody>
|
374 | <tr>
| 382 | <tr>
|
375 | <td>
| 383 | <td>
|
376 | <span id="display_left"># IF C_LEFT_THUMBNAILS #<a href="javascript:display_thumbnails('left')"><i class="fa fa-arrow-left fa-2x"></i></a># ENDIF #</span>
| 384 | <span id="display_left"># IF C_LEFT_THUMBNAILS #<a href="javascript:display_thumbnails('left')"><i class="fa fa-arrow-left fa-2x"></i></a># ENDIF #</span>
|
377 | </td>
| 385 | </td>
|
378 |
| 386 |
|
379 | # START list_preview_pics #
| 387 | # START list_preview_pics #
|
380 | <td class="center" style="height:{list_preview_pics.HEIGHT}px"><span id="thumb{list_preview_pics.ID}"><a href="{list_preview_pics.URL}" title="{list_preview_pics.NAME}"><img src="pics/thumbnails/{list_preview_pics.PATH}" alt="{list_preview_pics.NAME}" /></a></span></td>
| 388 | <td class="center" style="height:{list_preview_pics.HEIGHT}px"><span id="thumb{list_preview_pics.ID}"><a href="{list_preview_pics.URL}" title="{list_preview_pics.NAME}"><img src="pics/thumbnails/{list_preview_pics.PATH}" alt="{list_preview_pics.NAME}" /></a></span></td>
|
381 | # END list_preview_pics #
| 389 | # END list_preview_pics #
|
382 |
| 390 |
|
383 | <td>
| 391 | <td>
|
384 | <span id="display_right"># IF C_RIGHT_THUMBNAILS #<a href="javascript:display_thumbnails('right')"><i class="fa fa-arrow-right fa-2x"></i></a># ENDIF #</span>
| 392 | <span id="display_right"># IF C_RIGHT_THUMBNAILS #<a href="javascript:display_thumbnails('right')"><i class="fa fa-arrow-right fa-2x"></i></a># ENDIF #</span>
|
385 | </td>
| 393 | </td>
|
386 | </tr>
| 394 | </tr>
|
387 | </tbody>
| 395 | </tbody>
|
388 | </table>
| 396 | </table>
|
389 | {COMMENTS}
| 397 | {COMMENTS}
|
390 | # ENDIF #
| 398 | # ENDIF #
|
391 |
| 399 |
|
392 | <table class="table-pics">
| 400 | <table class="table-pics">
|
393 | # IF C_PAGINATION #
| | |
394 | <tfoot>
| | |
395 | <tr>
| | |
396 | <td colspan="{COLUMNS_NUMBER}">
| | |
397 | # INCLUDE PAGINATION #
| | |
398 | </td>
| | |
399 | </tr>
| | |
400 | </tfoot>
| | |
401 | # ENDIF #
| | |
402 | <tbody>
| 401 | <tbody>
|
403 | # START pics_list #
| 402 | # START pics_list #
|
404 | # IF pics_list.C_OPEN_TR #<tr># ENDIF #
| 403 | # IF pics_list.C_OPEN_TR #<tr># ENDIF #
|
405 | <td class="valign-bottom# IF pics_list.C_NEW_CONTENT # new-content# ENDIF #" style="width:{COLUMN_WIDTH_PICS}%;">
| 404 | <td class="valign-bottom# IF pics_list.C_NEW_CONTENT # new-content# ENDIF #" style="width:{COLUMN_WIDTH_PICS}%;">
|
406 | <div id="pics{pics_list.ID}" class="thumbnails-list-container">
| 405 | <div id="pics{pics_list.ID}" class="thumbnails-list-container">
|
407 | <a class="small" href="{pics_list.U_DISPLAY}" title="{pics_list.NAME}" onclick="{pics_list.ONCLICK}" # IF NOT pics_list.ONCLICK # data-lightbox="formatter"# ENDIF #><img src="{pics_list.U_PICTURE}" alt="" class="gallery-img" /></a>
| 406 | <a class="small" href="{pics_list.U_DISPLAY}" title="{pics_list.NAME}" onclick="{pics_list.ONCLICK}" # IF NOT pics_list.ONCLICK # data-lightbox="formatter"# ENDIF #><img src="{pics_list.U_PICTURE}" alt="{pics_list.NAME}" title="{pics_list.NAME}" class="gallery-img" /></a>
|
408 | </div>
| 407 | </div>
|
409 |
| 408 |
|
410 | <div class="spacer"></div>
| 409 | <div class="spacer"></div>
|
411 |
| 410 |
|
412 | <div class="smaller">
| 411 | <div class="small">
|
413 | # IF C_PICTURE_NAME_DISPLAYED #<a class="small" href="{pics_list.U_PICTURE_LINK}"><span id="fi_{pics_list.ID}">{pics_list.NAME}</span></a># ELSE #<span id="fi_{pics_list.ID}"></span># ENDIF # <span id="fi{pics_list.ID}"></span>
| 412 | # IF C_PICTURE_NAME_DISPLAYED #
|
| | 413 | <a class="infos-options" href="{pics_list.U_PICTURE_LINK}">
|
| | 414 | <span id="fi_{pics_list.ID}">{pics_list.NAME}</span>
|
| | 415 | </a>
|
| | 416 | # ELSE #
|
| | 417 | <span class="infos-options" id="fi_{pics_list.ID}"></span>
|
| | 418 | # ENDIF # <span id="fi{pics_list.ID}"></span>
|
414 | # IF C_AUTHOR_DISPLAYED #
| 419 | # IF C_AUTHOR_DISPLAYED #
|
415 | <br />
| 420 | # IF pics_list.C_POSTOR_EXIST #
|
416 | {L_BY} # IF pics_list.C_POSTOR_EXIST #<a class="small {pics_list.POSTOR_LEVEL_CLASS}"# IF pics_list.C_POSTOR_GROUP_COLOR # style="color:{pics_list.POSTOR_GROUP_COLOR}"# ENDIF # href="{pics_list.U_POSTOR_PROFILE}">{pics_list.POSTOR}</a># ELSE #${LangLoader::get_message('guest', 'main')}# ENDIF #
| 421 | <a class="infos-options {pics_list.POSTOR_LEVEL_CLASS}"# IF pics_list.C_POSTOR_GROUP_COLOR # style="color:{pics_list.POSTOR_GROUP_COLOR}"# ENDIF # href="{pics_list.U_POSTOR_PROFILE}">
|
| | 422 | {L_BY} {pics_list.POSTOR}
|
| | 423 | </a>
|
| | 424 | # ELSE #
|
| | 425 | <span class="infos-options">{L_BY} ${LangLoader::get_message('guest', 'main')}</span>
|
| | 426 | # ENDIF #
|
417 | # ENDIF #
| 427 | # ENDIF #
|
418 | # IF C_VIEWS_COUNTER_ENABLED #
| 428 | # IF C_VIEWS_COUNTER_ENABLED #
|
419 | <br />
| 429 | <span class="infos-options"><span id="gv{pics_list.ID}">{pics_list.VIEWS}</span> <span id="gvl{pics_list.ID}">{pics_list.L_VIEWS}</span></span>
|
420 | <span id="gv{pics_list.ID}">{pics_list.VIEWS}</span> <span id="gvl{pics_list.ID}">{pics_list.L_VIEWS}</span>
| | |
421 | # ENDIF #
| 430 | # ENDIF #
|
422 | # IF C_COMMENTS_ENABLED #
| 431 | # IF C_COMMENTS_ENABLED #
|
423 | <br />
| 432 | <a class="infos-options" href="{pics_list.U_COMMENTS}">{pics_list.L_COMMENTS}</a>
|
424 | <a href="{pics_list.U_COMMENTS}">{pics_list.L_COMMENTS}</a>
| | |
425 | # ENDIF #
| 433 | # ENDIF #
|
426 | # IF C_NOTATION_ENABLED #
| 434 | # IF C_NOTATION_ENABLED #
|
427 | <br />
| 435 | <span class="infos-options">{pics_list.KERNEL_NOTATION}</span>
|
428 | {pics_list.KERNEL_NOTATION}
| | |
429 | # ENDIF #
| 436 | # ENDIF #
|
430 | </div>
| 437 | </div>
|
431 |
| 438 |
|
432 | <div class="actions-container">
| 439 | <div class="actions-container">
|
433 | # IF C_GALLERY_MODO #
| 440 | # IF C_GALLERY_MODO #
|
434 | <span id="fihref{pics_list.ID}"><a href="javascript:display_rename_file('{pics_list.ID}', '{pics_list.RENAME}', '{pics_list.RENAME_CUT}');" title="{L_EDIT}" class="fa fa-edit"></a></span>
| 441 | <span id="fihref{pics_list.ID}"><a href="javascript:display_rename_file('{pics_list.ID}', '{pics_list.RENAME}', '{pics_list.RENAME_CUT}');" title="{L_EDIT}" class="fa fa-edit"></a></span>
|
435 | <a href="{pics_list.U_DEL}" title="{L_DELETE}" class="fa fa-delete" data-confirmation="delete-element"></a>
| 442 | <a href="{pics_list.U_DEL}" title="{L_DELETE}" class="fa fa-delete" data-confirmation="delete-element"></a>
|
436 | <div id="move{pics_list.ID}" class="move-pics-container">
| 443 | <div id="move{pics_list.ID}" class="move-pics-container">
|
437 | <div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);">
| 444 | <div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);">
|
438 | <div>{L_MOVETO} :</div>
| 445 | <div>{L_MOVETO} :</div>
|
439 | <select class="valign-middle" name="{pics_list.ID}cat" onchange="document.location = '{pics_list.U_MOVE}">
| 446 | <select class="valign-middle" name="{pics_list.ID}cat" onchange="document.location = '{pics_list.U_MOVE}">
|
440 | {pics_list.CAT}
| 447 | {pics_list.CAT}
|
441 | </select>
| 448 | </select>
|
442 | </div>
| 449 | </div>
|
443 | </div>
| 450 | </div>
|
444 | <a href="javascript:pics_display_block({pics_list.ID});" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);" class="fa fa-move" title="{L_MOVETO}"></a>
| 451 | <a href="javascript:pics_display_block({pics_list.ID});" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);" class="fa fa-move" title="{L_MOVETO}"></a>
|
445 |
| 452 |
|
446 | <a id="img_aprob{pics_list.ID}" href="javascript:pics_aprob({pics_list.ID});" class="# IF pics_list.C_IMG_APROB #fa fa-eye-slash# ELSE #fa fa-eye# ENDIF #" title="{pics_list.L_APROB_IMG}"></a>
| 453 | <a id="img_aprob{pics_list.ID}" href="javascript:pics_aprob({pics_list.ID});" class="# IF pics_list.C_IMG_APROB #fa fa-eye-slash# ELSE #fa fa-eye# ENDIF #" title="{pics_list.L_APROB_IMG}"></a>
|
447 | <span id="img{ID}"></span>
| 454 | <span id="img{ID}"></span>
|
448 | # ENDIF #
| 455 | # ENDIF #
|
449 | <span id="img{pics_list.ID}"></span>
| 456 | <span id="img{pics_list.ID}"></span>
|
450 | </div>
| 457 | </div>
|
451 | </td>
| 458 | </td>
|
452 | # IF pics_list.C_CLOSE_TR #</tr># ENDIF #
| 459 | # IF pics_list.C_CLOSE_TR #</tr># ENDIF #
|
453 | # END pics_list #
| 460 | # END pics_list #
|
454 |
| 461 |
|
455 | # START end_table #
| 462 | # START end_table #
|
456 | <td class="td-end" style="width:{end_table.COLUMN_WIDTH_PICS}%"> </td>
| 463 | <td class="td-end" style="width:{end_table.COLUMN_WIDTH_PICS}%"> </td>
|
457 |
| 464 |
|
458 | # IF end_table.C_DISPLAY_TR_END #</tr># ENDIF #
| 465 | # IF end_table.C_DISPLAY_TR_END #</tr># ENDIF #
|
459 | # END end_table #
| 466 | # END end_table #
|
460 | </tbody>
| 467 | </tbody>
|
| | 468 | # IF C_PAGINATION #
|
| | 469 | <tfoot>
|
| | 470 | <tr>
|
| | 471 | <td colspan="{COLUMNS_NUMBER}">
|
| | 472 | # INCLUDE PAGINATION #
|
| | 473 | </td>
|
| | 474 | </tr>
|
| | 475 | </tfoot>
|
| | 476 | # ENDIF #
|
461 | </table>
| 477 | </table>
|
462 | </div>
| 478 | </div>
|
463 | <footer></footer>
| 479 | <footer></footer>
|
464 | </article>
| 480 | </article>
|
465 | # ENDIF #
| 481 | # ENDIF #
|
466 |
| 482 |
|
467 | <p class="nbr-total-pics smaller">{L_TOTAL_IMG}</p>
| 483 | <p class="nbr-total-pics smaller">{L_TOTAL_IMG}</p>
|
468 | </div>
| 484 | </div>
|
469 | <footer>
| 485 | <footer>
|
470 | </footer>
| 486 | </footer>
|
471 | </section>
| 487 | </section>
|