-262 Removals
+286 Additions

Created by:phpboost

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