Comparar texto

Encontre a diferença entre dois arquivos de texto

Editor live

Ocultar espaços em branco

Recolher inalteradas

Sem quebra de linha

Layout

Nível de detalhe

Estilos de texto

Realce de sintaxe

Diffchecker Desktop A maneira mais segura de usar o Diffchecker. Obtenha o aplicativo Diffchecker Desktop: seus diffs nunca saem do seu computador!Obter Desktop

Untitled diff

Criado há 7 anosO diff nunca expira

249 remoções

Linhas
Total
Removido

Caracteres
Total
Removido

Para continuar usando este recurso, atualize para Diffchecker Pro Ver preços

472 linhas

260 adições

Linhas
Total
Adicionado

Caracteres
Total
Adicionado

Para continuar usando este recurso, atualize para Diffchecker Pro Ver preços

488 linhas

<!--

var pics_displayed = 0;

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();

}

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';

if( regex.test(name) ) //interdiction des caractères spéciaux dans le nom.

{

alert("{L_FILE_FORBIDDEN_CHARS}");

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>';

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).innerHTML = xhr_object.responseText;

html_protected_name = name.replace(/\'/g, "\\\'").replace(/\"/g, """);

html_protected_name2 = xhr_object.responseText.replace(/\'/g, "\\\'").replace(/\"/g, """);

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);

}

function pics_aprob(id_file, aprob)

else

{

document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';

data = 'id_file=' + id_file;

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}&aprob_pics=1');

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 != '-1' )

if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '0' )

