Diff
checker
Text
Text
Images
Documents
Excel
Folders
Legal
Enterprise
Desktop
Pricing
Sign in
Download Diffchecker Desktop
Compare text
Find the difference between two text files
Tools
History
Real-time editor
Hide whitespace changes
Hide unchanged lines
Disable line wrap
Layout
Split
Unified
Diff precision
Smart
Word
Char
Text styles
Change appearance
Syntax highlighting
Choose syntax
Ignore
Transform text
Go to first change
Edit input
Diffchecker Desktop
The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!
Get Desktop
Untitled diff
Created
8 years ago
Diff never expires
Clear
Export
Share
Explain
275 removals
Lines
Total
Removed
Characters
Total
Removed
To continue using this feature, upgrade to
Diff
checker
Pro
View Pricing
472 lines
Copy
98 additions
Lines
Total
Added
Characters
Total
Added
To continue using this feature, upgrade to
Diff
checker
Pro
View Pricing
488 lines
Copy
Copy
Copied
Copy
Copied
<script>
<script>
<!--
<!--
var pics_displayed = 0;
var pics_displayed = 0;
function display_pics(id, path)
function display_pics(id, path)
{
{
if( pics_displayed != id )
if( pics_displayed != id )
{
{
document.getElementById('pics_max').innerHTML = '<img src="' + path + '" alt="' + path + '" />';
document.getElementById('pics_max').innerHTML = '<img src="' + path + '" alt="' + path + '" />';
pics_displayed = id;
pics_displayed = id;
}
}
else
else
{
{
document.getElementById('pics_max').innerHTML = '';
document.getElementById('pics_max').innerHTML = '';
pics_displayed = 0;
pics_displayed = 0;
}
}
}
}
function display_pics_popup(path, width, height)
function display_pics_popup(path, width, height)
{
{
width = parseInt(width);
width = parseInt(width);
height = parseInt(height);
height = parseInt(height);
if( height == 0 )
if( height == 0 )
height = screen.height - 150;
height = screen.height - 150;
if( width == 0 )
if( width == 0 )
width = screen.width - 200;
width = screen.width - 200;
window.open(path, '', 'width='+(width+17)+', height='+(height+17)+', location=no, status=no, toolbar=no, scrollbars=1, resizable=yes');
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_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 = 'none';
document.getElementById('fi' + id).style.display = 'inline';
document.getElementById('fi' + id).style.display = 'inline';
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).innerHTML = '<input type="text" name="fiinput' + id + '" id="fiinput' + id + '" value="' + previous_name.replace(/\"/g, """) + '" onblur="rename_file(\'' + id + '\', \'' + previous_cut_name.replace(/\'/g, "\\\'").replace(/\"/g, """) + '\');">';
document.getElementById('fiinput' + id).focus();
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 name = document.getElementById("fiinput" + id_file).value;
var regex = /\/|\\|\||\?|<|>/;
var regex = /\/|\\|\||\?|<|>/;
Copy
Copied
Copy
Copied
if( regex.test(name) ) //interdiction des caractères spéciaux dans le nom.
if( regex.test(name) ) //interdiction des caractères spéciaux dans le nom.
{
{
alert("{L_FILE_FORBIDDEN_CHARS}");
alert("{L_FILE_FORBIDDEN_CHARS}");
document.getElementById('fi_' + id_file).style.display = 'inline';
document.getElementById('fi_' + id_file).style.display = 'inline';
document.getElementById('fi' + id_file).style.display = 'none';
document.getElementById('fi' + id_file).style.display = 'none';
}
}
else
else
{
{
document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
Copy
Copied
Copy
Copied
data = "id_file=" + id_file + "&name=" + name.replace(/&/g, "%26") + "&previous_name=" + previous_cut_name.replace(/&/g, "%26");
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');
var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&rename_pics=1');
xhr_object.onreadystatechange = function()
xhr_object.onreadystatechange = function()
{
{
if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '0' )
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 = 'none';
document.getElementById('fi_' + id_file).style.display = 'inline';
document.getElementById('fi_' + id_file).style.display = 'inline';
document.getElementById('fi_' + id_file).innerHTML = xhr_object.responseText;
document.getElementById('fi_' + id_file).innerHTML = xhr_object.responseText;
Copy
Copied
Copy
Copied
html_protected_name = name.replace(/\'/g, "\\\'").replace(/\"/g, """);
html_protected_name = name.replace(/\'/g, "\\\'").replace(/\"/g, """);
html_protected_name2 = xhr_object.responseText.replace(/\'/g, "\\\'").replace(/\"/g, """);
html_protected_name2 = xhr_object.responseText.replace(/\'/g, "\\\'").replace(/\"/g, """);
Copy
Copied
Copy
Copied
document.getElementById('fihref' + id_file).innerHTML = '<a href="javascript:display_rename_file(\'' + id_file + '\', \'' + html_protected_name + '\', \'' + html_protected_name2 + '\');" class="basic-button" title="{L_EDIT}"><i class="fa fa-edit"></i></a>';
document.getElementById('fihref' + id_file).innerHTML = '<a href="javascript:display_rename_file(\'' + id_file + '\', \'' + html_protected_name + '\', \'' + html_protected_name2 + '\');" class="basic-button" title="{L_EDIT}"><i class="fa fa-edit"></i></a>';
document.getElementById('img' + id_file).innerHTML = '';
document.getElementById('img' + id_file).innerHTML = '';
}
}
else if( xhr_object.readyState == 4 && xhr_object.responseText == '0' )
else if( xhr_object.readyState == 4 && xhr_object.responseText == '0' )
document.getElementById('img' + id_file).innerHTML = '';
document.getElementById('img' + id_file).innerHTML = '';
}
}
xmlhttprequest_sender(xhr_object, data);
xmlhttprequest_sender(xhr_object, data);
}
}
}
}
function pics_aprob(id_file, aprob)
function pics_aprob(id_file, aprob)
{
{
document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
Copy
Copied
Copy
Copied
data = 'id_file=' + id_file;
data = 'id_file=' + id_file;
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}&aprob_pics=1');
xhr_object.onreadystatechange = function()
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 != '-1' )
{
{
var img_aprob, title_aprob;
var img_aprob, title_aprob;
if( xhr_object.responseText == 0 )
if( xhr_object.responseText == 0 )
{
{
img_aprob = 'fa-eye-slash';
img_aprob = 'fa-eye-slash';
title_aprob = '{L_UNAPROB}';
title_aprob = '{L_UNAPROB}';
}
}
else
else
{
{
img_aprob = 'fa-eye';
img_aprob = 'fa-eye';
title_aprob = '{L_APROB}';
title_aprob = '{L_APROB}';
}
}
Copy
Copied
Copy
Copied
document.getElementById('img' + id_file).innerHTML = '';
document.getElementById('img' + id_file).innerHTML = '';
if( document.getElementById('img_aprob' + id_file) )
if( document.getElementById('img_aprob' + id_file) )
{
{
if(document.getElementById('img_aprob' + id_file).className == "fa fa-eye-slash"){
if(document.getElementById('img_aprob' + id_file).className == "fa fa-eye-slash"){
document.getElementById('img_aprob' + id_file).className = "fa fa-eye";
document.getElementById('img_aprob' + id_file).className = "fa fa-eye";
} else {
} else {
document.getElementById('img_aprob' + id_file).className = "fa fa-eye-slash";
document.getElementById('img_aprob' + id_file).className = "fa fa-eye-slash";
}
}
document.getElementById('img_aprob' + id_file).title = '' + title_aprob;
document.getElementById('img_aprob' + id_file).title = '' + title_aprob;
document.getElementById('img_aprob' + id_file).alt = '' + 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 == '-1' )
document.getElementById('img' + id_file).innerHTML = '';
document.getElementById('img' + id_file).innerHTML = '';
}
}
xmlhttprequest_sender(xhr_object, data);
xmlhttprequest_sender(xhr_object, data);
}
}
Copy
Copied
Copy
Copied
var delay = 2000; //Délai après lequel le bloc est automatiquement masqué après le départ de la souris.
var delay = 2000; //Délai après lequel le bloc est automatiquement masqué après le départ de la souris.
var timeout;
var timeout;
var displayed = false;
var displayed = false;
var previous = '';
var previous = '';
var started = false;
var started = false;
Copy
Copied
Copy
Copied
//Affiche le bloc.
//Affiche le bloc.
function pics_display_block(divID)
function pics_display_block(divID)
{
{
if( timeout )
if( timeout )
clearTimeout(timeout);
clearTimeout(timeout);
Copy
Copied
Copy
Copied
if( document.getElementById(previous) )
if( document.getElementById(previous) )
{
{
document.getElementById(previous).style.display = 'none';
document.getElementById(previous).style.display = 'none';
started = false
started = false
}
}
Copy
Copied
Copy
Copied
if( document.getElementById('move' + divID) )
if( document.getElementById('move' + divID) )
{
{
document.getElementById('move' + divID).style.display = 'block';
document.getElementById('move' + divID).style.display = 'block';
previous = 'move' + divID;
previous = 'move' + divID;
started = true;
started = true;
}
}
}
}
//Cache le bloc.
//Cache le bloc.
function pics_hide_block(idfield, stop)
function pics_hide_block(idfield, stop)
{
{
if( stop && timeout )
if( stop && timeout )
clearTimeout(timeout);
clearTimeout(timeout);
else if( started )
else if( started )
timeout = setTimeout('pics_display_block()', delay);
timeout = setTimeout('pics_display_block()', delay);
}
}
Copy
Copied
Copy
Copied
{ARRAY_JS}
{ARRAY_JS}
var start_thumb = {START_THUMB};
var start_thumb = {START_THUMB};
//Miniatures défilantes.
//Miniatures défilantes.
function display_thumbnails(direction)
function display_thumbnails(direction)
{
{
if( direction == 'left' )
if( direction == 'left' )
{
{
if( start_thumb > 0 )
if( start_thumb > 0 )
{
{
start_thumb--;
start_thumb--;
if( start_thumb == 0 )
if( start_thumb == 0 )
document.getElementById('display_left').innerHTML = '';
document.getElementById('display_left').innerHTML = '';
else
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_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>';
document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
}
}
else
else
return;
return;
}
}
else if( direction == 'right' )
else if( direction == 'right' )
{
{
if( start_thumb <= {MAX_START} )
if( start_thumb <= {MAX_START} )
{
{
start_thumb++;
start_thumb++;
if( start_thumb == ({MAX_START} + 1) )
if( start_thumb == ({MAX_START} + 1) )
document.getElementById('display_right').innerHTML = '';
document.getElementById('display_right').innerHTML = '';
else
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_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_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
}
}
else
else
return;
return;
}
}
Copy
Copied
Copy
Copied
var j = 0;
var j = 0;
for(var i = 0; i <= {NBR_PICS}; i++)
for(var i = 0; i <= {NBR_PICS}; i++)
{
{
if( document.getElementById('thumb' + i) )
if( document.getElementById('thumb' + i) )
{
{
var key_left = start_thumb + j;
var key_left = start_thumb + j;
var key_right = start_thumb + j;
var key_right = start_thumb + j;
if( direction == 'left' && array_pics[key_left] )
if( direction == 'left' && array_pics[key_left] )
{
{
document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_left]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_left]['path'] + '" alt="' + array_pics[key_left]['path'] + '
" /></a>';
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>';
j++;
j++;
}
}
else if( direction == 'right' && array_pics[key_right] )
else if( direction == 'right' && array_pics[key_right] )
{
{
document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_right]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_right]['path'] + '" alt="' + array_pics[key_right]['path'] + '
" /></a>';
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++;
j++;
}
}
}
}
}
}
}
}
//incrément le nombre de vues d'une image.
//incrément le nombre de vues d'une image.
var already_view = false;
var already_view = false;
var incr_pics_displayed = 0;
var incr_pics_displayed = 0;
function increment_view(idpics)
function increment_view(idpics)
{
{
if ('{DISPLAY_MODE}' == 'resize' && incr_pics_displayed == idpics)
if ('{DISPLAY_MODE}' == 'resize' && incr_pics_displayed == idpics)
incr_pics_displayed = 0;
incr_pics_displayed = 0;
else
else
{
{
if (document.getElementById('gv' + idpics))
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 = '';
data = '';
var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&id=' + idpics + '&cat={CAT_ID}&increment_view=1');
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);
xmlhttprequest_sender(xhr_object, data);
}
}
Copy
Copied
Copy
Copied
var views = 0;
var views = 0;
views = document.getElementById('gv' + idpics).innerHTML;
views = document.getElementById('gv' + idpics).innerHTML;
views++;
views++;
document.getElementById('gv' + idpics).innerHTML = views;
document.getElementById('gv' + idpics).innerHTML = views;
document.getElementById('gvl' + idpics).innerHTML = (views > 1) ? "{L_VIEWS}" : "{L_VIEW}";
document.getElementById('gvl' + idpics).innerHTML = (views > 1) ? "{L_VIEWS}" : "{L_VIEW}";
Copy
Copied
Copy
Copied
already_view = true;
already_view = true;
incr_pics_displayed = idpics;
incr_pics_displayed = idpics;
}
}
}
}
}
}
-->
-->
</script>
</script>
# INCLUDE message_helper #
# INCLUDE message_helper #
<div class="spacer"></div>
<div class="spacer"></div>
<section id="module-gallery">
<section id="module-gallery">
<header>
<header>
Copy
Copied
Copy
Copied
<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>
Text moved with changes from lines 280-284 (93.0% similarity)
</header>
# IF C_CATEGORY_DESCRIPTION #
<div class="cat-description">
{CATEGORY_DESCRIPTION}
</div>
# ENDIF #
<div class="gallery-tools-container">
<nav id="cssmenu-galleryfilter" class="cssmenu cssmenu-right cssmenu-actionslinks cssmenu-tools">
<nav id="cssmenu-galleryfilter" class="cssmenu cssmenu-right cssmenu-actionslinks cssmenu-tools">
<ul class="level-0 hidden">
<ul class="level-0 hidden">
Copy
Copied
Copy
Copied
<li><a class="cssmenu-title"><i class="fa fa-eye"
></i> {L_DISPLAY}</a>
<li><a class="cssmenu-title"><i class="fa fa-eye"
aria-hidden="true"
></i> {L_DISPLAY}</a>
<ul class="level-1">
<ul class="level-1">
Copy
Copied
Copy
Copied
<li><a href="{U_BEST_VIEWS}" class="cssmenu-title"><i class="fa fa-eye"
></i> {L_BEST_VIEWS}</a></li>
<li><a href="{U_BEST_VIEWS}" class="cssmenu-title"><i class="fa fa-eye"
aria-hidden="true"
></i> {L_BEST_VIEWS}</a></li>
# IF C_NOTATION_ENABLED #<li><a href="{U_BEST_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty"
></i> {L_BEST_NOTES}</a></li># ENDIF #
# IF C_NOTATION_ENABLED #<li><a href="{U_BEST_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty"
aria-hidden="true"
></i> {L_BEST_NOTES}</a></li># ENDIF #
</ul>
</ul>
</li>
</li>
Copy
Copied
Copy
Copied
<li><a class="cssmenu-title"><i class="fa fa-sort"
></i> {L_ORDER_BY}</a>
<li><a class="cssmenu-title"><i class="fa fa-sort"
aria-hidden="true"
></i> {L_ORDER_BY}</a>
<ul class="level-1">
<ul class="level-1">
Copy
Copied
Copy
Copied
<li><a href="{U_ORDER_BY_NAME}" class="cssmenu-title"><i class="fa fa-tag"
></i> {L_NAME}</a></li>
<li><a href="{U_ORDER_BY_NAME}" class="cssmenu-title"><i class="fa fa-tag"
aria-hidden="true"
></i> {L_NAME}</a></li>
<li><a href="{U_ORDER_BY_DATE}" class="cssmenu-title"><i class="fa fa-clock-o"
></i> {L_DATE}</a></li>
<li><a href="{U_ORDER_BY_DATE}" class="cssmenu-title"><i class="fa fa-clock-o"
aria-hidden="true"
></i> {L_DATE}</a></li>
<li><a href="{U_ORDER_BY_VIEWS}" class="cssmenu-title"><i class="fa fa-eye"
></i> {L_VIEWS}</a></li>
<li><a href="{U_ORDER_BY_VIEWS}" class="cssmenu-title"><i class="fa fa-eye"
aria-hidden="true"
></i> {L_VIEWS}</a></li>
# IF C_NOTATION_ENABLED #
# IF C_NOTATION_ENABLED #
Copy
Copied
Copy
Copied
<li><a href="{U_ORDER_BY_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty"
></i> {L_NOTES}</a></li>
<li><a href="{U_ORDER_BY_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty"
aria-hidden="true"
></i> {L_NOTES}</a></li>
# ENDIF #
# ENDIF #
# IF C_COMMENTS_ENABLED #
# IF C_COMMENTS_ENABLED #
Copy
Copied
Copy
Copied
<li><a href="{U_ORDER_BY_COM}" class="cssmenu-title"><i class="fa fa-comments-o"
></i> {L_COM}</a></li># ENDIF #
<li><a href="{U_ORDER_BY_COM}" class="cssmenu-title"><i class="fa fa-comments-o"
aria-hidden="true"
></i> {L_COM}</a></li># ENDIF #
</ul>
</ul>
</li>
</li>
<li><a class="cssmenu-title"><i class="fa fa-sort-alpha-asc"></i> {L_DIRECTION}</a>
<li><a class="cssmenu-title"><i class="fa fa-sort-alpha-asc"></i> {L_DIRECTION}</a>
<ul class="level-1">
<ul class="level-1">
Copy
Copied
Copy
Copied
<li><a href="{U_ASC}" class="cssmenu-title"><i class="fa fa-sort-amount-asc"
></i> {L_ASC}</a></li>
<li><a href="{U_ASC}" class="cssmenu-title"><i class="fa fa-sort-amount-asc"
aria-hidden="true"
></i> {L_ASC}</a></li>
<li><a href="{U_DESC}" class="cssmenu-title"><i class="fa fa-sort-amount-desc"
></i> {L_DESC}</a></li>
<li><a href="{U_DESC}" class="cssmenu-title"><i class="fa fa-sort-amount-desc"
aria-hidden="true"
></i> {L_DESC}</a></li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</nav>
</nav>
<script>
<script>
jQuery("#cssmenu-galleryfilter").menumaker({
jQuery("#cssmenu-galleryfilter").menumaker({
title: "${LangLoader::get_message('sort_options', 'common')}",
title: "${LangLoader::get_message('sort_options', 'common')}",
format: "multitoggle",
format: "multitoggle",
breakpoint: 768
breakpoint: 768
});
});
jQuery(document).ready(function() {
jQuery(document).ready(function() {
jQuery("#cssmenu-galleryfilter ul").removeClass('hidden');
jQuery("#cssmenu-galleryfilter ul").removeClass('hidden');
});
});
</script>
</script>
Copy
Copied
Copy
Copied
<h1>
<div class="spacer"></div>
<a href="${relative_url(SyndicationUrlBuilder::rss('gallery', CAT_ID))}" class="fa fa-syndication" title="${LangLoader::get_message('syndication', 'common')}"></a>
{GALLERY} # IF IS_ADMIN #<a href="{U_EDIT_CATEGORY}" title="${LangLoader::get_message('edit', 'common')}"><i class="fa fa-edit smaller"></i></a># ENDIF #
Text moved with changes to lines 246-250 (93.0% similarity)
</h1>
# IF C_CATEGORY_DESCRIPTION #
<div class="cat-description">
{CATEGORY_DESCRIPTION}
</div>
</div>
Copy
Copied
Copy
Copied
# ENDIF #
</header>
# IF C_SUB_CATEGORIES #
# IF C_SUB_CATEGORIES #
<div class="subcat-container elements-container# IF C_SEVERAL_CATS_COLUMNS # columns-{COLUMNS_NUMBER}# ENDIF #">
<div class="subcat-container elements-container# IF C_SEVERAL_CATS_COLUMNS # columns-{COLUMNS_NUMBER}# ENDIF #">
# START sub_categories_list #
# START sub_categories_list #
Copy
Copied
Copy
Copied
<div class="subcat-element block">
<div class="subcat-element block">
<div class="subcat-content">
<div class="subcat-content">
# IF sub_categories_list.C_CATEGORY_IMAGE #
<a
itemprop="about" href="{sub_categories_list.U_CATEGORY}"
>
<img itemprop="thumbnailUrl" src="{sub_categories_list.CATEGORY_IMAGE}" alt="{sub_categories_list.CATEGORY_NAME}" />
</a>
# ENDIF #
# IF sub_categories_list.C_CATEGORY_IMAGE #
<br />
<a class="subcat-thumbnail"
itemprop="about" href="{sub_categories_list.U_CATEGORY}"
title="{sub_categories_list.CATEGORY_NAME}">
<a
itemprop="about" href="{sub_categories_list.U_CATEGORY}">{sub_categories_list.CATEGORY_NAME}</a>
<img itemprop="thumbnailUrl" src="{sub_categories_list.CATEGORY_IMAGE}" alt="{sub_categories_list.CATEGORY_NAME}" />
<br />
</a>
<span class="
small
">{sub_categories_list.PICTURES_NUMBER}</span>
# ENDIF #
<a
class="subcat-title"
itemprop="about" href="{sub_categories_list.U_CATEGORY}">{sub_categories_list.CATEGORY_NAME}</a>
<span class="
subcat-options
">{sub_categories_list.PICTURES_NUMBER}</span>
</div>
</div>
</div>
</div>
# END sub_categories_list #
# END sub_categories_list #
<div class="spacer"></div>
<div class="spacer"></div>
</div>
</div>
# IF C_SUBCATEGORIES_PAGINATION #<span class="center"># INCLUDE SUBCATEGORIES_PAGINATION #</span># ENDIF #
# IF C_SUBCATEGORIES_PAGINATION #<span class="center"># INCLUDE SUBCATEGORIES_PAGINATION #</span># ENDIF #
# ELSE #
# ELSE #
<div class="spacer"></div>
<div class="spacer"></div>
# ENDIF #
# ENDIF #
<div class="content">
<div class="content">
# IF C_GALLERY_PICS #
# IF C_GALLERY_PICS #
Copy
Copied
Copy
Copied
<article id="article-gallery-{ID}" class="article-gallery article-several
block
">
<article id="article-gallery-{ID}" class="article-gallery article-several
">
<header>
<header>
<h2>${LangLoader::get_message('image', 'main')}</h2>
<h2>${LangLoader::get_message('image', 'main')}</h2>
</header>
</header>
<div class="content">
<div class="content">
<p class="center" id="pics_max"></p>
<p class="center" id="pics_max"></p>
# IF C_GALLERY_PICS_MAX #
# IF C_GALLERY_PICS_MAX #
Copy
Copied
Copy
Copied
<p class="pics-max"><a href="{U_IMG_MAX}" data-lightbox="formatter"><img src="{U_IMG_MAX}"
title
="{NAME}
" alt="
" /></a></p>
<p class="pics-max"><a href="{U_IMG_MAX}" data-lightbox="formatter"><img src="{U_IMG_MAX}"
alt
="{NAME}
" /></a></p>
<div class="options">
<div class="options">
<h6>{L_INFORMATIONS}</h6>
<h6>{L_INFORMATIONS}</h6>
# IF C_TITLE_ENABLED #
# IF C_TITLE_ENABLED #
Copy
Copied
Copy
Copied
<span class=
"text-strong">{L_NAME} : </span><span
><span
id="fi_{ID}">{NAME}</span> <span id="fi{ID}"></span></span>
<br/>
<span class=
"infos-options"><span class=
"text-strong">{L_NAME} : </span><span
id="fi_{ID}">{NAME}</span> <span id="fi{ID}"></span></span>
# ENDIF #
# ENDIF #
# IF C_AUTHOR_DISPLAYED #
# IF C_AUTHOR_DISPLAYED #
Copy
Copied
Copy
Copied
<span class=
"text-strong">{L_POSTOR} : </span>
<span>
# IF C_POSTOR_EXIST #<a class="small {POSTOR_LEVEL_CLASS}"# IF C_POSTOR_GROUP_COLOR # style="color:{POSTOR_GROUP_COLOR}"# ENDIF # href="{U_POSTOR_PROFILE}">{POSTOR}</a># ELSE #${LangLoader::get_message('guest', 'main')}# ENDIF #</span>
<br/>
<span class=
"infos-options"><span class=
"text-strong">{L_POSTOR} : </span>
# IF C_POSTOR_EXIST #<a class="small {POSTOR_LEVEL_CLASS}"# IF C_POSTOR_GROUP_COLOR # style="color:{POSTOR_GROUP_COLOR}"# ENDIF # href="{U_POSTOR_PROFILE}">{POSTOR}</a># ELSE #${LangLoader::get_message('guest', 'main')}# ENDIF #</span>
# ENDIF #
# ENDIF #
# IF C_VIEWS_COUNTER_ENABLED #
# IF C_VIEWS_COUNTER_ENABLED #
Copy
Copied
Copy
Copied
<span class=
"text-strong">{L_VIEWS} : </span>
<span>
{VIEWS}</span>
<br/>
<span class=
"infos-options"><span class=
"text-strong">{L_VIEWS} : </span>
{VIEWS}</span>
# ENDIF #
# ENDIF #
Copy
Copied
Copy
Copied
<span class=
"text-strong">{L_ADD_ON} : </span>
<span>
{DATE}</span>
<br/>
<span class=
"infos-options"><span class=
"text-strong">{L_ADD_ON} : </span>
{DATE}</span>
<span class=
"text-strong">{L_DIMENSION} : </span>
<span>
{DIMENSION}</span>
<br/>
<span class=
"infos-options"><span class=
"text-strong">{L_DIMENSION} : </span>
{DIMENSION}</span>
<span class=
"text-strong">{L_SIZE} : </span>
<span>
{SIZE} {L_KB}</span>
<br/>
<span class=
"infos-options"><span class=
"text-strong">{L_SIZE} : </span>
{SIZE} {L_KB}</span>
# IF C_COMMENTS_ENABLED #
# IF C_COMMENTS_ENABLED #
Copy
Copied
Copy
Copied
<a
href="{U_COMMENTS}">{L_COMMENTS}</a>
<br />
<a
class="infos-options"
href="{U_COMMENTS}">{L_COMMENTS}</a>
# ENDIF #
# ENDIF #
<div class="center">
<div class="center">
# IF C_NOTATION_ENABLED #
# IF C_NOTATION_ENABLED #
Copy
Copied
Copy
Copied
<div class="text-strong">{KERNEL_NOTATION}</div>
<br/>
<div class="text-strong">{KERNEL_NOTATION}</div>
# ENDIF #
# ENDIF #
# IF C_GALLERY_PICS_MODO #
# IF C_GALLERY_PICS_MODO #
<span id="fihref{ID}"><a href="javascript:display_rename_file('{ID}', '{RENAME}', '{RENAME_CUT}');" class="basic-button" title="{L_EDIT}"><i class="fa fa-edit"></i></a></span>
<span id="fihref{ID}"><a href="javascript:display_rename_file('{ID}', '{RENAME}', '{RENAME_CUT}');" class="basic-button" title="{L_EDIT}"><i class="fa fa-edit"></i></a></span>
<div id="move{ID}" class="move-pics-container">
<div id="move{ID}" class="move-pics-container">
<div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);">
<div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);">
<div>{L_MOVETO} :</div>
<div>{L_MOVETO} :</div>
<select class="valign-middle" name="{ID}cat" onchange="document.location = '{U_MOVE}">
<select class="valign-middle" name="{ID}cat" onchange="document.location = '{U_MOVE}">
{CAT}
{CAT}
</select>
</select>
</div>
</div>
</div>
</div>
<a href="javascript:pics_display_block({ID});" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);" class="basic-button" title="{L_MOVETO}"><i class="fa fa-move"></i></a>
<a href="javascript:pics_display_block({ID});" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);" class="basic-button" title="{L_MOVETO}"><i class="fa fa-move"></i></a>
<a href="javascript:pics_aprob({ID});" class="basic-button" title="{L_APROB_IMG}"><i id="img_aprob{ID}" class="{IMG_APROB}"></i></a>
<a href="javascript:pics_aprob({ID});" class="basic-button" title="{L_APROB_IMG}"><i id="img_aprob{ID}" class="{IMG_APROB}"></i></a>
<span id="img{ID}"></span>
<span id="img{ID}"></span>
<a href="{U_DEL}" title="{L_DELETE}" class="basic-button alt" data-confirmation="delete-element"><i class="fa fa-delete"></i></a>
<a href="{U_DEL}" title="{L_DELETE}" class="basic-button alt" data-confirmation="delete-element"><i class="fa fa-delete"></i></a>
# ENDIF #
# ENDIF #
</div>
</div>
</div>
</div>
<div class="link-to-other-pics-container">
<div class="link-to-other-pics-container">
<span class="float-left"> <a href="{U_PREVIOUS}#pics_max" title =""><i class="fa fa-arrow-left fa-2x"></i> ${LangLoader::get_message('previous', 'main')}</a></span>
<span class="float-left"> <a href="{U_PREVIOUS}#pics_max" title =""><i class="fa fa-arrow-left fa-2x"></i> ${LangLoader::get_message('previous', 'main')}</a></span>
<span class="float-right"><a href="{U_NEXT}#pics_max" title="">${LangLoader::get_message('next', 'main')} <i class="fa fa-arrow-right fa-2x"></i></a> </span>
<span class="float-right"><a href="{U_NEXT}#pics_max" title="">${LangLoader::get_message('next', 'main')} <i class="fa fa-arrow-right fa-2x"></i></a> </span>
</div>
</div>
Copy
Copied
Copy
Copied
<br /><br />
<table class="pics-max-thumbnails">
<table class="pics-max-thumbnails">
<thead>
<thead>
<tr>
<tr>
<th colspan="{COLSPAN}">
<th colspan="{COLSPAN}">
{L_THUMBNAILS}
{L_THUMBNAILS}
</th>
</th>
</tr>
</tr>
</thead>
</thead>
<tbody>
<tbody>
<tr>
<tr>
<td>
<td>
<span id="display_left"># IF C_LEFT_THUMBNAILS #<a href="javascript:display_thumbnails('left')"><i class="fa fa-arrow-left fa-2x"></i></a># ENDIF #</span>
<span id="display_left"># IF C_LEFT_THUMBNAILS #<a href="javascript:display_thumbnails('left')"><i class="fa fa-arrow-left fa-2x"></i></a># ENDIF #</span>
</td>
</td>
# START list_preview_pics #
# START list_preview_pics #
<td class="center" style="height:{list_preview_pics.HEIGHT}px"><span id="thumb{list_preview_pics.ID}"><a href="{list_preview_pics.URL}" title="{list_preview_pics.NAME}"><img src="pics/thumbnails/{list_preview_pics.PATH}" alt="{list_preview_pics.NAME}" /></a></span></td>
<td class="center" style="height:{list_preview_pics.HEIGHT}px"><span id="thumb{list_preview_pics.ID}"><a href="{list_preview_pics.URL}" title="{list_preview_pics.NAME}"><img src="pics/thumbnails/{list_preview_pics.PATH}" alt="{list_preview_pics.NAME}" /></a></span></td>
# END list_preview_pics #
# END list_preview_pics #
<td>
<td>
<span id="display_right"># IF C_RIGHT_THUMBNAILS #<a href="javascript:display_thumbnails('right')"><i class="fa fa-arrow-right fa-2x"></i></a># ENDIF #</span>
<span id="display_right"># IF C_RIGHT_THUMBNAILS #<a href="javascript:display_thumbnails('right')"><i class="fa fa-arrow-right fa-2x"></i></a># ENDIF #</span>
</td>
</td>
</tr>
</tr>
</tbody>
</tbody>
</table>
</table>
{COMMENTS}
{COMMENTS}
# ENDIF #
# ENDIF #
<table class="table-pics">
<table class="table-pics">
Copy
Copied
Copy
Copied
Text moved to lines 468-476
# IF C_PAGINATION #
<tfoot>
<tr>
<td colspan="{COLUMNS_NUMBER}">
# INCLUDE PAGINATION #
</td>
</tr>
</tfoot>
# ENDIF #
<tbody>
<tbody>
# START pics_list #
# START pics_list #
# IF pics_list.C_OPEN_TR #<tr># ENDIF #
# IF pics_list.C_OPEN_TR #<tr># ENDIF #
<td class="valign-bottom# IF pics_list.C_NEW_CONTENT # new-content# ENDIF #" style="width:{COLUMN_WIDTH_PICS}%;">
<td class="valign-bottom# IF pics_list.C_NEW_CONTENT # new-content# ENDIF #" style="width:{COLUMN_WIDTH_PICS}%;">
<div id="pics{pics_list.ID}" class="thumbnails-list-container">
<div id="pics{pics_list.ID}" class="thumbnails-list-container">
Copy
Copied
Copy
Copied
<a class="small" href="{pics_list.U_DISPLAY}" title="{pics_list.NAME}" onclick="{pics_list.ONCLICK}" # IF NOT pics_list.ONCLICK # data-lightbox="formatter"# ENDIF #><img src="{pics_list.U_PICTURE}" alt="
" class="gallery-img" /></a>
<a class="small" href="{pics_list.U_DISPLAY}" title="{pics_list.NAME}" onclick="{pics_list.ONCLICK}" # IF NOT pics_list.ONCLICK # data-lightbox="formatter"# ENDIF #><img src="{pics_list.U_PICTURE}" alt="
{pics_list.NAME}" title="{pics_list.NAME}
" class="gallery-img" /></a>
</div>
</div>
<div class="spacer"></div>
<div class="spacer"></div>
Copy
Copied
Copy
Copied
<div class="small
er
">
<div class="small
">
# IF C_PICTURE_NAME_DISPLAYED #
<a class="
small
" href="{pics_list.U_PICTURE_LINK}">
<span id="fi_{pics_list.ID}">{pics_list.NAME}</span>
</a>
# ELSE #
<span
id="fi_{pics_list.ID}"></span>
# ENDIF # <span id="fi{pics_list.ID}"></span>
# IF C_PICTURE_NAME_DISPLAYED #
<a class="
infos-options
" href="{pics_list.U_PICTURE_LINK}">
<span id="fi_{pics_list.ID}">{pics_list.NAME}</span>
</a>
# ELSE #
<span
class="infos-options"
id="fi_{pics_list.ID}"></span>
# ENDIF # <span id="fi{pics_list.ID}"></span>
# IF C_AUTHOR_DISPLAYED #
# IF C_AUTHOR_DISPLAYED #
Copy
Copied
Copy
Copied
<br />
# IF pics_list.C_POSTOR_EXIST #
{L_BY}
# IF pics_list.C_POSTOR_EXIST #
<a class="
small
{pics_list.POSTOR_LEVEL_CLASS}"# IF pics_list.C_POSTOR_GROUP_COLOR # style="color:{pics_list.POSTOR_GROUP_COLOR}"# ENDIF # href="{pics_list.U_POSTOR_PROFILE}">
{pics_list.POSTOR}
</a>
# ELSE #
${LangLoader::get_message('guest', 'main')}
# ENDIF #
<a class="
infos-options
{pics_list.POSTOR_LEVEL_CLASS}"# IF pics_list.C_POSTOR_GROUP_COLOR # style="color:{pics_list.POSTOR_GROUP_COLOR}"# ENDIF # href="{pics_list.U_POSTOR_PROFILE}">
{L_BY}
{pics_list.POSTOR}
</a>
# ELSE #
<span class="infos-options">{L_BY}
${LangLoader::get_message('guest', 'main')}
</span>
# ENDIF #
# ENDIF #
# ENDIF #
# IF C_VIEWS_COUNTER_ENABLED #
# IF C_VIEWS_COUNTER_ENABLED #
Copy
Copied
Copy
Copied
<
br />
<
span class="infos-options">
<span id="gv{pics_list.ID}">{pics_list.VIEWS}</span> <span id="gvl{pics_list.ID}">{pics_list.L_VIEWS}
</span>
</span>
<span id="gv{pics_list.ID}">{pics_list.VIEWS}</span> <span id="gvl{pics_list.ID}">{pics_list.L_VIEWS}
</span>
# ENDIF #
# ENDIF #
# IF C_COMMENTS_ENABLED #
# IF C_COMMENTS_ENABLED #
Copy
Copied
Copy
Copied
<
br />
<
a class="infos-options"
href="{pics_list.U_COMMENTS}">{pics_list.L_COMMENTS}</a>
<a
href="{pics_list.U_COMMENTS}">{pics_list.L_COMMENTS}</a>
# ENDIF #
# ENDIF #
# IF C_NOTATION_ENABLED #
# IF C_NOTATION_ENABLED #
Copy
Copied
Copy
Copied
<
br />
<
span class="infos-options">
{pics_list.KERNEL_NOTATION}
</span>
{pics_list.KERNEL_NOTATION}
# ENDIF #
# ENDIF #
</div>
</div>
<div class="actions-container">
<div class="actions-container">
# IF C_GALLERY_MODO #
# IF C_GALLERY_MODO #
<span id="fihref{pics_list.ID}"><a href="javascript:display_rename_file('{pics_list.ID}', '{pics_list.RENAME}', '{pics_list.RENAME_CUT}');" title="{L_EDIT}" class="fa fa-edit"></a></span>
<span id="fihref{pics_list.ID}"><a href="javascript:display_rename_file('{pics_list.ID}', '{pics_list.RENAME}', '{pics_list.RENAME_CUT}');" title="{L_EDIT}" class="fa fa-edit"></a></span>
<a href="{pics_list.U_DEL}" title="{L_DELETE}" class="fa fa-delete" data-confirmation="delete-element"></a>
<a href="{pics_list.U_DEL}" title="{L_DELETE}" class="fa fa-delete" data-confirmation="delete-element"></a>
<div id="move{pics_list.ID}" class="move-pics-container">
<div id="move{pics_list.ID}" class="move-pics-container">
<div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);">
<div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);">
<div>{L_MOVETO} :</div>
<div>{L_MOVETO} :</div>
<select class="valign-middle" name="{pics_list.ID}cat" onchange="document.location = '{pics_list.U_MOVE}">
<select class="valign-middle" name="{pics_list.ID}cat" onchange="document.location = '{pics_list.U_MOVE}">
{pics_list.CAT}
{pics_list.CAT}
</select>
</select>
</div>
</div>
</div>
</div>
<a href="javascript:pics_display_block({pics_list.ID});" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);" class="fa fa-move" title="{L_MOVETO}"></a>
<a href="javascript:pics_display_block({pics_list.ID});" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);" class="fa fa-move" title="{L_MOVETO}"></a>
<a id="img_aprob{pics_list.ID}" href="javascript:pics_aprob({pics_list.ID});" class="# IF pics_list.C_IMG_APROB #fa fa-eye-slash# ELSE #fa fa-eye# ENDIF #" title="{pics_list.L_APROB_IMG}"></a>
<a id="img_aprob{pics_list.ID}" href="javascript:pics_aprob({pics_list.ID});" class="# IF pics_list.C_IMG_APROB #fa fa-eye-slash# ELSE #fa fa-eye# ENDIF #" title="{pics_list.L_APROB_IMG}"></a>
<span id="img{ID}"></span>
<span id="img{ID}"></span>
# ENDIF #
# ENDIF #
<span id="img{pics_list.ID}"></span>
<span id="img{pics_list.ID}"></span>
</div>
</div>
</td>
</td>
# IF pics_list.C_CLOSE_TR #</tr># ENDIF #
# IF pics_list.C_CLOSE_TR #</tr># ENDIF #
# END pics_list #
# END pics_list #
# START end_table #
# START end_table #
<td class="td-end" style="width:{end_table.COLUMN_WIDTH_PICS}%"> </td>
<td class="td-end" style="width:{end_table.COLUMN_WIDTH_PICS}%"> </td>
# IF end_table.C_DISPLAY_TR_END #</tr># ENDIF #
# IF end_table.C_DISPLAY_TR_END #</tr># ENDIF #
# END end_table #
# END end_table #
</tbody>
</tbody>
Copy
Copied
Copy
Copied
Text moved from lines 393-401
# IF C_PAGINATION #
<tfoot>
<tr>
<td colspan="{COLUMNS_NUMBER}">
# INCLUDE PAGINATION #
</td>
</tr>
</tfoot>
# ENDIF #
</table>
</table>
</div>
</div>
<footer></footer>
<footer></footer>
</article>
</article>
# ENDIF #
# ENDIF #
<p class="nbr-total-pics smaller">{L_TOTAL_IMG}</p>
<p class="nbr-total-pics smaller">{L_TOTAL_IMG}</p>
</div>
</div>
<footer>
<footer>
</footer>
</footer>
</section>
</section>
Saved diffs
Original text
Open file
<script> <!-- var pics_displayed = 0; function display_pics(id, path) { if( 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) { 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) ) { document.getElementById('fi_' + id).style.display = 'none'; document.getElementById('fi' + id).style.display = 'inline'; document.getElementById('fi' + id).innerHTML = '<input type="text" name="fiinput' + id + '" id="fiinput' + id + '" value="' + previous_name.replace(/\"/g, """) + '" onblur="rename_file(\'' + id + '\', \'' + previous_cut_name.replace(/\'/g, "\\\'").replace(/\"/g, """) + '\');">'; document.getElementById('fiinput' + id).focus(); } } function rename_file(id_file, previous_cut_name) { var name = document.getElementById("fiinput" + id_file).value; var regex = /\/|\\|\||\?|<|>/; 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('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}'; } 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' ) document.getElementById('img' + id_file).innerHTML = ''; } xmlhttprequest_sender(xhr_object, data); } var delay = 2000; //Délai après lequel le bloc est automatiquement masqué après le départ de la souris. var 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 j = 0; for(var i = 0; i <= {NBR_PICS}; 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] ) { document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_left]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_left]['path'] + '" alt="' + array_pics[key_left]['path'] + '" /></a>'; j++; } else if( direction == 'right' && array_pics[key_right] ) { document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_right]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_right]['path'] + '" alt="' + array_pics[key_right]['path'] + '" /></a>'; j++; } } } } //incrément le nombre de vues d'une image. var already_view = false; var incr_pics_displayed = 0; function increment_view(idpics) { if ('{DISPLAY_MODE}' == 'resize' && incr_pics_displayed == idpics) incr_pics_displayed = 0; else { if (document.getElementById('gv' + idpics)) { 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'); 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> # 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"> <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> <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="spacer"></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> <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}%"> </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>
Changed text
Open file
<script> <!-- var pics_displayed = 0; function display_pics(id, path) { if( 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) { 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) ) { document.getElementById('fi_' + id).style.display = 'none'; document.getElementById('fi' + id).style.display = 'inline'; document.getElementById('fi' + id).innerHTML = '<input type="text" name="fiinput' + id + '" id="fiinput' + id + '" value="' + previous_name.replace(/\"/g, """) + '" onblur="rename_file(\'' + id + '\', \'' + previous_cut_name.replace(/\'/g, "\\\'").replace(/\"/g, """) + '\');">'; document.getElementById('fiinput' + id).focus(); } } function rename_file(id_file, previous_cut_name) { var name = document.getElementById("fiinput" + id_file).value; var regex = /\/|\\|\||\?|<|>/; 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('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}'; } 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' ) document.getElementById('img' + id_file).innerHTML = ''; } xmlhttprequest_sender(xhr_object, data); } var delay = 2000; //Délai après lequel le bloc est automatiquement masqué après le départ de la souris. var 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 j = 0; for(var i = 0; i <= {NBR_PICS}; 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] ) { 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>'; j++; } else if( direction == 'right' && array_pics[key_right] ) { document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_right]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_right]['path'] + '" alt="' + array_pics[key_right]['path'] + '" title="' + array_pics[key_right]['path'] + '" /></a>'; j++; } } } } //incrément le nombre de vues d'une image. var already_view = false; var incr_pics_displayed = 0; function increment_view(idpics) { if ('{DISPLAY_MODE}' == 'resize' && incr_pics_displayed == idpics) incr_pics_displayed = 0; else { if (document.getElementById('gv' + idpics)) { 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'); 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> # 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> <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"> <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> <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"> <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="spacer"></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> <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> <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}%"> </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>
Find difference