-262 Removals
+286 Additions

Created by:phpboost

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, "&quot;") + '" onblur="rename_file(\'' + id + '\', \'' + previous_cut_name.replace(/\'/g, "\\\'").replace(/\"/g, "&quot;") + '\');">';
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, "&quot;") + '" onblur="rename_file(\'' + id + '\', \'' + previous_cut_name.replace(/\'/g, "\\\'").replace(/\"/g, "&quot;") + '\');">';
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, "&quot;"); 62 html_protected_name = name.replace(/\'/g, "\\\'").replace(/\"/g, "&quot;");
63 html_protected_name2 = xhr_object.responseText.replace(/\'/g, "\\\'").replace(/\"/g, "&quot;"); 63 html_protected_name2 = xhr_object.responseText.replace(/\'/g, "\\\'").replace(/\"/g, "&quot;");
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">&nbsp;&nbsp;&nbsp;<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">&nbsp;&nbsp;&nbsp;<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>&nbsp;&nbsp;&nbsp;</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>&nbsp;&nbsp;&nbsp;</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 &nbsp;<span id="img{ID}"></span> 454 &nbsp;<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}%">&nbsp;</td> 463 <td class="td-end" style="width:{end_table.COLUMN_WIDTH_PICS}%">&nbsp;</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>
Editor
Original Text
Changed Text
Recommended videos