Diff
checker
Text
Text
Bilder
Dokumente
Excel
Ordner
Legal
Enterprise
Desktop-App
Preise
Einloggen
Diffchecker Desktop herunterladen
Texte vergleichen
Finde den Unterschied zwischen zwei Textdateien
Werkzeuge
Verlauf
Live-Editor
Gleiches ausblenden
Zeilenumbruch aus
Ansicht
Zweispaltig
Einspaltig
Vergleichsgenauigkeit
Intelligent
Wort
Zeichen
Syntaxhervorhebung
Syntax auswählen
Ignorieren
Text umwandeln
Zur ersten Änderung
Eingabe bearbeiten
Diffchecker Desktop
Der sicherste Weg, Diffchecker zu nutzen. Hol dir die Desktop-App: Deine Diffs verlassen nie deinen Computer!
Desktop holen
Untitled diff
Erstellt
vor 9 Jahren
Diff läuft nie ab
Löschen
Exportieren
Teilen
Erklären
45 Entfernungen
Zeilen
Gesamt
Entfernt
Zeichen
Gesamt
Entfernt
Um diese Funktion weiterhin zu nutzen, aktualisiere auf
Diff
checker
Pro
Preise anzeigen
469 Zeilen
Kopieren
35 Hinzufügungen
Zeilen
Gesamt
Hinzugefügt
Zeichen
Gesamt
Hinzugefügt
Um diese Funktion weiterhin zu nutzen, aktualisiere auf
Diff
checker
Pro
Preise anzeigen
472 Zeilen
Kopieren
<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
{
{
Kopieren
Kopiert
Kopieren
Kopiert
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 = /\/|\\|\||\?|<|>/;
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>';
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');
Kopieren
Kopiert
Kopieren
Kopiert
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;
Kopieren
Kopiert
Kopieren
Kopiert
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, """);
Kopieren
Kopiert
Kopieren
Kopiert
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>';
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');
Kopieren
Kopiert
Kopieren
Kopiert
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' )
Kopieren
Kopiert
Kopieren
Kopiert
{
{
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}';
}
}
Kopieren
Kopiert
Kopieren
Kopiert
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);
}
}
Kopieren
Kopiert
Kopieren
Kopiert
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;
Kopieren
Kopiert
Kopieren
Kopiert
//Affiche le bloc.
//Affiche le bloc.
function pics_display_block(divID)
function pics_display_block(divID)
{
{
if( timeout )
if( timeout )
clearTimeout(timeout);
clearTimeout(timeout);
Kopieren
Kopiert
Kopieren
Kopiert
if( document.getElementById(previous) )
if( document.getElementById(previous) )
{
{
document.getElementById(previous).style.display = 'none';
document.getElementById(previous).style.display = 'none';
started = false
started = false
}
}
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);
}
}
Kopieren
Kopiert
Kopieren
Kopiert
{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;
}
}
Kopieren
Kopiert
Kopieren
Kopiert
var j = 0;
var j = 0;
for(var i = 0; i <= {NBR_PICS}; i++)
for(var i = 0; i <= {NBR_PICS}; i++)
{
{
Kopieren
Kopiert
Kopieren
Kopiert
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] )
Kopieren
Kopiert
Kopieren
Kopiert
{
{
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'] + '" /></a>';
j++;
j++;
}
}
Kopieren
Kopiert
Kopieren
Kopiert
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'] + '" /></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);
}
}
var views = 0;
var views = 0;
views = document.getElementById('gv' + idpics).innerHTML;
views = document.getElementById('gv' + idpics).innerHTML;
views++;
views++;
document.getElementById('gv' + idpics).innerHTML = views;
document.getElementById('gv' + idpics).innerHTML = views;
document.getElementById('gvl' + idpics).innerHTML = (views > 1) ? "{L_VIEWS}" : "{L_VIEW}";
document.getElementById('gvl' + idpics).innerHTML = (views > 1) ? "{L_VIEWS}" : "{L_VIEW}";
already_view = true;
already_view = true;
incr_pics_displayed = idpics;
incr_pics_displayed = idpics;
}
}
}
}
}
}
-->
-->
Kopieren
Kopiert
Kopieren
Kopiert
</script>
</script>
# INCLUDE message_helper #
# INCLUDE message_helper #
<div class="spacer"></div>
<div class="spacer"></div>
Kopieren
Kopiert
Kopieren
Kopiert
<section id="module-gallery">
<section id="module-gallery">
<header>
<header>
<menu id="cssmenu-galleryfilter" class="cssmenu cssmenu-right cssmenu-actionslinks cssmenu-tools">
<menu id="cssmenu-galleryfilter" class="cssmenu cssmenu-right cssmenu-actionslinks cssmenu-tools">
<ul class="level-0 hidden">
<ul class="level-0 hidden">
<li><a class="cssmenu-title"><i class="fa fa-eye"></i> {L_DISPLAY}</a>
<li><a class="cssmenu-title"><i class="fa fa-eye"></i> {L_DISPLAY}</a>
<ul class="level-1">
<ul class="level-1">
<li><a href="{U_BEST_VIEWS}" class="cssmenu-title"><i class="fa fa-eye"></i> {L_BEST_VIEWS}</a></li>
<li><a href="{U_BEST_VIEWS}" class="cssmenu-title"><i class="fa fa-eye"></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"></i> {L_BEST_NOTES}</a></li># ENDIF #
</ul>
</ul>
</li>
</li>
<li><a class="cssmenu-title"><i class="fa fa-sort"></i> {L_ORDER_BY}</a>
<li><a class="cssmenu-title"><i class="fa fa-sort"></i> {L_ORDER_BY}</a>
<ul class="level-1">
<ul class="level-1">
<li><a href="{U_ORDER_BY_NAME}" class="cssmenu-title"><i class="fa fa-tag"></i> {L_NAME}</a></li>
<li><a href="{U_ORDER_BY_NAME}" class="cssmenu-title"><i class="fa fa-tag"></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"></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"></i> {L_VIEWS}</a></li>
Kopieren
Kopiert
Kopieren
Kopiert
# 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_NOTATION_ENABLED #
<li><a href="{U_ORDER_BY_COM}" class="cssmenu-title"><i class="fa fa-comments-o"></i> {L_COM}</a></li>
<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>
</ul>
</li>
</li>
<li><a class="cssmenu-title"><i class="fa fa-sort-alpha-asc"></i> {L_DIRECTION}</a>
<li><a class="cssmenu-title"><i class="fa fa-sort-alpha-asc"></i> {L_DIRECTION}</a>
<ul class="level-1">
<ul class="level-1">
<li><a href="{U_ASC}" class="cssmenu-title"><i class="fa fa-sort-amount-asc"></i> {L_ASC}</a></li>
<li><a href="{U_ASC}" class="cssmenu-title"><i class="fa fa-sort-amount-asc"></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"></i> {L_DESC}</a></li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</menu>
</menu>
<script>
<script>
jQuery("#cssmenu-galleryfilter").menumaker({
jQuery("#cssmenu-galleryfilter").menumaker({
title: "${LangLoader::get_message('sort_options', 'common')}",
title: "${LangLoader::get_message('sort_options', 'common')}",
format: "multitoggle",
format: "multitoggle",
breakpoint: 768
breakpoint: 768
});
});
jQuery(document).ready(function() {
jQuery(document).ready(function() {
jQuery("#cssmenu-galleryfilter ul").removeClass('hidden');
jQuery("#cssmenu-galleryfilter ul").removeClass('hidden');
});
});
</script>
</script>
<h1>
<h1>
<a href="${relative_url(SyndicationUrlBuilder::rss('gallery', CAT_ID))}" class="fa fa-syndication" title="${LangLoader::get_message('syndication', 'common')}"></a>
<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 #
{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>
</h1>
# IF C_CATEGORY_DESCRIPTION #
# IF C_CATEGORY_DESCRIPTION #
<div class="cat-description">
<div class="cat-description">
{CATEGORY_DESCRIPTION}
{CATEGORY_DESCRIPTION}
</div>
</div>
# ENDIF #
# ENDIF #
</header>
</header>
Kopieren
Kopiert
Kopieren
Kopiert
# IF C_SUB_CATEGORIES #
# IF C_SUB_CATEGORIES #
Kopieren
Kopiert
Kopieren
Kopiert
<div class="subcat-container
">
<div class="subcat-container
elements-container# IF C_SEVERAL_CATS_COLUMNS # columns-{COLUMNS_NUMBER}# ENDIF #
">
# START sub_categories_list #
# START sub_categories_list #
Kopieren
Kopiert
Kopieren
Kopiert
<div class="subcat-element
" style="width:{CATS_COLUMNS_WIDTH}%;
">
<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 #<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 />
<br />
<a itemprop="about" href="{sub_categories_list.U_CATEGORY}">{sub_categories_list.CATEGORY_NAME}</a>
<a itemprop="about" href="{sub_categories_list.U_CATEGORY}">{sub_categories_list.CATEGORY_NAME}</a>
<br />
<br />
<span class="small">{sub_categories_list.PICTURES_NUMBER}</span>
<span class="small">{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 #
Kopieren
Kopiert
Kopieren
Kopiert
<div class="content">
<div class="content">
# IF C_GALLERY_PICS #
# IF C_GALLERY_PICS #
<article id="article-gallery-{ID}" class="article-gallery article-several block">
<article id="article-gallery-{ID}" class="article-gallery article-several block">
<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>
Kopieren
Kopiert
Kopieren
Kopiert
# IF C_GALLERY_PICS_MAX #
# IF C_GALLERY_PICS_MAX #
Kopieren
Kopiert
Kopieren
Kopiert
<p class="pics-max"><a href="{U_IMG_MAX}" data-lightbox="formatter"><img src="{U_IMG_MAX}"
alt
="{
CLEARED_
NAME}
" /></a></p>
<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">
<div class="options">
<h6>{L_INFORMATIONS}</h6>
<h6>{L_INFORMATIONS}</h6>
# IF C_TITLE_ENABLED #
# IF C_TITLE_ENABLED #
Kopieren
Kopiert
Kopieren
Kopiert
<span class="text-strong">{L_NAME} : </span><span>
{NAME}
</span><br/>
<span class="text-strong">{L_NAME} : </span><span>
<span id="fi_{ID}">
{NAME}
</span> <span id="fi{ID}"></span>
</span><br/>
# ENDIF #
# ENDIF #
# IF C_AUTHOR_DISPLAYED #
# IF C_AUTHOR_DISPLAYED #
Kopieren
Kopiert
Kopieren
Kopiert
<span class="text-strong">{L_POSTOR} : </span><span>
{POSTOR}
</span><br/>
<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 #
# ENDIF #
# IF C_VIEWS_COUNTER_ENABLED #
# IF C_VIEWS_COUNTER_ENABLED #
<span class="text-strong">{L_VIEWS} : </span><span>{VIEWS}</span><br/>
<span class="text-strong">{L_VIEWS} : </span><span>{VIEWS}</span><br/>
# ENDIF #
# ENDIF #
<span class="text-strong">{L_ADD_ON} : </span><span>{DATE}</span><br/>
<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_DIMENSION} : </span><span>{DIMENSION}</span><br/>
<span class="text-strong">{L_SIZE} : </span><span>{SIZE} {L_KB}</span><br/>
<span class="text-strong">{L_SIZE} : </span><span>{SIZE} {L_KB}</span><br/>
# IF C_COMMENTS_ENABLED #
# IF C_COMMENTS_ENABLED #
<a href="{U_COMMENTS}">{L_COMMENTS}</a><br />
<a href="{U_COMMENTS}">{L_COMMENTS}</a><br />
# ENDIF #
# ENDIF #
<div class="center">
<div class="center">
# IF C_NOTATION_ENABLED #
# IF C_NOTATION_ENABLED #
<div class="text-strong">{KERNEL_NOTATION}</div><br/>
<div class="text-strong">{KERNEL_NOTATION}</div><br/>
# 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>
Kopieren
Kopiert
Kopieren
Kopiert
<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">
Kopieren
Kopiert
Kopieren
Kopiert
<span class="float-left">
{U_PREVIOUS}
</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">
{U_NEXT}
</span>
<span class="float-right">
<a href="
{U_NEXT}
#pics_max" title="">${LangLoader::get_message('next', 'main')} <i class="fa fa-arrow-right fa-2x"></i></a>
</span>
</div>
</div>
<br /><br />
<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>
Kopieren
Kopiert
Kopieren
Kopiert
{U
_LEFT_THUMBNAILS
}
<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>
Kopieren
Kopiert
Kopieren
Kopiert
# START list_preview_pics #
# START list_preview_pics #
Kopieren
Kopiert
Kopieren
Kopiert
{list_preview_pics.
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 #
# END list_preview_pics #
Kopieren
Kopiert
Kopieren
Kopiert
<td>
<td>
Kopieren
Kopiert
Kopieren
Kopiert
{U
_RIGHT_THUMBNAILS
}
<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 #
Kopieren
Kopiert
Kopieren
Kopiert
<table class="table-pics">
<table class="table-pics">
# IF C_PAGINATION #
# IF C_PAGINATION #
<tfoot>
<tfoot>
<tr>
<tr>
<th colspan="{COLUMNS_NUMBER}">
<th colspan="{COLUMNS_NUMBER}">
# INCLUDE PAGINATION #
# INCLUDE PAGINATION #
</th>
</th>
</tr>
</tr>
</foot>
</foot>
# ENDIF #
# 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 #
Kopieren
Kopiert
Kopieren
Kopiert
<td class="valign-bottom
" 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">
Kopieren
Kopiert
Kopieren
Kopiert
<a class="small" href="{pics_list.U_DISPLAY}
" onclick="{pics_list.ONCLICK}" # IF NOT pics_list.ONCLICK # data-lightbox="formatter"# ENDIF #><img src="{pics_list.U_PICTURE}"
title="{pics_list.NAME}"
alt="
{pics_list.NAME}
" 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="
" class="gallery-img" /></a>
</div>
</div>
Kopieren
Kopiert
Kopieren
Kopiert
<div class="spacer"></div>
<div class="spacer"></div>
Kopieren
Kopiert
Kopieren
Kopiert
<div class="smaller">
<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_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 #
# IF C_AUTHOR_DISPLAYED #
<br />
<br />
Kopieren
Kopiert
Kopieren
Kopiert
{pics_list.POSTOR}
{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 #
# ENDIF #
# IF C_VIEWS_COUNTER_ENABLED #
# IF C_VIEWS_COUNTER_ENABLED #
<br />
<br />
<span id="gv{pics_list.ID}">{pics_list.VIEWS}</span> <span id="gvl{pics_list.ID}">{pics_list.L_VIEWS}</span>
<span id="gv{pics_list.ID}">{pics_list.VIEWS}</span> <span id="gvl{pics_list.ID}">{pics_list.L_VIEWS}</span>
# ENDIF #
# ENDIF #
# IF C_COMMENTS_ENABLED #
# IF C_COMMENTS_ENABLED #
<br />
<br />
<a href="{pics_list.U_COMMENTS}">{pics_list.L_COMMENTS}</a>
<a href="{pics_list.U_COMMENTS}">{pics_list.L_COMMENTS}</a>
# ENDIF #
# ENDIF #
# IF C_NOTATION_ENABLED #
# IF C_NOTATION_ENABLED #
<br />
<br />
{pics_list.KERNEL_NOTATION}
{pics_list.KERNEL_NOTATION}
# ENDIF #
# ENDIF #
</div>
</div>
Kopieren
Kopiert
Kopieren
Kopiert
<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>
Kopieren
Kopiert
Kopieren
Kopiert
<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 #
Kopieren
Kopiert
Kopieren
Kopiert
# START end_table #
# START end_table #
Kopieren
Kopiert
Kopieren
Kopiert
{end_table.
TD_END}
<td class="td-end" style="width:
{end_table.
COLUMN_WIDTH_PICS}%"> </td>
{
end_table.
TR_END
}
# IF
end_table.
C_DISPLAY_
TR_END
#</tr># ENDIF #
# END end_table #
# END end_table #
</tbody>
</tbody>
</table>
</table>
</div>
</div>
<footer></footer>
<footer></footer>
</article>
</article>
# ENDIF #
# ENDIF #
Kopieren
Kopiert
Kopieren
Kopiert
<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>
Gespeicherte Diffs
Originaltext
Datei öffnen
<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> <menu 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 # <li><a href="{U_ORDER_BY_COM}" class="cssmenu-title"><i class="fa fa-comments-o"></i> {L_COM}</a></li> </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> </menu> <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"> # START sub_categories_list # <div class="subcat-element" style="width:{CATS_COLUMNS_WIDTH}%;"> <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}" alt="{CLEARED_NAME}" /></a></p> <div class="options"> <h6>{L_INFORMATIONS}</h6> # IF C_TITLE_ENABLED # <span class="text-strong">{L_NAME} : </span><span>{NAME}</span><br/> # ENDIF # # IF C_AUTHOR_DISPLAYED # <span class="text-strong">{L_POSTOR} : </span><span>{POSTOR}</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"> {U_PREVIOUS}</span> <span class="float-right">{U_NEXT} </span> </div> <br /><br /> <table class="pics-max-thumbnails"> <thead> <tr> <th colspan="{COLSPAN}"> {L_THUMBNAILS} </th> </tr> </thead> <tbody> <tr> <td> {U_LEFT_THUMBNAILS} </td> # START list_preview_pics # {list_preview_pics.PICS} # END list_preview_pics # <td> {U_RIGHT_THUMBNAILS} </td> </tr> </tbody> </table> {COMMENTS} # ENDIF # <table class="table-pics"> # IF C_PAGINATION # <tfoot> <tr> <th colspan="{COLUMNS_NUMBER}"> # INCLUDE PAGINATION # </th> </tr> </foot> # ENDIF # <tbody> # START pics_list # # IF pics_list.C_OPEN_TR #<tr># ENDIF # <td class="valign-bottom" style="width:{COLUMN_WIDTH_PICS}%;"> <div id="pics{pics_list.ID}" class="thumbnails-list-container"> <a class="small" href="{pics_list.U_DISPLAY}" onclick="{pics_list.ONCLICK}" # IF NOT pics_list.ONCLICK # data-lightbox="formatter"# ENDIF #><img src="{pics_list.U_PICTURE}" title="{pics_list.NAME}" alt="{pics_list.NAME}" 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 /> {pics_list.POSTOR} # 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 # {end_table.TD_END} {end_table.TR_END} # END end_table # </tbody> </table> </div> <footer></footer> </article> # ENDIF # <p class="nbr-total-pics smaller">{L_TOTAL_IMG}</p> </div> <footer> </footer> </section>
Bearbeitung
Datei öffnen
<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> <menu 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> </menu> <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> <th colspan="{COLUMNS_NUMBER}"> # INCLUDE PAGINATION # </th> </tr> </foot> # 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>
Unterschied finden