{

var img_aprob, title_aprob;

document.getElementById('fi' + id_file).style.display = 'none';

if( xhr_object.responseText == 0 )

document.getElementById('fi_' + id_file).style.display = 'inline';

{

document.getElementById('fi_' + id_file).innerHTML = xhr_object.responseText;

img_aprob = 'fa-eye-slash';

title_aprob = '{L_UNAPROB}';

html_protected_name = name.replace(/\'/g, "\\\'").replace(/\"/g, """);

}

html_protected_name2 = xhr_object.responseText.replace(/\'/g, "\\\'").replace(/\"/g, """);

else

{

img_aprob = 'fa-eye';

title_aprob = '{L_APROB}';

}

document.getElementById('img' + id_file).innerHTML = '';

if( document.getElementById('img_aprob' + id_file) )

{

if(document.getElementById('img_aprob' + id_file).className == "fa fa-eye-slash"){

document.getElementById('img_aprob' + id_file).className = "fa fa-eye";

} else {

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;

}

else if( xhr_object.readyState == 4 && xhr_object.responseText == '-1' )

else if( xhr_object.readyState == 4 && xhr_object.responseText == '0' )

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.

function pics_aprob(id_file, aprob)

var timeout;

{

var displayed = false;

document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';

var previous = '';

var started = false;

//Affiche le bloc.

data = 'id_file=' + id_file;

function pics_display_block(divID)

var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&aprob_pics=1');

xhr_object.onreadystatechange = function()

{

if( timeout )

if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' )

clearTimeout(timeout);

if( document.getElementById(previous) )

{

document.getElementById(previous).style.display = 'none';

var img_aprob, title_aprob;

started = false

if( xhr_object.responseText == 0 )

}

{

img_aprob = 'fa-eye-slash';

title_aprob = '{L_UNAPROB}';

}

else

{

img_aprob = 'fa-eye';

title_aprob = '{L_APROB}';

}

if( document.getElementById('move' + divID) )

document.getElementById('img' + id_file).innerHTML = '';

{

if( document.getElementById('img_aprob' + id_file) )

document.getElementById('move' + divID).style.display = 'block';

{

previous = 'move' + divID;

if(document.getElementById('img_aprob' + id_file).className == "fa fa-eye-slash"){

started = true;

document.getElementById('img_aprob' + id_file).className = "fa fa-eye";

} else {

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;

}

else if( xhr_object.readyState == 4 && xhr_object.responseText == '-1' )

document.getElementById('img' + id_file).innerHTML = '';

}

//Cache le bloc.

xmlhttprequest_sender(xhr_object, data);

function pics_hide_block(idfield, stop)

}

var delay = 2000; //Délai après lequel le bloc est automatiquement masqué après le départ de la souris.

var timeout;

var displayed = false;

var previous = '';

var started = false;

//Affiche le bloc.

function pics_display_block(divID)

{

if( timeout )

clearTimeout(timeout);

if( document.getElementById(previous) )

{

if( stop && timeout )

document.getElementById(previous).style.display = 'none';

clearTimeout(timeout);

started = false

else if( started )

timeout = setTimeout('pics_display_block()', delay);

}

{ARRAY_JS}

if( document.getElementById('move' + divID) )

var start_thumb = {START_THUMB};

//Miniatures défilantes.

function display_thumbnails(direction)

{

if( direction == 'left' )

document.getElementById('move' + divID).style.display = 'block';

previous = 'move' + divID;

started = true;

}

//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}

var start_thumb = {START_THUMB};

//Miniatures défilantes.

function display_thumbnails(direction)

{

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

return;

}

else if( direction == 'right' )

{

if( start_thumb <= {MAX_START} )

{

start_thumb++;

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>';

}

document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';

}

else

return;

}

else if( direction == 'right' )

{

if( start_thumb <= {MAX_START} )

{

start_thumb++;

if( start_thumb == ({MAX_START} + 1) )

document.getElementById('display_right').innerHTML = '';

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;

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] )

{

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] )

{

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;

views = document.getElementById('gv' + idpics).innerHTML;

views++;

document.getElementById('gv' + idpics).innerHTML = views;

document.getElementById('gvl' + idpics).innerHTML = (views > 1) ? "{L_VIEWS}" : "{L_VIEW}";

already_view = true;

incr_pics_displayed = idpics;

}

-->

}

</script>

-->

</script>

# INCLUDE message_helper #

# 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 #

{CATEGORY_DESCRIPTION}

</div>

# ENDIF #

<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>

<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>

</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>

<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 #

<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 #

# 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>

</li>

<li><a class="cssmenu-title"><i class="fa fa-sort-alpha-asc"></i> {L_DIRECTION}</a>

</ul>

</li>

</ul>

</nav>

jQuery("#cssmenu-galleryfilter").menumaker({

title: "${LangLoader::get_message('sort_options', 'common')}",

format: "multitoggle",

breakpoint: 768

});

jQuery(document).ready(function() {

jQuery("#cssmenu-galleryfilter ul").removeClass('hidden');

});

</script>

<h1>

</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 #

{CATEGORY_DESCRIPTION}

</div>

# ENDIF #

</header>

# IF C_SUB_CATEGORIES #

# START sub_categories_list #

# 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 itemprop="about" href="{sub_categories_list.U_CATEGORY}">{sub_categories_list.CATEGORY_NAME}</a>

<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>

# END sub_categories_list #

</div>

# IF C_SUBCATEGORIES_PAGINATION #<span class="center"># INCLUDE SUBCATEGORIES_PAGINATION #</span># ENDIF #

# ELSE #

# ENDIF #

# IF C_GALLERY_PICS #

<h2>${LangLoader::get_message('image', 'main')}</h2>

</header>

# IF C_GALLERY_PICS_MAX #

<h6>{L_INFORMATIONS}</h6>

# IF C_TITLE_ENABLED #

# ENDIF #

# 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 #

# 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 #

<span class="text-strong">{L_DIMENSION} : </span><span>{DIMENSION}</span><br/>

<span class="infos-options"><span class="text-strong">{L_DIMENSION} : </span>{DIMENSION}</span>

# IF C_COMMENTS_ENABLED #

<a href="{U_COMMENTS}">{L_COMMENTS}</a><br />

<a class="infos-options" href="{U_COMMENTS}">{L_COMMENTS}</a>

# ENDIF #

# IF C_NOTATION_ENABLED #

<div class="text-strong">{KERNEL_NOTATION}</div><br/>

<div class="text-strong">{KERNEL_NOTATION}</div>

# ENDIF #

# IF C_GALLERY_PICS_MODO #

<div>{L_MOVETO} :</div>

{CAT}

</select>

</div>

# ENDIF #

</div>

<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>

</div>

<thead>

<tr>

{L_THUMBNAILS}

</th>

</tr>

</thead>

<tbody>

<tr>

<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>

</td>

# START list_preview_pics #

# END list_preview_pics #

<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>

</td>

</tr>

</tbody>

</table>

{COMMENTS}

# ENDIF #

Text moved to lines 468-476

# IF C_PAGINATION #

<tfoot>

<tr>

# INCLUDE PAGINATION #

</td>

</tr>

</tfoot>

# ENDIF #

<tbody>

# START pics_list #

# IF pics_list.C_OPEN_TR #<tr># ENDIF #

</div>

# 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>

# ELSE #

# ENDIF # <span id="fi{pics_list.ID}"></span>

# 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 #

{L_BY} {pics_list.POSTOR}

</a>

# ELSE #

<span class="infos-options">{L_BY} ${LangLoader::get_message('guest', 'main')}</span>

# ENDIF #

# 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 #

# 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 #

# IF C_NOTATION_ENABLED #

<br />

<span class="infos-options">{pics_list.KERNEL_NOTATION}</span>

{pics_list.KERNEL_NOTATION}

# ENDIF #

</div>

# IF C_GALLERY_MODO #

<div>{L_MOVETO} :</div>

{pics_list.CAT}

</select>

</div>

# ENDIF #

</div>

</td>

# IF pics_list.C_CLOSE_TR #</tr># ENDIF #

# END pics_list #

# START end_table #

# IF end_table.C_DISPLAY_TR_END #</tr># ENDIF #

# END end_table #

</tbody>

Text moved from lines 393-401

# IF C_PAGINATION #

<tfoot>

<tr>

# INCLUDE PAGINATION #

</td>

</tr>

</tfoot>

# ENDIF #

</table>

</div>

</article>

# ENDIF #

<p class="nbr-total-pics smaller">{L_TOTAL_IMG}</p>

</div>

</footer>

</section>

Diferenças salvas

Texto original

Abrir arquivo

if( regex.test(name) ) //interdiction des caractères spéciaux dans le nom.
			{
				alert("{L_FILE_FORBIDDEN_CHARS}");
				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>';

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).innerHTML = xhr_object.responseText;

html_protected_name = name.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('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);
			}
		}
		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()
			{
				if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' )
				{
					var img_aprob, title_aprob;
					if( xhr_object.responseText == 0 )
					{
						img_aprob = 'fa-eye-slash';
						title_aprob = '{L_UNAPROB}';
					}
					else
					{
						img_aprob = 'fa-eye';
						title_aprob = '{L_APROB}';
					}

var delay = 2000; //Délai après lequel le bloc est automatiquement masqué après le départ de la souris.
		var timeout;
		var displayed = false;
		var previous = '';
		var started = false;

//Affiche le bloc.
		function pics_display_block(divID)
		{
			if( timeout )
				clearTimeout(timeout);

if( document.getElementById(previous) )
			{
				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 )
				clearTimeout(timeout);
			else if( started )
				timeout = setTimeout('pics_display_block()', delay);
		}

{ARRAY_JS}
		var start_thumb = {START_THUMB};
		//Miniatures défilantes.
		function display_thumbnails(direction)
		{
			if( direction == 'left' )
			{
				if( start_thumb > 0 )
				{
					start_thumb--;
					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
					return;
			}
			else if( direction == 'right' )
			{
				if( start_thumb <= {MAX_START} )
				{
					start_thumb++;
					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
					return;
			}

var views = 0;
					views = document.getElementById('gv' + idpics).innerHTML;
					views++;
					document.getElementById('gv' + idpics).innerHTML = views;
					document.getElementById('gvl' + idpics).innerHTML = (views > 1) ? "{L_VIEWS}" : "{L_VIEW}";

already_view = true;
					incr_pics_displayed = idpics;
				}
			}
		}
		-->
		</script>

# INCLUDE message_helper #
		<div class="spacer"></div>

<section id="module-gallery">
			<header>
				<nav id="cssmenu-galleryfilter" class="cssmenu cssmenu-right cssmenu-actionslinks cssmenu-tools">
					<ul class="level-0 hidden">
						<li><a class="cssmenu-title"><i class="fa fa-eye"></i> {L_DISPLAY}</a>
							<ul class="level-1">
								<li><a href="{U_BEST_VIEWS}" class="cssmenu-title"><i class="fa fa-eye"></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 #
							</ul>
						</li>
						<li><a class="cssmenu-title"><i class="fa fa-sort"></i> {L_ORDER_BY}</a>
							<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_DATE}" class="cssmenu-title"><i class="fa fa-clock-o"></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>
								# 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>
								# ENDIF #
								# 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 #
							</ul>
						</li>
						<li><a class="cssmenu-title"><i class="fa fa-sort-alpha-asc"></i> {L_DIRECTION}</a>
							<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_DESC}" class="cssmenu-title"><i class="fa fa-sort-amount-desc"></i> {L_DESC}</a></li>
							</ul>
						</li>
					</ul>
				</nav>
				<script>
					jQuery("#cssmenu-galleryfilter").menumaker({
						title: "${LangLoader::get_message('sort_options', 'common')}",
						format: "multitoggle",
						breakpoint: 768
					});
					jQuery(document).ready(function() {
						jQuery("#cssmenu-galleryfilter ul").removeClass('hidden');
					});
				</script>
				<h1>
					<a href="${relative_url(SyndicationUrlBuilder::rss('gallery', CAT_ID))}" class="fa fa-syndication" title="${LangLoader::get_message('syndication', 'common')}"></a>
					{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 #
			<div class="subcat-container elements-container# IF C_SEVERAL_CATS_COLUMNS # columns-{COLUMNS_NUMBER}# ENDIF #">
				# START sub_categories_list #
				<div class="subcat-element block">
					<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 #
						<br />
						<a itemprop="about" href="{sub_categories_list.U_CATEGORY}">{sub_categories_list.CATEGORY_NAME}</a>
						<br />
						<span class="small">{sub_categories_list.PICTURES_NUMBER}</span>
					</div>
				</div>
				# END sub_categories_list #
				<div class="spacer"></div>
			</div>
			# IF C_SUBCATEGORIES_PAGINATION #<span class="center"># INCLUDE SUBCATEGORIES_PAGINATION #</span># ENDIF #
			# ELSE #
				<div class="spacer"></div>
			# ENDIF #

<div class="content">
				# IF C_GALLERY_PICS #
				<article id="article-gallery-{ID}" class="article-gallery article-several block">
					<header>
						<h2>${LangLoader::get_message('image', 'main')}</h2>
					</header>
					<div class="content">
						<p class="center" id="pics_max"></p>

# 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>
							<div class="options">
								<h6>{L_INFORMATIONS}</h6>
								# 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/>
								# ENDIF #
								# 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/>
								# ENDIF #
								# IF C_VIEWS_COUNTER_ENABLED #
									<span class="text-strong">{L_VIEWS} : </span><span>{VIEWS}</span><br/>
								# ENDIF #
								<span class="text-strong">{L_ADD_ON} : </span><span>{DATE}</span><br/>
								<span class="text-strong">{L_DIMENSION} : </span><span>{DIMENSION}</span><br/>
								<span class="text-strong">{L_SIZE} : </span><span>{SIZE} {L_KB}</span><br/>
								# IF C_COMMENTS_ENABLED #
									<a href="{U_COMMENTS}">{L_COMMENTS}</a><br />
								# ENDIF #
								<div class="center">
									# IF C_NOTATION_ENABLED #
										<div class="text-strong">{KERNEL_NOTATION}</div><br/>
									# ENDIF #
									# 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>

<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>{L_MOVETO} :</div>
											<select class="valign-middle" name="{ID}cat" onchange="document.location = '{U_MOVE}">
												{CAT}
											</select>
										</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_aprob({ID});" class="basic-button" title="{L_APROB_IMG}"><i id="img_aprob{ID}" class="{IMG_APROB}"></i></a>
									<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>
									# ENDIF #
								</div>
							</div>
							<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-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>
							<br /><br />
							<table class="pics-max-thumbnails">
								<thead>
									<tr>
										<th colspan="{COLSPAN}">
											{L_THUMBNAILS}
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<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>
										</td>

# 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>
										# END list_preview_pics #

<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>
										</td>
									</tr>
								</tbody>
							</table>
							{COMMENTS}
						# ENDIF #

<table class="table-pics">
							# IF C_PAGINATION #
							<tfoot>
								<tr>
									<td colspan="{COLUMNS_NUMBER}">
									# INCLUDE PAGINATION #
									</td>
								</tr>
							</tfoot>
							# ENDIF #
							<tbody>
							# START pics_list #
								# 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}%;">
									<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>
									</div>

<div class="smaller">
										# 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_AUTHOR_DISPLAYED #
										<br />
										{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 #
										# ENDIF #
										# IF C_VIEWS_COUNTER_ENABLED #
										<br />
										<span id="gv{pics_list.ID}">{pics_list.VIEWS}</span> <span id="gvl{pics_list.ID}">{pics_list.L_VIEWS}</span>
										# ENDIF #
										# IF C_COMMENTS_ENABLED #
										<br />
										<a href="{pics_list.U_COMMENTS}">{pics_list.L_COMMENTS}</a>
										# ENDIF #
										# IF C_NOTATION_ENABLED #
										<br />
										{pics_list.KERNEL_NOTATION}
										# ENDIF #
									</div>

<div class="actions-container">
										# 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>
										<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 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>
												<select class="valign-middle" name="{pics_list.ID}cat" onchange="document.location = '{pics_list.U_MOVE}">
													{pics_list.CAT}
												</select>
											</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 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>
										# ENDIF #
										<span id="img{pics_list.ID}"></span>
									</div>
								</td>
								# IF pics_list.C_CLOSE_TR #</tr># ENDIF #
							# END pics_list #

# START end_table #
								<td class="td-end" style="width:{end_table.COLUMN_WIDTH_PICS}%">&nbsp;</td>

# IF end_table.C_DISPLAY_TR_END #</tr># ENDIF #
							# END end_table #
							</tbody>
						</table>
					</div>
					<footer></footer>
				</article>
				# ENDIF #

<p class="nbr-total-pics smaller">{L_TOTAL_IMG}</p>
			</div>
			<footer>
			</footer>
		</section>

Texto alterado

Abrir arquivo

if( regex.test(name) ) //interdiction des caractères spéciaux dans le nom.
		{
			alert("{L_FILE_FORBIDDEN_CHARS}");
			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>';

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).innerHTML = xhr_object.responseText;

html_protected_name = name.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('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);
		}
	}
	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()
		{
			if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' )
			{
				var img_aprob, title_aprob;
				if( xhr_object.responseText == 0 )
				{
					img_aprob = 'fa-eye-slash';
					title_aprob = '{L_UNAPROB}';
				}
				else
				{
					img_aprob = 'fa-eye';
					title_aprob = '{L_APROB}';
				}

var delay = 2000; //Délai après lequel le bloc est automatiquement masqué après le départ de la souris.
	var timeout;
	var displayed = false;
	var previous = '';
	var started = false;

//Affiche le bloc.
	function pics_display_block(divID)
	{
		if( timeout )
			clearTimeout(timeout);

if( document.getElementById(previous) )
		{
			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 )
			clearTimeout(timeout);
		else if( started )
			timeout = setTimeout('pics_display_block()', delay);
	}

{ARRAY_JS}
	var start_thumb = {START_THUMB};
	//Miniatures défilantes.
	function display_thumbnails(direction)
	{
		if( direction == 'left' )
		{
			if( start_thumb > 0 )
			{
				start_thumb--;
				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
				return;
		}
		else if( direction == 'right' )
		{
			if( start_thumb <= {MAX_START} )
			{
				start_thumb++;
				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
				return;
		}

var views = 0;
				views = document.getElementById('gv' + idpics).innerHTML;
				views++;
				document.getElementById('gv' + idpics).innerHTML = views;
				document.getElementById('gvl' + idpics).innerHTML = (views > 1) ? "{L_VIEWS}" : "{L_VIEW}";

already_view = true;
				incr_pics_displayed = idpics;
			}
		}
	}
	-->
</script>

# INCLUDE message_helper #
		<div class="spacer"></div>

<section id="module-gallery">
			<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">
					<ul class="level-0 hidden">
						<li><a class="cssmenu-title"><i class="fa fa-eye" aria-hidden="true"></i> {L_DISPLAY}</a>
							<ul class="level-1">
								<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" aria-hidden="true"></i> {L_BEST_NOTES}</a></li># ENDIF #
							</ul>
						</li>
						<li><a class="cssmenu-title"><i class="fa fa-sort" aria-hidden="true"></i> {L_ORDER_BY}</a>
							<ul class="level-1">
								<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" aria-hidden="true"></i> {L_DATE}</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 #
								<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 #
								# IF C_COMMENTS_ENABLED #
								<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>
						</li>
						<li><a class="cssmenu-title"><i class="fa fa-sort-alpha-asc"></i> {L_DIRECTION}</a>
							<ul class="level-1">
								<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" aria-hidden="true"></i> {L_DESC}</a></li>
							</ul>
						</li>
					</ul>
				</nav>
				<script>
					jQuery("#cssmenu-galleryfilter").menumaker({
						title: "${LangLoader::get_message('sort_options', 'common')}",
						format: "multitoggle",
						breakpoint: 768
					});
					jQuery(document).ready(function() {
						jQuery("#cssmenu-galleryfilter ul").removeClass('hidden');
					});
				</script>
				<div class="spacer"></div>
			</div>

# IF C_SUB_CATEGORIES #
			<div class="subcat-container elements-container# IF C_SEVERAL_CATS_COLUMNS # columns-{COLUMNS_NUMBER}# ENDIF #">
				# START sub_categories_list #
					<div class="subcat-element block">
						<div class="subcat-content">
							# IF sub_categories_list.C_CATEGORY_IMAGE #
								<a class="subcat-thumbnail" itemprop="about" href="{sub_categories_list.U_CATEGORY}" title="{sub_categories_list.CATEGORY_NAME}">
									<img itemprop="thumbnailUrl" src="{sub_categories_list.CATEGORY_IMAGE}" alt="{sub_categories_list.CATEGORY_NAME}" />
								</a>
							# 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>
				# END sub_categories_list #
				<div class="spacer"></div>
			</div>
			# IF C_SUBCATEGORIES_PAGINATION #<span class="center"># INCLUDE SUBCATEGORIES_PAGINATION #</span># ENDIF #
			# ELSE #
				<div class="spacer"></div>
			# ENDIF #

<div class="content">
				# IF C_GALLERY_PICS #
				<article id="article-gallery-{ID}" class="article-gallery article-several">
					<header>
						<h2>${LangLoader::get_message('image', 'main')}</h2>
					</header>
					<div class="content">
						<p class="center" id="pics_max"></p>

# IF C_GALLERY_PICS_MAX #
							<p class="pics-max"><a href="{U_IMG_MAX}" data-lightbox="formatter"><img src="{U_IMG_MAX}" alt="{NAME}" /></a></p>
							<div class="options">
								<h6>{L_INFORMATIONS}</h6>
								# IF C_TITLE_ENABLED #
									<span class="infos-options"><span class="text-strong">{L_NAME} : </span><span id="fi_{ID}">{NAME}</span> <span id="fi{ID}"></span></span>
								# ENDIF #
								# IF C_AUTHOR_DISPLAYED #
									<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 #
								# IF C_VIEWS_COUNTER_ENABLED #
									<span class="infos-options"><span class="text-strong">{L_VIEWS} : </span>{VIEWS}</span>
								# ENDIF #
								<span class="infos-options"><span class="text-strong">{L_ADD_ON} : </span>{DATE}</span>
								<span class="infos-options"><span class="text-strong">{L_DIMENSION} : </span>{DIMENSION}</span>
								<span class="infos-options"><span class="text-strong">{L_SIZE} : </span>{SIZE} {L_KB}</span>
								# IF C_COMMENTS_ENABLED #
									<a class="infos-options" href="{U_COMMENTS}">{L_COMMENTS}</a>
								# ENDIF #
								<div class="center">
									# IF C_NOTATION_ENABLED #
										<div class="text-strong">{KERNEL_NOTATION}</div>
									# ENDIF #
									# 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>

<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>
									<a href="{U_DEL}" title="{L_DELETE}" class="basic-button alt" data-confirmation="delete-element"><i class="fa fa-delete"></i></a>
									# ENDIF #
								</div>
							</div>
							<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-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>
							<table class="pics-max-thumbnails">
								<thead>
									<tr>
										<th colspan="{COLSPAN}">
											{L_THUMBNAILS}
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<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>
										</td>

<table class="table-pics">
							<tbody>
							# START pics_list #
								# 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}%;">
									<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="{pics_list.NAME}" title="{pics_list.NAME}" class="gallery-img" /></a>
									</div>

<div class="small">
										# 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 pics_list.C_POSTOR_EXIST #
												<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 #
										# IF C_VIEWS_COUNTER_ENABLED #
											<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>
										# ENDIF #
										# IF C_COMMENTS_ENABLED #
											<a class="infos-options" href="{pics_list.U_COMMENTS}">{pics_list.L_COMMENTS}</a>
										# ENDIF #
										# IF C_NOTATION_ENABLED #
											<span class="infos-options">{pics_list.KERNEL_NOTATION}</span>
										# ENDIF #
									</div>

# START end_table #
								<td class="td-end" style="width:{end_table.COLUMN_WIDTH_PICS}%">&nbsp;</td>

# IF end_table.C_DISPLAY_TR_END #</tr># ENDIF #
							# END end_table #
							</tbody>
							# IF C_PAGINATION #
							<tfoot>
								<tr>
									<td colspan="{COLUMNS_NUMBER}">
									# INCLUDE PAGINATION #
									</td>
								</tr>
							</tfoot>
							# ENDIF #
						</table>
					</div>
					<footer></footer>
				</article>
				# ENDIF #

<p class="nbr-total-pics smaller">{L_TOTAL_IMG}</p>
			</div>
			<footer>
			</footer>
		</section>