| <script>
| | <script>
|
| <!--
| | <!--
|
| var pics_displayed = 0;
| | var pics_displayed = 0;
|
| function display_pics(id, path)
| | function display_pics(id, path)
|
| | | {
|
| | | if( pics_displayed != id )
|
| {
| | {
|
| if( pics_displayed != id )
| | document.getElementById('pics_max').innerHTML = '<img src="' + path + '" alt="' + path + '" />';
|
| {
| | pics_displayed = id;
|
| document.getElementById('pics_max').innerHTML = '<img src="' + path + '" alt="' + path + '" />';
| | |
| pics_displayed = id;
| | |
| }
| | |
| else
| | |
| {
| | |
| document.getElementById('pics_max').innerHTML = '';
| | |
| pics_displayed = 0;
| | |
| }
| | |
| }
| | }
|
| function display_pics_popup(path, width, height)
| | else
|
| {
| | {
|
| width = parseInt(width);
| | document.getElementById('pics_max').innerHTML = '';
|
| height = parseInt(height);
| | pics_displayed = 0;
|
| if( height == 0 )
| | |
| height = screen.height - 150;
| | |
| if( width == 0 )
| | |
| width = screen.width - 200;
| | |
| window.open(path, '', 'width='+(width+17)+', height='+(height+17)+', location=no, status=no, toolbar=no, scrollbars=1, resizable=yes');
| | |
| }
| | }
|
| function display_rename_file(id, previous_name, previous_cut_name)
| | }
|
| | | function display_pics_popup(path, width, height)
|
| | | {
|
| | | width = parseInt(width);
|
| | | height = parseInt(height);
|
| | | if( height == 0 )
|
| | | height = screen.height - 150;
|
| | | if( width == 0 )
|
| | | width = screen.width - 200;
|
| | | window.open(path, '', 'width='+(width+17)+', height='+(height+17)+', location=no, status=no, toolbar=no, scrollbars=1, resizable=yes');
|
| | | }
|
| | | function display_rename_file(id, previous_name, previous_cut_name)
|
| | | {
|
| | | if( document.getElementById('fi' + id) )
|
| {
| | {
|
| if( document.getElementById('fi' + id) )
| | document.getElementById('fi_' + id).style.display = 'none';
|
| {
| | document.getElementById('fi' + id).style.display = 'inline';
|
| document.getElementById('fi_' + id).style.display = 'none';
| | 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, """) + '\');">';
|
| document.getElementById('fi' + id).style.display = 'inline';
| | document.getElementById('fiinput' + id).focus();
|
| 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, """) + '\');">';
| | |
| document.getElementById('fiinput' + id).focus();
| | |
| }
| | |
| }
| | }
|
| function rename_file(id_file, previous_cut_name)
| | }
|
| | | function rename_file(id_file, previous_cut_name)
|
| | | {
|
| | | var name = document.getElementById("fiinput" + id_file).value;
|
| | | var regex = /\/|\\|\||\?|<|>/;
|
| | |
|
| | | if( regex.test(name) ) //interdiction des caractères spéciaux dans le nom.
|
| {
| | {
|
| var name = document.getElementById("fiinput" + id_file).value;
| | alert("{L_FILE_FORBIDDEN_CHARS}");
|
| var regex = /\/|\\|\||\?|<|>/;
| | document.getElementById('fi_' + id_file).style.display = 'inline';
|
| | | document.getElementById('fi' + id_file).style.display = 'none';
|
| | | }
|
| | | else
|
| | | {
|
| | | document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
|
|
| |
|
| if( regex.test(name) ) //interdiction des caractères spéciaux dans le nom.
| | data = "id_file=" + id_file + "&name=" + name.replace(/&/g, "%26") + "&previous_name=" + previous_cut_name.replace(/&/g, "%26");
|
| {
| | var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&rename_pics=1');
|
| alert("{L_FILE_FORBIDDEN_CHARS}");
| | xhr_object.onreadystatechange = function()
|
| document.getElementById('fi_' + id_file).style.display = 'inline';
| | |
| document.getElementById('fi' + id_file).style.display = 'none';
| | |
| }
| | |
| else
| | |
| {
| | {
|
| document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
| | if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '0' )
|
|
| | |
| data = "id_file=" + id_file + "&name=" + name.replace(/&/g, "%26") + "&previous_name=" + previous_cut_name.replace(/&/g, "%26");
| | |
| var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&rename_pics=1');
| | |
| xhr_object.onreadystatechange = function()
| | |
| {
| | {
|
| if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '0' )
| | document.getElementById('fi' + id_file).style.display = 'none';
|
| {
| | document.getElementById('fi_' + id_file).style.display = 'inline';
|
| document.getElementById('fi' + id_file).style.display = 'none';
| | document.getElementById('fi_' + id_file).innerHTML = xhr_object.responseText;
|
| document.getElementById('fi_' + id_file).style.display = 'inline';
| | |
| document.getElementById('fi_' + id_file).innerHTML = xhr_object.responseText;
| | |
|
| |
|
| html_protected_name = name.replace(/\'/g, "\\\'").replace(/\"/g, """);
| | html_protected_name = name.replace(/\'/g, "\\\'").replace(/\"/g, """);
|
| html_protected_name2 = xhr_object.responseText.replace(/\'/g, "\\\'").replace(/\"/g, """);
| | html_protected_name2 = xhr_object.responseText.replace(/\'/g, "\\\'").replace(/\"/g, """);
|
|
| |
|
| 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>';
| | 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>';
|
| document.getElementById('img' + id_file).innerHTML = '';
| | document.getElementById('img' + id_file).innerHTML = '';
|
| }
| | |
| else if( xhr_object.readyState == 4 && xhr_object.responseText == '0' )
| | |
| document.getElementById('img' + id_file).innerHTML = '';
| | |
| }
| | }
|
| xmlhttprequest_sender(xhr_object, data);
| | else if( xhr_object.readyState == 4 && xhr_object.responseText == '0' )
|
| | | document.getElementById('img' + id_file).innerHTML = '';
|
| }
| | }
|
| | | xmlhttprequest_sender(xhr_object, data);
|
| }
| | }
|
| function pics_aprob(id_file, aprob)
| | }
|
| | | function pics_aprob(id_file, aprob)
|
| | | {
|
| | | document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
|
| | |
|
| | | data = 'id_file=' + id_file;
|
| | | var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&aprob_pics=1');
|
| | | xhr_object.onreadystatechange = function()
|
| {
| | {
|
| document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
| | if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' )
|
|
| | |
| data = 'id_file=' + id_file;
| | |
| var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&aprob_pics=1');
| | |
| xhr_object.onreadystatechange = function()
| | |
| {
| | {
|
| if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' )
| | var img_aprob, title_aprob;
|
| | | if( xhr_object.responseText == 0 )
|
| {
| | {
|
| var img_aprob, title_aprob;
| | img_aprob = 'fa-eye-slash';
|
| if( xhr_object.responseText == 0 )
| | title_aprob = '{L_UNAPROB}';
|
| {
| | }
|
| img_aprob = 'fa-eye-slash';
| | else
|
| title_aprob = '{L_UNAPROB}';
| | {
|
| }
| | img_aprob = 'fa-eye';
|
| else
| | title_aprob = '{L_APROB}';
|
| {
| | }
|
| img_aprob = 'fa-eye';
| | |
| title_aprob = '{L_APROB}';
| | |
| }
| | |
|
| |
|
| document.getElementById('img' + id_file).innerHTML = '';
| | document.getElementById('img' + id_file).innerHTML = '';
|
| if( document.getElementById('img_aprob' + id_file) )
| | if( document.getElementById('img_aprob' + id_file) )
|
| {
| | {
|
| if(document.getElementById('img_aprob' + id_file).className == "fa fa-eye-slash"){
| | if(document.getElementById('img_aprob' + id_file).className == "fa fa-eye-slash"){
|
| document.getElementById('img_aprob' + id_file).className = "fa fa-eye";
| | document.getElementById('img_aprob' + id_file).className = "fa fa-eye";
|
| } else {
| | } else {
|
| document.getElementById('img_aprob' + id_file).className = "fa fa-eye-slash";
| | document.getElementById('img_aprob' + id_file).className = "fa fa-eye-slash";
|
| }
| | |
| document.getElementById('img_aprob' + id_file).title = '' + title_aprob;
| | |
| document.getElementById('img_aprob' + id_file).alt = '' + title_aprob;
| | |
| }
| | }
|
| | | document.getElementById('img_aprob' + id_file).title = '' + title_aprob;
|
| | | document.getElementById('img_aprob' + id_file).alt = '' + title_aprob;
|
| }
| | }
|
| else if( xhr_object.readyState == 4 && xhr_object.responseText == '-1' )
| | |
| document.getElementById('img' + id_file).innerHTML = '';
| | |
| }
| | }
|
| xmlhttprequest_sender(xhr_object, data);
| | else if( xhr_object.readyState == 4 && xhr_object.responseText == '-1' )
|
| | | document.getElementById('img' + id_file).innerHTML = '';
|
| }
| | }
|
| | | xmlhttprequest_sender(xhr_object, data);
|
| | | }
|
|
| |
|
| var delay = 2000; //Délai après lequel le bloc est automatiquement masqué après le départ de la souris.
| | var delay = 2000; //Délai après lequel le bloc est automatiquement masqué après le départ de la souris.
|
| var timeout;
| | var timeout;
|
| var displayed = false;
| | var displayed = false;
|
| var previous = '';
| | var previous = '';
|
| var started = false;
| | var started = false;
|
| | |
|
| | | //Affiche le bloc.
|
| | | function pics_display_block(divID)
|
| | | {
|
| | | if( timeout )
|
| | | clearTimeout(timeout);
|
|
| |
|
| //Affiche le bloc.
| | if( document.getElementById(previous) )
|
| function pics_display_block(divID)
| | |
| {
| | {
|
| if( timeout )
| | document.getElementById(previous).style.display = 'none';
|
| clearTimeout(timeout);
| | started = false
|
| | | }
|
|
| |
|
| if( document.getElementById(previous) )
| | if( document.getElementById('move' + divID) )
|
| {
| | |
| document.getElementById(previous).style.display = 'none';
| | |
| started = false
| | |
| }
| | |
|
| | |
| if( document.getElementById('move' + divID) )
| | |
| {
| | |
| document.getElementById('move' + divID).style.display = 'block';
| | |
| previous = 'move' + divID;
| | |
| started = true;
| | |
| }
| | |
| }
| | |
| //Cache le bloc.
| | |
| function pics_hide_block(idfield, stop)
| | |
| {
| | {
|
| if( stop && timeout )
| | document.getElementById('move' + divID).style.display = 'block';
|
| clearTimeout(timeout);
| | previous = 'move' + divID;
|
| else if( started )
| | started = true;
|
| timeout = setTimeout('pics_display_block()', delay);
| | |
| }
| | }
|
| | | }
|
| | | //Cache le bloc.
|
| | | function pics_hide_block(idfield, stop)
|
| | | {
|
| | | if( stop && timeout )
|
| | | clearTimeout(timeout);
|
| | | else if( started )
|
| | | timeout = setTimeout('pics_display_block()', delay);
|
| | | }
|
|
| |
|
| {ARRAY_JS}
| | {ARRAY_JS}
|
| var start_thumb = {START_THUMB};
| | var start_thumb = {START_THUMB};
|
| //Miniatures défilantes.
| | //Miniatures défilantes.
|
| function display_thumbnails(direction)
| | function display_thumbnails(direction)
|
| | | {
|
| | | if( direction == 'left' )
|
| {
| | {
|
| if( direction == 'left' )
| | if( start_thumb > 0 )
|
| {
| | {
|
| if( start_thumb > 0 )
| | start_thumb--;
|
| {
| | if( start_thumb == 0 )
|
| start_thumb--;
| | document.getElementById('display_left').innerHTML = '';
|
| if( start_thumb == 0 )
| | |
| document.getElementById('display_left').innerHTML = '';
| | |
| else
| | |
| document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
| | |
| document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
| | |
| }
| | |
| else
| | else
|
| return;
| | document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
|
| | | document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
|
| }
| | }
|
| else if( direction == 'right' )
| | else
|
| | | return;
|
| | | }
|
| | | else if( direction == 'right' )
|
| | | {
|
| | | if( start_thumb <= {MAX_START} )
|
| {
| | {
|
| if( start_thumb <= {MAX_START} )
| | start_thumb++;
|
| {
| | if( start_thumb == ({MAX_START} + 1) )
|
| start_thumb++;
| | document.getElementById('display_right').innerHTML = '';
|
| if( start_thumb == ({MAX_START} + 1) )
| | |
| document.getElementById('display_right').innerHTML = '';
| | |
| else
| | |
| document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
| | |
| document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
| | |
| }
| | |
| else
| | else
|
| return;
| | document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
|
| | | document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
|
| }
| | }
|
| | | else
|
| | | return;
|
| | | }
|
|
| |
|
| var j = 0;
| | var j = 0;
|
| for(var i = 0; i <= {NBR_PICS}; i++)
| | for(var i = 0; i <= {NBR_PICS}; i++)
|
| | | {
|
| | | if( document.getElementById('thumb' + i) )
|
| {
| | {
|
| if( document.getElementById('thumb' + i) )
| | var key_left = start_thumb + j;
|
| | | var key_right = start_thumb + j;
|
| | | if( direction == 'left' && array_pics[key_left] )
|
| {
| | {
|
| var key_left = start_thumb + j;
| | 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>';
|
| var key_right = start_thumb + j;
| | j++;
|
| if( direction == 'left' && array_pics[key_left] )
| | }
|
| {
| | else if( direction == 'right' && array_pics[key_right] )
|
| 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>';
| | {
|
| j++;
| | 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>';
|
| }
| | j++;
|
| else if( direction == 'right' && array_pics[key_right] )
| | |
| {
| | |
| 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>';
| | |
| j++;
| | |
| }
| | |
| }
| | }
|
| }
| | }
|
| }
| | }
|
| //incrément le nombre de vues d'une image.
| | }
|
| var already_view = false;
| | //incrément le nombre de vues d'une image.
|
| var incr_pics_displayed = 0;
| | var already_view = false;
|
| function increment_view(idpics)
| | var incr_pics_displayed = 0;
|
| | | function increment_view(idpics)
|
| | | {
|
| | | if ('{DISPLAY_MODE}' == 'resize' && incr_pics_displayed == idpics)
|
| | | incr_pics_displayed = 0;
|
| | | else
|
| {
| | {
|
| if ('{DISPLAY_MODE}' == 'resize' && incr_pics_displayed == idpics)
| | if (document.getElementById('gv' + idpics))
|
| incr_pics_displayed = 0;
| | |
| else
| | |
| {
| | {
|
| if (document.getElementById('gv' + idpics))
| | if (already_view && ('{DISPLAY_MODE}' == 'full_screen' || '{DISPLAY_MODE}' == 'resize'))
|
| {
| | {
|
| if (already_view && ('{DISPLAY_MODE}' == 'full_screen' || '{DISPLAY_MODE}' == 'resize'))
| | data = '';
|
| {
| | var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&id=' + idpics + '&cat={CAT_ID}&increment_view=1');
|
| data = '';
| | xmlhttprequest_sender(xhr_object, data);
|
| var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&id=' + idpics + '&cat={CAT_ID}&increment_view=1');
| | }
|
| xmlhttprequest_sender(xhr_object, data);
| | |
| }
| | |
|
| |
|
| var views = 0;
| | var views = 0;
|
| views = document.getElementById('gv' + idpics).innerHTML;
| | views = document.getElementById('gv' + idpics).innerHTML;
|
| views++;
| | views++;
|
| document.getElementById('gv' + idpics).innerHTML = views;
| | document.getElementById('gv' + idpics).innerHTML = views;
|
| document.getElementById('gvl' + idpics).innerHTML = (views > 1) ? "{L_VIEWS}" : "{L_VIEW}";
| | document.getElementById('gvl' + idpics).innerHTML = (views > 1) ? "{L_VIEWS}" : "{L_VIEW}";
|
|
| |
|
| already_view = true;
| | already_view = true;
|
| incr_pics_displayed = idpics;
| | incr_pics_displayed = idpics;
|
| }
| | |
| }
| | }
|
| }
| | }
|
| -->
| | }
|
| </script>
| | -->
|
| | | </script>
|
|
| |
|
| # INCLUDE message_helper #
| | # INCLUDE message_helper #
|
| <div class="spacer"></div>
| | <div class="spacer"></div>
|
|
| |
|
| <section id="module-gallery">
| | <section id="module-gallery">
|
| <header>
| | <header>
|
| | | <div class="cat-actions">
|
| | | <a href="${relative_url(SyndicationUrlBuilder::rss('gallery', CAT_ID))}" class="fa fa-syndication" title="${LangLoader::get_message('syndication', 'common')}"></a>
|
| | | # 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>
|
| | | </div>
|
| | | <h1>
|
| | | {GALLERY} # ENDIF #
|
| | | </h1>
|
| | | </header>
|
| | |
|
| | | # IF C_CATEGORY_DESCRIPTION #
|
| | | <div class="cat-description">
|
| | | {CATEGORY_DESCRIPTION}
|
| | | </div>
|
| | | # ENDIF #
|
| | |
|
| | | <div class="gallery-tools-container">
|
| <nav id="cssmenu-galleryfilter" class="cssmenu cssmenu-right cssmenu-actionslinks cssmenu-tools">
| | <nav id="cssmenu-galleryfilter" class="cssmenu cssmenu-right cssmenu-actionslinks cssmenu-tools">
|
| <ul class="level-0 hidden">
| | <ul class="level-0 hidden">
|
| <li><a class="cssmenu-title"><i class="fa fa-eye"></i> {L_DISPLAY}</a>
| | <li><a class="cssmenu-title"><i class="fa fa-eye" aria-hidden="true"></i> {L_DISPLAY}</a>
|
| <ul class="level-1">
| | <ul class="level-1">
|
| <li><a href="{U_BEST_VIEWS}" class="cssmenu-title"><i class="fa fa-eye"></i> {L_BEST_VIEWS}</a></li>
| | <li><a href="{U_BEST_VIEWS}" class="cssmenu-title"><i class="fa fa-eye" aria-hidden="true"></i> {L_BEST_VIEWS}</a></li>
|
| # 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 #
| | # 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 #
|
| </ul>
| | </ul>
|
| </li>
| | </li>
|
| <li><a class="cssmenu-title"><i class="fa fa-sort"></i> {L_ORDER_BY}</a>
| | <li><a class="cssmenu-title"><i class="fa fa-sort" aria-hidden="true"></i> {L_ORDER_BY}</a>
|
| <ul class="level-1">
| | <ul class="level-1">
|
| <li><a href="{U_ORDER_BY_NAME}" class="cssmenu-title"><i class="fa fa-tag"></i> {L_NAME}</a></li>
| | <li><a href="{U_ORDER_BY_NAME}" class="cssmenu-title"><i class="fa fa-tag" aria-hidden="true"></i> {L_NAME}</a></li>
|
| <li><a href="{U_ORDER_BY_DATE}" class="cssmenu-title"><i class="fa fa-clock-o"></i> {L_DATE}</a></li>
| | <li><a href="{U_ORDER_BY_DATE}" class="cssmenu-title"><i class="fa fa-clock-o" aria-hidden="true"></i> {L_DATE}</a></li>
|
| <li><a href="{U_ORDER_BY_VIEWS}" class="cssmenu-title"><i class="fa fa-eye"></i> {L_VIEWS}</a></li>
| | <li><a href="{U_ORDER_BY_VIEWS}" class="cssmenu-title"><i class="fa fa-eye" aria-hidden="true"></i> {L_VIEWS}</a></li>
|
| # IF C_NOTATION_ENABLED #
| | # IF C_NOTATION_ENABLED #
|
| <li><a href="{U_ORDER_BY_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty"></i> {L_NOTES}</a></li>
| | <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>
|
| # ENDIF #
| | # ENDIF #
|
| # IF C_COMMENTS_ENABLED #
| | # IF C_COMMENTS_ENABLED #
|
| <li><a href="{U_ORDER_BY_COM}" class="cssmenu-title"><i class="fa fa-comments-o"></i> {L_COM}</a></li># ENDIF #
| | <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 #
|
| </ul>
| | </ul>
|
| </li>
| | </li>
|
| <li><a class="cssmenu-title"><i class="fa fa-sort-alpha-asc"></i> {L_DIRECTION}</a>
| | <li><a class="cssmenu-title"><i class="fa fa-sort-alpha-asc"></i> {L_DIRECTION}</a>
|
| <ul class="level-1">
| | <ul class="level-1">
|
| <li><a href="{U_ASC}" class="cssmenu-title"><i class="fa fa-sort-amount-asc"></i> {L_ASC}</a></li>
| | <li><a href="{U_ASC}" class="cssmenu-title"><i class="fa fa-sort-amount-asc" aria-hidden="true"></i> {L_ASC}</a></li>
|
| <li><a href="{U_DESC}" class="cssmenu-title"><i class="fa fa-sort-amount-desc"></i> {L_DESC}</a></li>
| | <li><a href="{U_DESC}" class="cssmenu-title"><i class="fa fa-sort-amount-desc" aria-hidden="true"></i> {L_DESC}</a></li>
|
| </ul>
| | </ul>
|
| </li>
| | </li>
|
| </ul>
| | </ul>
|
| </nav>
| | </nav>
|
| <script>
| | <script>
|
| jQuery("#cssmenu-galleryfilter").menumaker({
| | jQuery("#cssmenu-galleryfilter").menumaker({
|
| title: "${LangLoader::get_message('sort_options', 'common')}",
| | title: "${LangLoader::get_message('sort_options', 'common')}",
|
| format: "multitoggle",
| | format: "multitoggle",
|
| breakpoint: 768
| | breakpoint: 768
|
| });
| | });
|
| jQuery(document).ready(function() {
| | jQuery(document).ready(function() {
|
| jQuery("#cssmenu-galleryfilter ul").removeClass('hidden');
| | jQuery("#cssmenu-galleryfilter ul").removeClass('hidden');
|
| });
| | });
|
| </script>
| | </script>
|
| <h1>
| | <div class="spacer"></div>
|
| <a href="${relative_url(SyndicationUrlBuilder::rss('gallery', CAT_ID))}" class="fa fa-syndication" title="${LangLoader::get_message('syndication', 'common')}"></a>
| | </div>
|
| {GALLERY} # IF IS_ADMIN #<a href="{U_EDIT_CATEGORY}" title="${LangLoader::get_message('edit', 'common')}"><i class="fa fa-edit smaller"></i></a># ENDIF #
| | |
| </h1>
| | |
|
| | |
| # IF C_CATEGORY_DESCRIPTION #
| | |
| <div class="cat-description">
| | |
| {CATEGORY_DESCRIPTION}
| | |
| </div>
| | |
| # ENDIF #
| | |
| </header>
| | |
|
| |
|
| # IF C_SUB_CATEGORIES #
| | # IF C_SUB_CATEGORIES #
|
| <div class="subcat-container elements-container# IF C_SEVERAL_CATS_COLUMNS # columns-{COLUMNS_NUMBER}# ENDIF #">
| | <div class="subcat-container elements-container# IF C_SEVERAL_CATS_COLUMNS # columns-{COLUMNS_NUMBER}# ENDIF #">
|
| # START sub_categories_list #
| | # START sub_categories_list #
|
| <div class="subcat-element block">
| | <div class="subcat-element block">
|
| <div class="subcat-content">
| | <div class="subcat-content">
|
| # 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 #
| | # IF sub_categories_list.C_CATEGORY_IMAGE #
|
| <br />
| | <a class="subcat-thumbnail" itemprop="about" href="{sub_categories_list.U_CATEGORY}" title="{sub_categories_list.CATEGORY_NAME}">
|
| <a itemprop="about" href="{sub_categories_list.U_CATEGORY}">{sub_categories_list.CATEGORY_NAME}</a>
| | <img itemprop="thumbnailUrl" src="{sub_categories_list.CATEGORY_IMAGE}" alt="{sub_categories_list.CATEGORY_NAME}" />
|
| <br />
| | </a>
|
| <span class="small">{sub_categories_list.PICTURES_NUMBER}</span>
| | # ENDIF #
|
| | | <a class="subcat-title" itemprop="about" href="{sub_categories_list.U_CATEGORY}">{sub_categories_list.CATEGORY_NAME}</a>
|
| | | <span class="subcat-options">{sub_categories_list.PICTURES_NUMBER}</span>
|
| | | </div>
|
| </div>
| | </div>
|
| </div>
| | |
| # END sub_categories_list #
| | # END sub_categories_list #
|
| <div class="spacer"></div>
| | <div class="spacer"></div>
|
| </div>
| | </div>
|
| # IF C_SUBCATEGORIES_PAGINATION #<span class="center"># INCLUDE SUBCATEGORIES_PAGINATION #</span># ENDIF #
| | # IF C_SUBCATEGORIES_PAGINATION #<span class="center"># INCLUDE SUBCATEGORIES_PAGINATION #</span># ENDIF #
|
| # ELSE #
| | # ELSE #
|
| <div class="spacer"></div>
| | <div class="spacer"></div>
|
| # ENDIF #
| | # ENDIF #
|
|
| |
|
| <div class="content">
| | <div class="content">
|
| # IF C_GALLERY_PICS #
| | # IF C_GALLERY_PICS #
|
| <article id="article-gallery-{ID}" class="article-gallery article-several block">
| | <article id="article-gallery-{ID}" class="article-gallery article-several">
|
| <header>
| | <header>
|
| <h2>${LangLoader::get_message('image', 'main')}</h2>
| | <h2>${LangLoader::get_message('image', 'main')}</h2>
|
| </header>
| | </header>
|
| <div class="content">
| | <div class="content">
|
| <p class="center" id="pics_max"></p>
| | <p class="center" id="pics_max"></p>
|
|
| |
|
| # IF C_GALLERY_PICS_MAX #
| | # IF C_GALLERY_PICS_MAX #
|
| <p class="pics-max"><a href="{U_IMG_MAX}" data-lightbox="formatter"><img src="{U_IMG_MAX}" title="{NAME}" alt="" /></a></p>
| | <p class="pics-max"><a href="{U_IMG_MAX}" data-lightbox="formatter"><img src="{U_IMG_MAX}" alt="{NAME}" /></a></p>
|
| <div class="options">
| | <div class="options">
|
| <h6>{L_INFORMATIONS}</h6>
| | <h6>{L_INFORMATIONS}</h6>
|
| # IF C_TITLE_ENABLED #
| | # IF C_TITLE_ENABLED #
|
| <span class="text-strong">{L_NAME} : </span><span><span id="fi_{ID}">{NAME}</span> <span id="fi{ID}"></span></span><br/>
| | <span class="infos-options"><span class="text-strong">{L_NAME} : </span><span id="fi_{ID}">{NAME}</span> <span id="fi{ID}"></span></span>
|
| # ENDIF #
| | # ENDIF #
|
| # IF C_AUTHOR_DISPLAYED #
| | # IF C_AUTHOR_DISPLAYED #
|
| <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/>
| | <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>
|
| # ENDIF #
| | # ENDIF #
|
| # IF C_VIEWS_COUNTER_ENABLED #
| | # IF C_VIEWS_COUNTER_ENABLED #
|
| <span class="text-strong">{L_VIEWS} : </span><span>{VIEWS}</span><br/>
| | <span class="infos-options"><span class="text-strong">{L_VIEWS} : </span>{VIEWS}</span>
|
| # ENDIF #
| | # ENDIF #
|
| <span class="text-strong">{L_ADD_ON} : </span><span>{DATE}</span><br/>
| | <span class="infos-options"><span class="text-strong">{L_ADD_ON} : </span>{DATE}</span>
|
| <span class="text-strong">{L_DIMENSION} : </span><span>{DIMENSION}</span><br/>
| | <span class="infos-options"><span class="text-strong">{L_DIMENSION} : </span>{DIMENSION}</span>
|
| <span class="text-strong">{L_SIZE} : </span><span>{SIZE} {L_KB}</span><br/>
| | <span class="infos-options"><span class="text-strong">{L_SIZE} : </span>{SIZE} {L_KB}</span>
|
| # IF C_COMMENTS_ENABLED #
| | # IF C_COMMENTS_ENABLED #
|
| <a href="{U_COMMENTS}">{L_COMMENTS}</a><br />
| | <a class="infos-options" href="{U_COMMENTS}">{L_COMMENTS}</a>
|
| # ENDIF #
| | # ENDIF #
|
| <div class="center">
| | <div class="center">
|
| # IF C_NOTATION_ENABLED #
| | # IF C_NOTATION_ENABLED #
|
| <div class="text-strong">{KERNEL_NOTATION}</div><br/>
| | <div class="text-strong">{KERNEL_NOTATION}</div>
|
| # ENDIF #
| | # ENDIF #
|
| # IF C_GALLERY_PICS_MODO #
| | # IF C_GALLERY_PICS_MODO #
|
| <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>
| | <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>
|
|
| |
|
| <div id="move{ID}" class="move-pics-container">
| | <div id="move{ID}" class="move-pics-container">
|
| <div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);">
| | <div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);">
|
| <div>{L_MOVETO} :</div>
| | <div>{L_MOVETO} :</div>
|
| <select class="valign-middle" name="{ID}cat" onchange="document.location = '{U_MOVE}">
| | <select class="valign-middle" name="{ID}cat" onchange="document.location = '{U_MOVE}">
|
| {CAT}
| | {CAT}
|
| </select>
| | </select>
|
| </div>
| | </div>
|
| </div>
| | </div>
|
| <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>
| | <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>
|
|
| |
|
| <a href="javascript:pics_aprob({ID});" class="basic-button" title="{L_APROB_IMG}"><i id="img_aprob{ID}" class="{IMG_APROB}"></i></a>
| | <a href="javascript:pics_aprob({ID});" class="basic-button" title="{L_APROB_IMG}"><i id="img_aprob{ID}" class="{IMG_APROB}"></i></a>
|
| <span id="img{ID}"></span>
| | <span id="img{ID}"></span>
|
| <a href="{U_DEL}" title="{L_DELETE}" class="basic-button alt" data-confirmation="delete-element"><i class="fa fa-delete"></i></a>
| | <a href="{U_DEL}" title="{L_DELETE}" class="basic-button alt" data-confirmation="delete-element"><i class="fa fa-delete"></i></a>
|
| # ENDIF #
| | # ENDIF #
|
| </div>
| | </div>
|
| </div>
| | </div>
|
| <div class="link-to-other-pics-container">
| | <div class="link-to-other-pics-container">
|
| <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>
| | <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>
|
| <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>
| | <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>
|
| </div>
| | </div>
|
| <br /><br />
| | |
| <table class="pics-max-thumbnails">
| | <table class="pics-max-thumbnails">
|
| <thead>
| | <thead>
|
| <tr>
| | <tr>
|
| <th colspan="{COLSPAN}">
| | <th colspan="{COLSPAN}">
|
| {L_THUMBNAILS}
| | {L_THUMBNAILS}
|
| </th>
| | </th>
|
| </tr>
| | </tr>
|
| </thead>
| | </thead>
|
| <tbody>
| | <tbody>
|
| <tr>
| | <tr>
|
| <td>
| | <td>
|
| <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>
| | <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>
|
| </td>
| | </td>
|
|
| |
|
| # START list_preview_pics #
| | # START list_preview_pics #
|
| <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>
| | <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>
|
| # END list_preview_pics #
| | # END list_preview_pics #
|
|
| |
|
| <td>
| | <td>
|
| <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>
| | <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>
|
| </td>
| | </td>
|
| </tr>
| | </tr>
|
| </tbody>
| | </tbody>
|
| </table>
| | </table>
|
| {COMMENTS}
| | {COMMENTS}
|
| # ENDIF #
| | # ENDIF #
|
|
| |
|
| <table class="table-pics">
| | <table class="table-pics">
|
| # IF C_PAGINATION #
| | |
| <tfoot>
| | |
| <tr>
| | |
| <td colspan="{COLUMNS_NUMBER}">
| | |
| # INCLUDE PAGINATION #
| | |
| </td>
| | |
| </tr>
| | |
| </tfoot>
| | |
| # ENDIF #
| | |
| <tbody>
| | <tbody>
|
| # START pics_list #
| | # START pics_list #
|
| # IF pics_list.C_OPEN_TR #<tr># ENDIF #
| | # IF pics_list.C_OPEN_TR #<tr># ENDIF #
|
| <td class="valign-bottom# IF pics_list.C_NEW_CONTENT # new-content# ENDIF #" style="width:{COLUMN_WIDTH_PICS}%;">
| | <td class="valign-bottom# IF pics_list.C_NEW_CONTENT # new-content# ENDIF #" style="width:{COLUMN_WIDTH_PICS}%;">
|
| <div id="pics{pics_list.ID}" class="thumbnails-list-container">
| | <div id="pics{pics_list.ID}" class="thumbnails-list-container">
|
| <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>
| | <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>
|
| </div>
| | </div>
|
|
| |
|
| <div class="spacer"></div>
| | <div class="spacer"></div>
|
|
| |
|
| <div class="smaller">
| | <div class="small">
|
| # 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>
| | # IF C_PICTURE_NAME_DISPLAYED #
|
| | | <a class="infos-options" href="{pics_list.U_PICTURE_LINK}">
|
| | | <span id="fi_{pics_list.ID}">{pics_list.NAME}</span>
|
| | | </a>
|
| | | # ELSE #
|
| | | <span class="infos-options" id="fi_{pics_list.ID}"></span>
|
| | | # ENDIF # <span id="fi{pics_list.ID}"></span>
|
| # IF C_AUTHOR_DISPLAYED #
| | # IF C_AUTHOR_DISPLAYED #
|
| <br />
| | # IF pics_list.C_POSTOR_EXIST #
|
| {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 #
| | <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}">
|
| | | {L_BY} {pics_list.POSTOR}
|
| | | </a>
|
| | | # ELSE #
|
| | | <span class="infos-options">{L_BY} ${LangLoader::get_message('guest', 'main')}</span>
|
| | | # ENDIF #
|
| # ENDIF #
| | # ENDIF #
|
| # IF C_VIEWS_COUNTER_ENABLED #
| | # IF C_VIEWS_COUNTER_ENABLED #
|
| <br />
| | <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>
|
| <span id="gv{pics_list.ID}">{pics_list.VIEWS}</span> <span id="gvl{pics_list.ID}">{pics_list.L_VIEWS}</span>
| | |
| # ENDIF #
| | # ENDIF #
|
| # IF C_COMMENTS_ENABLED #
| | # IF C_COMMENTS_ENABLED #
|
| <br />
| | <a class="infos-options" href="{pics_list.U_COMMENTS}">{pics_list.L_COMMENTS}</a>
|
| <a href="{pics_list.U_COMMENTS}">{pics_list.L_COMMENTS}</a>
| | |
| # ENDIF #
| | # ENDIF #
|
| # IF C_NOTATION_ENABLED #
| | # IF C_NOTATION_ENABLED #
|
| <br />
| | <span class="infos-options">{pics_list.KERNEL_NOTATION}</span>
|
| {pics_list.KERNEL_NOTATION}
| | |
| # ENDIF #
| | # ENDIF #
|
| </div>
| | </div>
|
|
| |
|
| <div class="actions-container">
| | <div class="actions-container">
|
| # IF C_GALLERY_MODO #
| | # IF C_GALLERY_MODO #
|
| <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>
| | <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>
|
| <a href="{pics_list.U_DEL}" title="{L_DELETE}" class="fa fa-delete" data-confirmation="delete-element"></a>
| | <a href="{pics_list.U_DEL}" title="{L_DELETE}" class="fa fa-delete" data-confirmation="delete-element"></a>
|
| <div id="move{pics_list.ID}" class="move-pics-container">
| | <div id="move{pics_list.ID}" class="move-pics-container">
|
| <div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);">
| | <div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);">
|
| <div>{L_MOVETO} :</div>
| | <div>{L_MOVETO} :</div>
|
| <select class="valign-middle" name="{pics_list.ID}cat" onchange="document.location = '{pics_list.U_MOVE}">
| | <select class="valign-middle" name="{pics_list.ID}cat" onchange="document.location = '{pics_list.U_MOVE}">
|
| {pics_list.CAT}
| | {pics_list.CAT}
|
| </select>
| | </select>
|
| </div>
| | </div>
|
| </div>
| | </div>
|
| <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>
| | <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>
|
|
| |
|
| <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>
| | <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>
|
| <span id="img{ID}"></span>
| | <span id="img{ID}"></span>
|
| # ENDIF #
| | # ENDIF #
|
| <span id="img{pics_list.ID}"></span>
| | <span id="img{pics_list.ID}"></span>
|
| </div>
| | </div>
|
| </td>
| | </td>
|
| # IF pics_list.C_CLOSE_TR #</tr># ENDIF #
| | # IF pics_list.C_CLOSE_TR #</tr># ENDIF #
|
| # END pics_list #
| | # END pics_list #
|
|
| |
|
| # START end_table #
| | # START end_table #
|
| <td class="td-end" style="width:{end_table.COLUMN_WIDTH_PICS}%"> </td>
| | <td class="td-end" style="width:{end_table.COLUMN_WIDTH_PICS}%"> </td>
|
|
| |
|
| # IF end_table.C_DISPLAY_TR_END #</tr># ENDIF #
| | # IF end_table.C_DISPLAY_TR_END #</tr># ENDIF #
|
| # END end_table #
| | # END end_table #
|
| </tbody>
| | </tbody>
|
| | | # IF C_PAGINATION #
|
| | | <tfoot>
|
| | | <tr>
|
| | | <td colspan="{COLUMNS_NUMBER}">
|
| | | # INCLUDE PAGINATION #
|
| | | </td>
|
| | | </tr>
|
| | | </tfoot>
|
| | | # ENDIF #
|
| </table>
| | </table>
|
| </div>
| | </div>
|
| <footer></footer>
| | <footer></footer>
|
| </article>
| | </article>
|
| # ENDIF #
| | # ENDIF #
|
|
| |
|
| <p class="nbr-total-pics smaller">{L_TOTAL_IMG}</p>
| | <p class="nbr-total-pics smaller">{L_TOTAL_IMG}</p>
|
| </div>
| | </div>
|
| <footer>
| | <footer>
|
| </footer>
| | </footer>
|
| </section>
| | </section>
|
