Confronta il testo

Trova la differenza tra due file di testo

Editor live

Nascondi spazi bianchi

Comprimi invariate

Senza a capo

Layout

Livello di dettaglio

Stili testo

Evidenziazione sintassi

Diffchecker Desktop Il modo più sicuro per usare Diffchecker. Ottieni l'app Diffchecker Desktop: i tuoi diff non lasciano mai il tuo computer!Ottieni Desktop

Untitled diff

Creato 7 anni faIl diff non scade mai

249 rimozioni

Linee
Totale
Rimosso

Caratteri
Totale
Rimosso

Per continuare a utilizzare questa funzione, aggiorna a Diffchecker Pro Visualizza prezzi

472 linee

260 aggiunte

Linee
Totale
Aggiunto

Caratteri
Totale
Aggiunto

Per continuare a utilizzare questa funzione, aggiorna a Diffchecker Pro Visualizza prezzi

488 linee

<!--

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>

Diff salvati

Testo originale

Apri file

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>

Testo modificato

Apri file

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>