Diff Checker

-		<script>
+<script>
-		<!--
+	<!--
-		var pics_displayed = 0;
+	var pics_displayed = 0;
-		function display_pics(id, path)
+	function display_pics(id, path)
+	{
+		if( pics_displayed != id )
 		{
-			if( pics_displayed != id )
+			document.getElementById('pics_max').innerHTML = '<img src="' + path + '" alt="' + path + '" />';
-			{
+			pics_displayed = id;
-				document.getElementById('pics_max').innerHTML = '<img src="' + path + '" alt="' + path + '" />';
-				pics_displayed = id;
-			}
-			else
-			{
-				document.getElementById('pics_max').innerHTML = '';
-				pics_displayed = 0;
-			}
 		}
-		function display_pics_popup(path, width, height)
+		else
 		{
-			width = parseInt(width);
+			document.getElementById('pics_max').innerHTML = '';
-			height = parseInt(height);
+			pics_displayed = 0;
-			if( height == 0 )
-				height = screen.height - 150;
-			if( width == 0 )
-				width = screen.width - 200;
-			window.open(path, '', 'width='+(width+17)+', height='+(height+17)+', location=no, status=no, toolbar=no, scrollbars=1, resizable=yes');
 		}
-		function display_rename_file(id, previous_name, previous_cut_name)
+	}
+	function display_pics_popup(path, width, height)
+	{
+		width = parseInt(width);
+		height = parseInt(height);
+		if( height == 0 )
+			height = screen.height - 150;
+		if( width == 0 )
+			width = screen.width - 200;
+		window.open(path, '', 'width='+(width+17)+', height='+(height+17)+', location=no, status=no, toolbar=no, scrollbars=1, resizable=yes');
+	}
+	function display_rename_file(id, previous_name, previous_cut_name)
+	{
+		if( document.getElementById('fi' + id) )
 		{
-			if( document.getElementById('fi' + id) )
+			document.getElementById('fi_' + id).style.display = 'none';
-			{
+			document.getElementById('fi' + id).style.display = 'inline';
-				document.getElementById('fi_' + id).style.display = 'none';
+			document.getElementById('fi' + id).innerHTML = '<input type="text" name="fiinput' + id + '" id="fiinput' + id + '" value="' + previous_name.replace(/\"/g, "&quot;") + '" onblur="rename_file(\'' + id + '\', \'' + previous_cut_name.replace(/\'/g, "\\\'").replace(/\"/g, "&quot;") + '\');">';
-				document.getElementById('fi' + id).style.display = 'inline';
+			document.getElementById('fiinput' + id).focus();
-				document.getElementById('fi' + id).innerHTML = '<input type="text" name="fiinput' + id + '" id="fiinput' + id + '" value="' + previous_name.replace(/\"/g, "&quot;") + '" onblur="rename_file(\'' + id + '\', \'' + previous_cut_name.replace(/\'/g, "\\\'").replace(/\"/g, "&quot;") + '\');">';
-				document.getElementById('fiinput' + id).focus();
-			}
 		}
-		function rename_file(id_file, previous_cut_name)
+	}
+	function rename_file(id_file, previous_cut_name)
+	{
+		var name = document.getElementById("fiinput" + id_file).value;
+		var regex = /\/|\\|\||\?|<|>/;
+		if( regex.test(name) ) //interdiction des caractères spéciaux dans le nom.
 		{
-			var name = document.getElementById("fiinput" + id_file).value;
+			alert("{L_FILE_FORBIDDEN_CHARS}");
-			var regex = /\/|\\|\||\?|<|>/;
+			document.getElementById('fi_' + id_file).style.display = 'inline';
+			document.getElementById('fi' + id_file).style.display = 'none';
+		}
+		else
+		{
+			document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
-			if( regex.test(name) ) //interdiction des caractères spéciaux dans le nom.
+			data = "id_file=" + id_file + "&name=" + name.replace(/&/g, "%26") + "&previous_name=" + previous_cut_name.replace(/&/g, "%26");
-			{
+			var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&rename_pics=1');
-				alert("{L_FILE_FORBIDDEN_CHARS}");
+			xhr_object.onreadystatechange = function()
-				document.getElementById('fi_' + id_file).style.display = 'inline';
-				document.getElementById('fi' + id_file).style.display = 'none';
-			}
-			else
 			{
-				document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
+				if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '0' )
-				data = "id_file=" + id_file + "&name=" + name.replace(/&/g, "%26") + "&previous_name=" + previous_cut_name.replace(/&/g, "%26");
-				var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&rename_pics=1');
-				xhr_object.onreadystatechange = function()
 				{
-					if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '0' )
+					document.getElementById('fi' + id_file).style.display = 'none';
-					{
+					document.getElementById('fi_' + id_file).style.display = 'inline';
-						document.getElementById('fi' + id_file).style.display = 'none';
+					document.getElementById('fi_' + id_file).innerHTML = xhr_object.responseText;
-						document.getElementById('fi_' + id_file).style.display = 'inline';
-						document.getElementById('fi_' + id_file).innerHTML = xhr_object.responseText;
-						html_protected_name = name.replace(/\'/g, "\\\'").replace(/\"/g, "&quot;");
+					html_protected_name = name.replace(/\'/g, "\\\'").replace(/\"/g, "&quot;");
-						html_protected_name2 = xhr_object.responseText.replace(/\'/g, "\\\'").replace(/\"/g, "&quot;");
+					html_protected_name2 = xhr_object.responseText.replace(/\'/g, "\\\'").replace(/\"/g, "&quot;");
-						document.getElementById('fihref' + id_file).innerHTML = '<a href="javascript:display_rename_file(\'' + id_file + '\', \'' + html_protected_name + '\', \'' + html_protected_name2 + '\');" class="basic-button" title="{L_EDIT}"><i class="fa fa-edit"></i></a>';
+					document.getElementById('fihref' + id_file).innerHTML = '<a href="javascript:display_rename_file(\'' + id_file + '\', \'' + html_protected_name + '\', \'' + html_protected_name2 + '\');" class="basic-button" title="{L_EDIT}"><i class="fa fa-edit"></i></a>';
-						document.getElementById('img' + id_file).innerHTML = '';
+					document.getElementById('img' + id_file).innerHTML = '';
-					}
-					else if( xhr_object.readyState == 4 && xhr_object.responseText == '0' )
-						document.getElementById('img' + id_file).innerHTML = '';
 				}
-				xmlhttprequest_sender(xhr_object, data);
+				else if( xhr_object.readyState == 4 && xhr_object.responseText == '0' )
+					document.getElementById('img' + id_file).innerHTML = '';
 			}
+			xmlhttprequest_sender(xhr_object, data);
 		}
-		function pics_aprob(id_file, aprob)
+	}
+	function pics_aprob(id_file, aprob)
+	{
+		document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
+		data = 'id_file=' + id_file;
+		var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&aprob_pics=1');
+		xhr_object.onreadystatechange = function()
 		{
-			document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
+			if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' )
-			data = 'id_file=' + id_file;
-			var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&aprob_pics=1');
-			xhr_object.onreadystatechange = function()
 			{
-				if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' )
+				var img_aprob, title_aprob;
+				if( xhr_object.responseText == 0 )
 				{
-					var img_aprob, title_aprob;
+					img_aprob = 'fa-eye-slash';
-					if( xhr_object.responseText == 0 )
+					title_aprob = '{L_UNAPROB}';
-					{
+				}
-						img_aprob = 'fa-eye-slash';
+				else
-						title_aprob = '{L_UNAPROB}';
+				{
-					}
+					img_aprob = 'fa-eye';
-					else
+					title_aprob = '{L_APROB}';
-					{
+				}
-						img_aprob = 'fa-eye';
-						title_aprob = '{L_APROB}';
-					}
-					document.getElementById('img' + id_file).innerHTML = '';
+				document.getElementById('img' + id_file).innerHTML = '';
-					if( document.getElementById('img_aprob' + id_file) )
+				if( document.getElementById('img_aprob' + id_file) )
-					{
+				{
-						if(document.getElementById('img_aprob' + id_file).className == "fa fa-eye-slash"){
+					if(document.getElementById('img_aprob' + id_file).className == "fa fa-eye-slash"){
-							document.getElementById('img_aprob' + id_file).className = "fa fa-eye";
+						document.getElementById('img_aprob' + id_file).className = "fa fa-eye";
-						} else {
+					} else {
-							document.getElementById('img_aprob' + id_file).className = "fa fa-eye-slash";
+						document.getElementById('img_aprob' + id_file).className = "fa fa-eye-slash";
-						}
-						document.getElementById('img_aprob' + id_file).title = '' + title_aprob;
-						document.getElementById('img_aprob' + id_file).alt = '' + title_aprob;
 					}
+					document.getElementById('img_aprob' + id_file).title = '' + title_aprob;
+					document.getElementById('img_aprob' + id_file).alt = '' + title_aprob;
 				}
-				else if( xhr_object.readyState == 4 && xhr_object.responseText == '-1' )
-					document.getElementById('img' + id_file).innerHTML = '';
 			}
-			xmlhttprequest_sender(xhr_object, data);
+			else if( xhr_object.readyState == 4 && xhr_object.responseText == '-1' )
+				document.getElementById('img' + id_file).innerHTML = '';
 		}
+		xmlhttprequest_sender(xhr_object, data);
+	}
-		var delay = 2000; //Délai après lequel le bloc est automatiquement masqué après le départ de la souris.
+	var delay = 2000; //Délai après lequel le bloc est automatiquement masqué après le départ de la souris.
-		var timeout;
+	var timeout;
-		var displayed = false;
+	var displayed = false;
-		var previous = '';
+	var previous = '';
-		var started = false;
+	var started = false;
+	//Affiche le bloc.
+	function pics_display_block(divID)
+	{
+		if( timeout )
+			clearTimeout(timeout);
-		//Affiche le bloc.
+		if( document.getElementById(previous) )
-		function pics_display_block(divID)
 		{
-			if( timeout )
+			document.getElementById(previous).style.display = 'none';
-				clearTimeout(timeout);
+			started = false
+		}
-			if( document.getElementById(previous) )
+		if( document.getElementById('move' + divID) )
-			{
-				document.getElementById(previous).style.display = 'none';
-				started = false
-			}
-			if( document.getElementById('move' + divID) )
-			{
-				document.getElementById('move' + divID).style.display = 'block';
-				previous = 'move' + divID;
-				started = true;
-			}
-		}
-		//Cache le bloc.
-		function pics_hide_block(idfield, stop)
 		{
-			if( stop && timeout )
+			document.getElementById('move' + divID).style.display = 'block';
-				clearTimeout(timeout);
+			previous = 'move' + divID;
-			else if( started )
+			started = true;
-				timeout = setTimeout('pics_display_block()', delay);
 		}
+	}
+	//Cache le bloc.
+	function pics_hide_block(idfield, stop)
+	{
+		if( stop && timeout )
+			clearTimeout(timeout);
+		else if( started )
+			timeout = setTimeout('pics_display_block()', delay);
+	}
-		{ARRAY_JS}
+	{ARRAY_JS}
-		var start_thumb = {START_THUMB};
+	var start_thumb = {START_THUMB};
-		//Miniatures défilantes.
+	//Miniatures défilantes.
-		function display_thumbnails(direction)
+	function display_thumbnails(direction)
+	{
+		if( direction == 'left' )
 		{
-			if( direction == 'left' )
+			if( start_thumb > 0 )
 			{
-				if( start_thumb > 0 )
+				start_thumb--;
-				{
+				if( start_thumb == 0 )
-					start_thumb--;
+					document.getElementById('display_left').innerHTML = '';
-					if( start_thumb == 0 )
-						document.getElementById('display_left').innerHTML = '';
-					else
-						document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
-					document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
-				}
 				else
-					return;
+					document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
+				document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
 			}
-			else if( direction == 'right' )
+			else
+				return;
+		}
+		else if( direction == 'right' )
+		{
+			if( start_thumb <= {MAX_START} )
 			{
-				if( start_thumb <= {MAX_START} )
+				start_thumb++;
-				{
+				if( start_thumb == ({MAX_START} + 1) )
-					start_thumb++;
+					document.getElementById('display_right').innerHTML = '';
-					if( start_thumb == ({MAX_START} + 1) )
-						document.getElementById('display_right').innerHTML = '';
-					else
-						document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
-					document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
-				}
 				else
-					return;
+					document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
+				document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
 			}
+			else
+				return;
+		}
-			var j = 0;
+		var j = 0;
-			for(var i = 0; i <= {NBR_PICS}; i++)
+		for(var i = 0; i <= {NBR_PICS}; i++)
+		{
+			if( document.getElementById('thumb' + i) )
 			{
-				if( document.getElementById('thumb' + i) )
+				var key_left = start_thumb + j;
+				var key_right = start_thumb + j;
+				if( direction == 'left' && array_pics[key_left] )
 				{
-					var key_left = start_thumb + j;
+					document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_left]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_left]['path'] + '" alt="' + array_pics[key_left]['path'] + '" title="' + array_pics[key_left]['path'] + '" /></a>';
-					var key_right = start_thumb + j;
+					j++;
-					if( direction == 'left' && array_pics[key_left] )
+				}
-					{
+				else if( direction == 'right' && array_pics[key_right] )
-						document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_left]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_left]['path'] + '" alt="' + array_pics[key_left]['path'] + '" /></a>';
+				{
-						j++;
+					document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_right]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_right]['path'] + '" alt="' + array_pics[key_right]['path'] + '" title="' + array_pics[key_right]['path'] + '" /></a>';
-					}
+					j++;
-					else if( direction == 'right' && array_pics[key_right] )
-					{
-						document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_right]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_right]['path'] + '" alt="' + array_pics[key_right]['path'] + '" /></a>';
-						j++;
-					}
 				}
 			}
 		}
-		//incrément le nombre de vues d'une image.
+	}
-		var already_view = false;
+	//incrément le nombre de vues d'une image.
-		var incr_pics_displayed = 0;
+	var already_view = false;
-		function increment_view(idpics)
+	var incr_pics_displayed = 0;
+	function increment_view(idpics)
+	{
+		if ('{DISPLAY_MODE}' == 'resize' && incr_pics_displayed == idpics)
+			incr_pics_displayed = 0;
+		else
 		{
-			if ('{DISPLAY_MODE}' == 'resize' && incr_pics_displayed == idpics)
+			if (document.getElementById('gv' + idpics))
-				incr_pics_displayed = 0;
-			else
 			{
-				if (document.getElementById('gv' + idpics))
+				if (already_view && ('{DISPLAY_MODE}' == 'full_screen' || '{DISPLAY_MODE}' == 'resize'))
 				{
-					if (already_view && ('{DISPLAY_MODE}' == 'full_screen' || '{DISPLAY_MODE}' == 'resize'))
+					data = '';
-					{
+					var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&id=' + idpics + '&cat={CAT_ID}&increment_view=1');
-						data = '';
+					xmlhttprequest_sender(xhr_object, data);
-						var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&id=' + idpics + '&cat={CAT_ID}&increment_view=1');
+				}
-						xmlhttprequest_sender(xhr_object, data);
-					}
-					var views = 0;
+				var views = 0;
-					views = document.getElementById('gv' + idpics).innerHTML;
+				views = document.getElementById('gv' + idpics).innerHTML;
-					views++;
+				views++;
-					document.getElementById('gv' + idpics).innerHTML = views;
+				document.getElementById('gv' + idpics).innerHTML = views;
-					document.getElementById('gvl' + idpics).innerHTML = (views > 1) ? "{L_VIEWS}" : "{L_VIEW}";
+				document.getElementById('gvl' + idpics).innerHTML = (views > 1) ? "{L_VIEWS}" : "{L_VIEW}";
-					already_view = true;
+				already_view = true;
-					incr_pics_displayed = idpics;
+				incr_pics_displayed = idpics;
-				}
 			}
 		}
-		-->
+	}
-		</script>
+	-->
+</script>
 		# INCLUDE message_helper #
 		<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"></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">
-								<li><a href="{U_BEST_VIEWS}" class="cssmenu-title"><i class="fa fa-eye"></i> {L_BEST_VIEWS}</a></li>
+								<li><a href="{U_BEST_VIEWS}" class="cssmenu-title"><i class="fa fa-eye" aria-hidden="true"></i> {L_BEST_VIEWS}</a></li>
-								# IF C_NOTATION_ENABLED #<li><a href="{U_BEST_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty"></i> {L_BEST_NOTES}</a></li># ENDIF #
+								# IF C_NOTATION_ENABLED #<li><a href="{U_BEST_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty" aria-hidden="true"></i> {L_BEST_NOTES}</a></li># ENDIF #
 							</ul>
 						</li>
-						<li><a class="cssmenu-title"><i class="fa fa-sort"></i> {L_ORDER_BY}</a>
+						<li><a class="cssmenu-title"><i class="fa fa-sort" aria-hidden="true"></i> {L_ORDER_BY}</a>
 							<ul class="level-1">
-								<li><a href="{U_ORDER_BY_NAME}" class="cssmenu-title"><i class="fa fa-tag"></i> {L_NAME}</a></li>
+								<li><a href="{U_ORDER_BY_NAME}" class="cssmenu-title"><i class="fa fa-tag" aria-hidden="true"></i> {L_NAME}</a></li>
-								<li><a href="{U_ORDER_BY_DATE}" class="cssmenu-title"><i class="fa fa-clock-o"></i> {L_DATE}</a></li>
+								<li><a href="{U_ORDER_BY_DATE}" class="cssmenu-title"><i class="fa fa-clock-o" aria-hidden="true"></i> {L_DATE}</a></li>
-								<li><a href="{U_ORDER_BY_VIEWS}" class="cssmenu-title"><i class="fa fa-eye"></i> {L_VIEWS}</a></li>
+								<li><a href="{U_ORDER_BY_VIEWS}" class="cssmenu-title"><i class="fa fa-eye" aria-hidden="true"></i> {L_VIEWS}</a></li>
 								# IF C_NOTATION_ENABLED #
-								<li><a href="{U_ORDER_BY_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty"></i> {L_NOTES}</a></li>
+								<li><a href="{U_ORDER_BY_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty" aria-hidden="true"></i> {L_NOTES}</a></li>
 								# ENDIF #
 								# IF C_COMMENTS_ENABLED #
-								<li><a href="{U_ORDER_BY_COM}" class="cssmenu-title"><i class="fa fa-comments-o"></i> {L_COM}</a></li># ENDIF #
+								<li><a href="{U_ORDER_BY_COM}" class="cssmenu-title"><i class="fa fa-comments-o" aria-hidden="true"></i> {L_COM}</a></li># ENDIF #
 							</ul>
 						</li>
 						<li><a class="cssmenu-title"><i class="fa fa-sort-alpha-asc"></i> {L_DIRECTION}</a>
 							<ul class="level-1">
-								<li><a href="{U_ASC}" class="cssmenu-title"><i class="fa fa-sort-amount-asc"></i> {L_ASC}</a></li>
+								<li><a href="{U_ASC}" class="cssmenu-title"><i class="fa fa-sort-amount-asc" aria-hidden="true"></i> {L_ASC}</a></li>
-								<li><a href="{U_DESC}" class="cssmenu-title"><i class="fa fa-sort-amount-desc"></i> {L_DESC}</a></li>
+								<li><a href="{U_DESC}" class="cssmenu-title"><i class="fa fa-sort-amount-desc" aria-hidden="true"></i> {L_DESC}</a></li>
 							</ul>
 						</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>
+				<div class="spacer"></div>
-					<a href="${relative_url(SyndicationUrlBuilder::rss('gallery', CAT_ID))}" class="fa fa-syndication" title="${LangLoader::get_message('syndication', 'common')}"></a>
+			</div>
-					{GALLERY} # IF IS_ADMIN #<a href="{U_EDIT_CATEGORY}" title="${LangLoader::get_message('edit', 'common')}"><i class="fa fa-edit smaller"></i></a># ENDIF #
-				</h1>
-				# IF C_CATEGORY_DESCRIPTION #
-					<div class="cat-description">
-						{CATEGORY_DESCRIPTION}
-					</div>
-				# ENDIF #
-			</header>
 			# IF C_SUB_CATEGORIES #
 			<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-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>
 				# 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">
+				<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}" 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">
 								<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/>
+									<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="text-strong">{L_POSTOR} : </span><span># IF C_POSTOR_EXIST #<a class="small {POSTOR_LEVEL_CLASS}"# IF C_POSTOR_GROUP_COLOR # style="color:{POSTOR_GROUP_COLOR}"# ENDIF # href="{U_POSTOR_PROFILE}">{POSTOR}</a># ELSE #${LangLoader::get_message('guest', 'main')}# ENDIF #</span><br/>
+									<span class="infos-options"><span class="text-strong">{L_POSTOR} : </span># IF C_POSTOR_EXIST #<a class="small {POSTOR_LEVEL_CLASS}"# IF C_POSTOR_GROUP_COLOR # style="color:{POSTOR_GROUP_COLOR}"# ENDIF # href="{U_POSTOR_PROFILE}">{POSTOR}</a># ELSE #${LangLoader::get_message('guest', 'main')}# ENDIF #</span>
 								# ENDIF #
 								# IF C_VIEWS_COUNTER_ENABLED #
-									<span class="text-strong">{L_VIEWS} : </span><span>{VIEWS}</span><br/>
+									<span class="infos-options"><span class="text-strong">{L_VIEWS} : </span>{VIEWS}</span>
 								# ENDIF #
-								<span class="text-strong">{L_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 #
-									<a href="{U_COMMENTS}">{L_COMMENTS}</a><br />
+									<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><br/>
+										<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">&nbsp;&nbsp;&nbsp;<a href="{U_PREVIOUS}#pics_max" title =""><i class="fa fa-arrow-left fa-2x"></i> ${LangLoader::get_message('previous', 'main')}</a></span>
 								<span class="float-right"><a href="{U_NEXT}#pics_max" title="">${LangLoader::get_message('next', 'main')} <i class="fa fa-arrow-right fa-2x"></i></a>&nbsp;&nbsp;&nbsp;</span>
 							</div>
-							<br /><br />
 							<table class="pics-max-thumbnails">
 								<thead>
 									<tr>
 										<th colspan="{COLSPAN}">
 											{L_THUMBNAILS}
 										</th>
 									</tr>
 								</thead>
 								<tbody>
 									<tr>
 										<td>
 											<span id="display_left"># IF C_LEFT_THUMBNAILS #<a href="javascript:display_thumbnails('left')"><i class="fa fa-arrow-left fa-2x"></i></a># ENDIF #</span>
 										</td>
 										# START list_preview_pics #
 											<td class="center" style="height:{list_preview_pics.HEIGHT}px"><span id="thumb{list_preview_pics.ID}"><a href="{list_preview_pics.URL}" title="{list_preview_pics.NAME}"><img src="pics/thumbnails/{list_preview_pics.PATH}" alt="{list_preview_pics.NAME}" /></a></span></td>
 										# END list_preview_pics #
 										<td>
 											<span id="display_right"># IF C_RIGHT_THUMBNAILS #<a href="javascript:display_thumbnails('right')"><i class="fa fa-arrow-right fa-2x"></i></a># ENDIF #</span>
 										</td>
 									</tr>
 								</tbody>
 							</table>
 							{COMMENTS}
 						# ENDIF #
 						<table class="table-pics">
-							# IF C_PAGINATION #
-							<tfoot>
-								<tr>
-									<td colspan="{COLUMNS_NUMBER}">
-									# INCLUDE PAGINATION #
-									</td>
-								</tr>
-							</tfoot>
-							# ENDIF #
 							<tbody>
 							# START pics_list #
 								# IF pics_list.C_OPEN_TR #<tr># ENDIF #
 								<td class="valign-bottom# IF pics_list.C_NEW_CONTENT # new-content# ENDIF #" style="width:{COLUMN_WIDTH_PICS}%;">
 									<div id="pics{pics_list.ID}" class="thumbnails-list-container">
-										<a class="small" href="{pics_list.U_DISPLAY}" title="{pics_list.NAME}" onclick="{pics_list.ONCLICK}" # IF NOT pics_list.ONCLICK # data-lightbox="formatter"# ENDIF #><img src="{pics_list.U_PICTURE}" alt="" class="gallery-img" /></a>
+										<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="smaller">
+									<div class="small">
-										# IF C_PICTURE_NAME_DISPLAYED #<a class="small" href="{pics_list.U_PICTURE_LINK}"><span id="fi_{pics_list.ID}">{pics_list.NAME}</span></a># ELSE #<span id="fi_{pics_list.ID}"></span># ENDIF # <span id="fi{pics_list.ID}"></span>
+										# IF C_PICTURE_NAME_DISPLAYED #
+											<a class="infos-options" href="{pics_list.U_PICTURE_LINK}">
+												<span id="fi_{pics_list.ID}">{pics_list.NAME}</span>
+											</a>
+										# ELSE #
+											<span class="infos-options" id="fi_{pics_list.ID}"></span>
+										# ENDIF # <span id="fi{pics_list.ID}"></span>
 										# IF C_AUTHOR_DISPLAYED #
-										<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 #
 										# IF C_VIEWS_COUNTER_ENABLED #
-										<br />
+											<span class="infos-options"><span id="gv{pics_list.ID}">{pics_list.VIEWS}</span> <span id="gvl{pics_list.ID}">{pics_list.L_VIEWS}</span></span>
-										<span id="gv{pics_list.ID}">{pics_list.VIEWS}</span> <span id="gvl{pics_list.ID}">{pics_list.L_VIEWS}</span>
 										# ENDIF #
 										# IF C_COMMENTS_ENABLED #
-										<br />
+											<a class="infos-options" href="{pics_list.U_COMMENTS}">{pics_list.L_COMMENTS}</a>
-										<a href="{pics_list.U_COMMENTS}">{pics_list.L_COMMENTS}</a>
 										# ENDIF #
 										# IF C_NOTATION_ENABLED #
-										<br />
+											<span class="infos-options">{pics_list.KERNEL_NOTATION}</span>
-										{pics_list.KERNEL_NOTATION}
 										# ENDIF #
 									</div>
 									<div class="actions-container">
 										# IF C_GALLERY_MODO #
 										<span id="fihref{pics_list.ID}"><a href="javascript:display_rename_file('{pics_list.ID}', '{pics_list.RENAME}', '{pics_list.RENAME_CUT}');" title="{L_EDIT}" class="fa fa-edit"></a></span>
 										<a href="{pics_list.U_DEL}" title="{L_DELETE}" class="fa fa-delete" data-confirmation="delete-element"></a>
 										<div id="move{pics_list.ID}" class="move-pics-container">
 											<div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);">
 												<div>{L_MOVETO} :</div>
 												<select class="valign-middle" name="{pics_list.ID}cat" onchange="document.location = '{pics_list.U_MOVE}">
 													{pics_list.CAT}
 												</select>
 											</div>
 										</div>
 										<a href="javascript:pics_display_block({pics_list.ID});" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);" class="fa fa-move" title="{L_MOVETO}"></a>
 										<a id="img_aprob{pics_list.ID}" href="javascript:pics_aprob({pics_list.ID});" class="# IF pics_list.C_IMG_APROB #fa fa-eye-slash# ELSE #fa fa-eye# ENDIF #" title="{pics_list.L_APROB_IMG}"></a>
 										&nbsp;<span id="img{ID}"></span>
 										# ENDIF #
 										<span id="img{pics_list.ID}"></span>
 									</div>
 								</td>
 								# IF pics_list.C_CLOSE_TR #</tr># ENDIF #
 							# END pics_list #
 							# START end_table #
 								<td class="td-end" style="width:{end_table.COLUMN_WIDTH_PICS}%">&nbsp;</td>
 							# IF end_table.C_DISPLAY_TR_END #</tr># ENDIF #
 							# END end_table #
 							</tbody>
+							# 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>

Editor

Original Text

if( regex.test(name) ) //interdiction des caractères spéciaux dans le nom.
			{
				alert("{L_FILE_FORBIDDEN_CHARS}");
				document.getElementById('fi_' + id_file).style.display = 'inline';
				document.getElementById('fi' + id_file).style.display = 'none';
			}
			else
			{
				document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';

data = "id_file=" + id_file + "&name=" + name.replace(/&/g, "%26") + "&previous_name=" + previous_cut_name.replace(/&/g, "%26");
				var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&rename_pics=1');
				xhr_object.onreadystatechange = function()
				{
					if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '0' )
					{
						document.getElementById('fi' + id_file).style.display = 'none';
						document.getElementById('fi_' + id_file).style.display = 'inline';
						document.getElementById('fi_' + id_file).innerHTML = xhr_object.responseText;

html_protected_name = name.replace(/\'/g, "\\\'").replace(/\"/g, "&quot;");
						html_protected_name2 = xhr_object.responseText.replace(/\'/g, "\\\'").replace(/\"/g, "&quot;");

document.getElementById('fihref' + id_file).innerHTML = '<a href="javascript:display_rename_file(\'' + id_file + '\', \'' + html_protected_name + '\', \'' + html_protected_name2 + '\');" class="basic-button" title="{L_EDIT}"><i class="fa fa-edit"></i></a>';
						document.getElementById('img' + id_file).innerHTML = '';
					}
					else if( xhr_object.readyState == 4 && xhr_object.responseText == '0' )
						document.getElementById('img' + id_file).innerHTML = '';
				}
				xmlhttprequest_sender(xhr_object, data);
			}
		}
		function pics_aprob(id_file, aprob)
		{
			document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';

data = 'id_file=' + id_file;
			var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&aprob_pics=1');
			xhr_object.onreadystatechange = function()
			{
				if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' )
				{
					var img_aprob, title_aprob;
					if( xhr_object.responseText == 0 )
					{
						img_aprob = 'fa-eye-slash';
						title_aprob = '{L_UNAPROB}';
					}
					else
					{
						img_aprob = 'fa-eye';
						title_aprob = '{L_APROB}';
					}

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

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

if( document.getElementById(previous) )
			{
				document.getElementById(previous).style.display = 'none';
				started = false
			}

if( document.getElementById('move' + divID) )
			{
				document.getElementById('move' + divID).style.display = 'block';
				previous = 'move' + divID;
				started = true;
			}
		}
		//Cache le bloc.
		function pics_hide_block(idfield, stop)
		{
			if( stop && timeout )
				clearTimeout(timeout);
			else if( started )
				timeout = setTimeout('pics_display_block()', delay);
		}

{ARRAY_JS}
		var start_thumb = {START_THUMB};
		//Miniatures défilantes.
		function display_thumbnails(direction)
		{
			if( direction == 'left' )
			{
				if( start_thumb > 0 )
				{
					start_thumb--;
					if( start_thumb == 0 )
						document.getElementById('display_left').innerHTML = '';
					else
						document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
					document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
				}
				else
					return;
			}
			else if( direction == 'right' )
			{
				if( start_thumb <= {MAX_START} )
				{
					start_thumb++;
					if( start_thumb == ({MAX_START} + 1) )
						document.getElementById('display_right').innerHTML = '';
					else
						document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
					document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
				}
				else
					return;
			}

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

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

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

<section id="module-gallery">
			<header>
				<nav id="cssmenu-galleryfilter" class="cssmenu cssmenu-right cssmenu-actionslinks cssmenu-tools">
					<ul class="level-0 hidden">
						<li><a class="cssmenu-title"><i class="fa fa-eye"></i> {L_DISPLAY}</a>
							<ul class="level-1">
								<li><a href="{U_BEST_VIEWS}" class="cssmenu-title"><i class="fa fa-eye"></i> {L_BEST_VIEWS}</a></li>
								# IF C_NOTATION_ENABLED #<li><a href="{U_BEST_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty"></i> {L_BEST_NOTES}</a></li># ENDIF #
							</ul>
						</li>
						<li><a class="cssmenu-title"><i class="fa fa-sort"></i> {L_ORDER_BY}</a>
							<ul class="level-1">
								<li><a href="{U_ORDER_BY_NAME}" class="cssmenu-title"><i class="fa fa-tag"></i> {L_NAME}</a></li>
								<li><a href="{U_ORDER_BY_DATE}" class="cssmenu-title"><i class="fa fa-clock-o"></i> {L_DATE}</a></li>
								<li><a href="{U_ORDER_BY_VIEWS}" class="cssmenu-title"><i class="fa fa-eye"></i> {L_VIEWS}</a></li>
								# IF C_NOTATION_ENABLED #
								<li><a href="{U_ORDER_BY_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty"></i> {L_NOTES}</a></li>
								# ENDIF #
								# IF C_COMMENTS_ENABLED #
								<li><a href="{U_ORDER_BY_COM}" class="cssmenu-title"><i class="fa fa-comments-o"></i> {L_COM}</a></li># ENDIF #
							</ul>
						</li>
						<li><a class="cssmenu-title"><i class="fa fa-sort-alpha-asc"></i> {L_DIRECTION}</a>
							<ul class="level-1">
								<li><a href="{U_ASC}" class="cssmenu-title"><i class="fa fa-sort-amount-asc"></i> {L_ASC}</a></li>
								<li><a href="{U_DESC}" class="cssmenu-title"><i class="fa fa-sort-amount-desc"></i> {L_DESC}</a></li>
							</ul>
						</li>
					</ul>
				</nav>
				<script>
					jQuery("#cssmenu-galleryfilter").menumaker({
						title: "${LangLoader::get_message('sort_options', 'common')}",
						format: "multitoggle",
						breakpoint: 768
					});
					jQuery(document).ready(function() {
						jQuery("#cssmenu-galleryfilter ul").removeClass('hidden');
					});
				</script>
				<h1>
					<a href="${relative_url(SyndicationUrlBuilder::rss('gallery', CAT_ID))}" class="fa fa-syndication" title="${LangLoader::get_message('syndication', 'common')}"></a>
					{GALLERY} # IF IS_ADMIN #<a href="{U_EDIT_CATEGORY}" title="${LangLoader::get_message('edit', 'common')}"><i class="fa fa-edit smaller"></i></a># ENDIF #
				</h1>

# IF C_CATEGORY_DESCRIPTION #
					<div class="cat-description">
						{CATEGORY_DESCRIPTION}
					</div>
				# ENDIF #
			</header>

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

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

# IF C_GALLERY_PICS_MAX #
							<p class="pics-max"><a href="{U_IMG_MAX}" data-lightbox="formatter"><img src="{U_IMG_MAX}" title="{NAME}" alt="" /></a></p>
							<div class="options">
								<h6>{L_INFORMATIONS}</h6>
								# IF C_TITLE_ENABLED #
									<span class="text-strong">{L_NAME} : </span><span><span id="fi_{ID}">{NAME}</span> <span id="fi{ID}"></span></span><br/>
								# ENDIF #
								# IF C_AUTHOR_DISPLAYED #
									<span class="text-strong">{L_POSTOR} : </span><span># IF C_POSTOR_EXIST #<a class="small {POSTOR_LEVEL_CLASS}"# IF C_POSTOR_GROUP_COLOR # style="color:{POSTOR_GROUP_COLOR}"# ENDIF # href="{U_POSTOR_PROFILE}">{POSTOR}</a># ELSE #${LangLoader::get_message('guest', 'main')}# ENDIF #</span><br/>
								# ENDIF #
								# IF C_VIEWS_COUNTER_ENABLED #
									<span class="text-strong">{L_VIEWS} : </span><span>{VIEWS}</span><br/>
								# ENDIF #
								<span class="text-strong">{L_ADD_ON} : </span><span>{DATE}</span><br/>
								<span class="text-strong">{L_DIMENSION} : </span><span>{DIMENSION}</span><br/>
								<span class="text-strong">{L_SIZE} : </span><span>{SIZE} {L_KB}</span><br/>
								# IF C_COMMENTS_ENABLED #
									<a href="{U_COMMENTS}">{L_COMMENTS}</a><br />
								# ENDIF #
								<div class="center">
									# IF C_NOTATION_ENABLED #
										<div class="text-strong">{KERNEL_NOTATION}</div><br/>
									# ENDIF #
									# IF C_GALLERY_PICS_MODO #
									<span id="fihref{ID}"><a href="javascript:display_rename_file('{ID}', '{RENAME}', '{RENAME_CUT}');" class="basic-button" title="{L_EDIT}"><i class="fa fa-edit"></i></a></span>

<div id="move{ID}" class="move-pics-container">
										<div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);">
											<div>{L_MOVETO} :</div>
											<select class="valign-middle" name="{ID}cat" onchange="document.location = '{U_MOVE}">
												{CAT}
											</select>
										</div>
									</div>
									<a href="javascript:pics_display_block({ID});" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);" class="basic-button" title="{L_MOVETO}"><i class="fa fa-move"></i></a>

<a href="javascript:pics_aprob({ID});" class="basic-button" title="{L_APROB_IMG}"><i id="img_aprob{ID}" class="{IMG_APROB}"></i></a>
									<span id="img{ID}"></span>
									<a href="{U_DEL}" title="{L_DELETE}" class="basic-button alt" data-confirmation="delete-element"><i class="fa fa-delete"></i></a>
									# ENDIF #
								</div>
							</div>
							<div class="link-to-other-pics-container">
								<span class="float-left">&nbsp;&nbsp;&nbsp;<a href="{U_PREVIOUS}#pics_max" title =""><i class="fa fa-arrow-left fa-2x"></i> ${LangLoader::get_message('previous', 'main')}</a></span>
								<span class="float-right"><a href="{U_NEXT}#pics_max" title="">${LangLoader::get_message('next', 'main')} <i class="fa fa-arrow-right fa-2x"></i></a>&nbsp;&nbsp;&nbsp;</span>
							</div>
							<br /><br />
							<table class="pics-max-thumbnails">
								<thead>
									<tr>
										<th colspan="{COLSPAN}">
											{L_THUMBNAILS}
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											<span id="display_left"># IF C_LEFT_THUMBNAILS #<a href="javascript:display_thumbnails('left')"><i class="fa fa-arrow-left fa-2x"></i></a># ENDIF #</span>
										</td>

# START list_preview_pics #
											<td class="center" style="height:{list_preview_pics.HEIGHT}px"><span id="thumb{list_preview_pics.ID}"><a href="{list_preview_pics.URL}" title="{list_preview_pics.NAME}"><img src="pics/thumbnails/{list_preview_pics.PATH}" alt="{list_preview_pics.NAME}" /></a></span></td>
										# END list_preview_pics #

<td>
											<span id="display_right"># IF C_RIGHT_THUMBNAILS #<a href="javascript:display_thumbnails('right')"><i class="fa fa-arrow-right fa-2x"></i></a># ENDIF #</span>
										</td>
									</tr>
								</tbody>
							</table>
							{COMMENTS}
						# ENDIF #

<table class="table-pics">
							# IF C_PAGINATION #
							<tfoot>
								<tr>
									<td colspan="{COLUMNS_NUMBER}">
									# INCLUDE PAGINATION #
									</td>
								</tr>
							</tfoot>
							# ENDIF #
							<tbody>
							# START pics_list #
								# IF pics_list.C_OPEN_TR #<tr># ENDIF #
								<td class="valign-bottom# IF pics_list.C_NEW_CONTENT # new-content# ENDIF #" style="width:{COLUMN_WIDTH_PICS}%;">
									<div id="pics{pics_list.ID}" class="thumbnails-list-container">
										<a class="small" href="{pics_list.U_DISPLAY}" title="{pics_list.NAME}" onclick="{pics_list.ONCLICK}" # IF NOT pics_list.ONCLICK # data-lightbox="formatter"# ENDIF #><img src="{pics_list.U_PICTURE}" alt="" class="gallery-img" /></a>
									</div>

<div class="smaller">
										# IF C_PICTURE_NAME_DISPLAYED #<a class="small" href="{pics_list.U_PICTURE_LINK}"><span id="fi_{pics_list.ID}">{pics_list.NAME}</span></a># ELSE #<span id="fi_{pics_list.ID}"></span># ENDIF # <span id="fi{pics_list.ID}"></span>
										# IF C_AUTHOR_DISPLAYED #
										<br />
										{L_BY} # IF pics_list.C_POSTOR_EXIST #<a class="small {pics_list.POSTOR_LEVEL_CLASS}"# IF pics_list.C_POSTOR_GROUP_COLOR # style="color:{pics_list.POSTOR_GROUP_COLOR}"# ENDIF # href="{pics_list.U_POSTOR_PROFILE}">{pics_list.POSTOR}</a># ELSE #${LangLoader::get_message('guest', 'main')}# ENDIF #
										# ENDIF #
										# IF C_VIEWS_COUNTER_ENABLED #
										<br />
										<span id="gv{pics_list.ID}">{pics_list.VIEWS}</span> <span id="gvl{pics_list.ID}">{pics_list.L_VIEWS}</span>
										# ENDIF #
										# IF C_COMMENTS_ENABLED #
										<br />
										<a href="{pics_list.U_COMMENTS}">{pics_list.L_COMMENTS}</a>
										# ENDIF #
										# IF C_NOTATION_ENABLED #
										<br />
										{pics_list.KERNEL_NOTATION}
										# ENDIF #
									</div>

<div class="actions-container">
										# IF C_GALLERY_MODO #
										<span id="fihref{pics_list.ID}"><a href="javascript:display_rename_file('{pics_list.ID}', '{pics_list.RENAME}', '{pics_list.RENAME_CUT}');" title="{L_EDIT}" class="fa fa-edit"></a></span>
										<a href="{pics_list.U_DEL}" title="{L_DELETE}" class="fa fa-delete" data-confirmation="delete-element"></a>
										<div id="move{pics_list.ID}" class="move-pics-container">
											<div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);">
												<div>{L_MOVETO} :</div>
												<select class="valign-middle" name="{pics_list.ID}cat" onchange="document.location = '{pics_list.U_MOVE}">
													{pics_list.CAT}
												</select>
											</div>
										</div>
										<a href="javascript:pics_display_block({pics_list.ID});" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);" class="fa fa-move" title="{L_MOVETO}"></a>

<a id="img_aprob{pics_list.ID}" href="javascript:pics_aprob({pics_list.ID});" class="# IF pics_list.C_IMG_APROB #fa fa-eye-slash# ELSE #fa fa-eye# ENDIF #" title="{pics_list.L_APROB_IMG}"></a>
										&nbsp;<span id="img{ID}"></span>
										# ENDIF #
										<span id="img{pics_list.ID}"></span>
									</div>
								</td>
								# IF pics_list.C_CLOSE_TR #</tr># ENDIF #
							# END pics_list #

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

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

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

Changed Text

if( regex.test(name) ) //interdiction des caractères spéciaux dans le nom.
		{
			alert("{L_FILE_FORBIDDEN_CHARS}");
			document.getElementById('fi_' + id_file).style.display = 'inline';
			document.getElementById('fi' + id_file).style.display = 'none';
		}
		else
		{
			document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';

data = "id_file=" + id_file + "&name=" + name.replace(/&/g, "%26") + "&previous_name=" + previous_cut_name.replace(/&/g, "%26");
			var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&rename_pics=1');
			xhr_object.onreadystatechange = function()
			{
				if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '0' )
				{
					document.getElementById('fi' + id_file).style.display = 'none';
					document.getElementById('fi_' + id_file).style.display = 'inline';
					document.getElementById('fi_' + id_file).innerHTML = xhr_object.responseText;

html_protected_name = name.replace(/\'/g, "\\\'").replace(/\"/g, "&quot;");
					html_protected_name2 = xhr_object.responseText.replace(/\'/g, "\\\'").replace(/\"/g, "&quot;");

document.getElementById('fihref' + id_file).innerHTML = '<a href="javascript:display_rename_file(\'' + id_file + '\', \'' + html_protected_name + '\', \'' + html_protected_name2 + '\');" class="basic-button" title="{L_EDIT}"><i class="fa fa-edit"></i></a>';
					document.getElementById('img' + id_file).innerHTML = '';
				}
				else if( xhr_object.readyState == 4 && xhr_object.responseText == '0' )
					document.getElementById('img' + id_file).innerHTML = '';
			}
			xmlhttprequest_sender(xhr_object, data);
		}
	}
	function pics_aprob(id_file, aprob)
	{
		document.getElementById('img' + id_file).innerHTML = '<i class="fa fa-spinner fa-spin"></i>';

data = 'id_file=' + id_file;
		var xhr_object = xmlhttprequest_init('{PATH_TO_ROOT}/gallery/xmlhttprequest.php?token={TOKEN}&aprob_pics=1');
		xhr_object.onreadystatechange = function()
		{
			if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' )
			{
				var img_aprob, title_aprob;
				if( xhr_object.responseText == 0 )
				{
					img_aprob = 'fa-eye-slash';
					title_aprob = '{L_UNAPROB}';
				}
				else
				{
					img_aprob = 'fa-eye';
					title_aprob = '{L_APROB}';
				}

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

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

if( document.getElementById(previous) )
		{
			document.getElementById(previous).style.display = 'none';
			started = false
		}

if( document.getElementById('move' + divID) )
		{
			document.getElementById('move' + divID).style.display = 'block';
			previous = 'move' + divID;
			started = true;
		}
	}
	//Cache le bloc.
	function pics_hide_block(idfield, stop)
	{
		if( stop && timeout )
			clearTimeout(timeout);
		else if( started )
			timeout = setTimeout('pics_display_block()', delay);
	}

{ARRAY_JS}
	var start_thumb = {START_THUMB};
	//Miniatures défilantes.
	function display_thumbnails(direction)
	{
		if( direction == 'left' )
		{
			if( start_thumb > 0 )
			{
				start_thumb--;
				if( start_thumb == 0 )
					document.getElementById('display_left').innerHTML = '';
				else
					document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
				document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
			}
			else
				return;
		}
		else if( direction == 'right' )
		{
			if( start_thumb <= {MAX_START} )
			{
				start_thumb++;
				if( start_thumb == ({MAX_START} + 1) )
					document.getElementById('display_right').innerHTML = '';
				else
					document.getElementById('display_right').innerHTML = '<a href="javascript:display_thumbnails(\'right\')"><i class="fa fa-arrow-right fa-2x"></i></a>';
				document.getElementById('display_left').innerHTML = '<a href="javascript:display_thumbnails(\'left\')"><i class="fa fa-arrow-left fa-2x"></i></a>';
			}
			else
				return;
		}

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

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

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

<section id="module-gallery">
			<header>
				<div class="cat-actions">
					<a href="${relative_url(SyndicationUrlBuilder::rss('gallery', CAT_ID))}" class="fa fa-syndication" title="${LangLoader::get_message('syndication', 'common')}"></a>
					# IF IS_ADMIN #<a href="{U_EDIT_CATEGORY}" aria-label="${LangLoader::get_message('edit', 'common')}"><i class="fa fa-edit" aria-hidden="true" title="${LangLoader::get_message('edit', 'common')}"></i></a>
				</div>
				<h1>
					{GALLERY} # ENDIF #
				</h1>
			</header>

# IF C_CATEGORY_DESCRIPTION #
				<div class="cat-description">
					{CATEGORY_DESCRIPTION}
				</div>
			# ENDIF #

<div class="gallery-tools-container">
				<nav id="cssmenu-galleryfilter" class="cssmenu cssmenu-right cssmenu-actionslinks cssmenu-tools">
					<ul class="level-0 hidden">
						<li><a class="cssmenu-title"><i class="fa fa-eye" aria-hidden="true"></i> {L_DISPLAY}</a>
							<ul class="level-1">
								<li><a href="{U_BEST_VIEWS}" class="cssmenu-title"><i class="fa fa-eye" aria-hidden="true"></i> {L_BEST_VIEWS}</a></li>
								# IF C_NOTATION_ENABLED #<li><a href="{U_BEST_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty" aria-hidden="true"></i> {L_BEST_NOTES}</a></li># ENDIF #
							</ul>
						</li>
						<li><a class="cssmenu-title"><i class="fa fa-sort" aria-hidden="true"></i> {L_ORDER_BY}</a>
							<ul class="level-1">
								<li><a href="{U_ORDER_BY_NAME}" class="cssmenu-title"><i class="fa fa-tag" aria-hidden="true"></i> {L_NAME}</a></li>
								<li><a href="{U_ORDER_BY_DATE}" class="cssmenu-title"><i class="fa fa-clock-o" aria-hidden="true"></i> {L_DATE}</a></li>
								<li><a href="{U_ORDER_BY_VIEWS}" class="cssmenu-title"><i class="fa fa-eye" aria-hidden="true"></i> {L_VIEWS}</a></li>
								# IF C_NOTATION_ENABLED #
								<li><a href="{U_ORDER_BY_NOTES}" class="cssmenu-title"><i class="fa fa-star-half-empty" aria-hidden="true"></i> {L_NOTES}</a></li>
								# ENDIF #
								# IF C_COMMENTS_ENABLED #
								<li><a href="{U_ORDER_BY_COM}" class="cssmenu-title"><i class="fa fa-comments-o" aria-hidden="true"></i> {L_COM}</a></li># ENDIF #
							</ul>
						</li>
						<li><a class="cssmenu-title"><i class="fa fa-sort-alpha-asc"></i> {L_DIRECTION}</a>
							<ul class="level-1">
								<li><a href="{U_ASC}" class="cssmenu-title"><i class="fa fa-sort-amount-asc" aria-hidden="true"></i> {L_ASC}</a></li>
								<li><a href="{U_DESC}" class="cssmenu-title"><i class="fa fa-sort-amount-desc" aria-hidden="true"></i> {L_DESC}</a></li>
							</ul>
						</li>
					</ul>
				</nav>
				<script>
					jQuery("#cssmenu-galleryfilter").menumaker({
						title: "${LangLoader::get_message('sort_options', 'common')}",
						format: "multitoggle",
						breakpoint: 768
					});
					jQuery(document).ready(function() {
						jQuery("#cssmenu-galleryfilter ul").removeClass('hidden');
					});
				</script>
				<div class="spacer"></div>
			</div>

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

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

# IF C_GALLERY_PICS_MAX #
							<p class="pics-max"><a href="{U_IMG_MAX}" data-lightbox="formatter"><img src="{U_IMG_MAX}" alt="{NAME}" /></a></p>
							<div class="options">
								<h6>{L_INFORMATIONS}</h6>
								# IF C_TITLE_ENABLED #
									<span class="infos-options"><span class="text-strong">{L_NAME} : </span><span id="fi_{ID}">{NAME}</span> <span id="fi{ID}"></span></span>
								# ENDIF #
								# IF C_AUTHOR_DISPLAYED #
									<span class="infos-options"><span class="text-strong">{L_POSTOR} : </span># IF C_POSTOR_EXIST #<a class="small {POSTOR_LEVEL_CLASS}"# IF C_POSTOR_GROUP_COLOR # style="color:{POSTOR_GROUP_COLOR}"# ENDIF # href="{U_POSTOR_PROFILE}">{POSTOR}</a># ELSE #${LangLoader::get_message('guest', 'main')}# ENDIF #</span>
								# ENDIF #
								# IF C_VIEWS_COUNTER_ENABLED #
									<span class="infos-options"><span class="text-strong">{L_VIEWS} : </span>{VIEWS}</span>
								# ENDIF #
								<span class="infos-options"><span class="text-strong">{L_ADD_ON} : </span>{DATE}</span>
								<span class="infos-options"><span class="text-strong">{L_DIMENSION} : </span>{DIMENSION}</span>
								<span class="infos-options"><span class="text-strong">{L_SIZE} : </span>{SIZE} {L_KB}</span>
								# IF C_COMMENTS_ENABLED #
									<a class="infos-options" href="{U_COMMENTS}">{L_COMMENTS}</a>
								# ENDIF #
								<div class="center">
									# IF C_NOTATION_ENABLED #
										<div class="text-strong">{KERNEL_NOTATION}</div>
									# ENDIF #
									# IF C_GALLERY_PICS_MODO #
									<span id="fihref{ID}"><a href="javascript:display_rename_file('{ID}', '{RENAME}', '{RENAME_CUT}');" class="basic-button" title="{L_EDIT}"><i class="fa fa-edit"></i></a></span>

<a href="javascript:pics_aprob({ID});" class="basic-button" title="{L_APROB_IMG}"><i id="img_aprob{ID}" class="{IMG_APROB}"></i></a>
									<span id="img{ID}"></span>
									<a href="{U_DEL}" title="{L_DELETE}" class="basic-button alt" data-confirmation="delete-element"><i class="fa fa-delete"></i></a>
									# ENDIF #
								</div>
							</div>
							<div class="link-to-other-pics-container">
								<span class="float-left">&nbsp;&nbsp;&nbsp;<a href="{U_PREVIOUS}#pics_max" title =""><i class="fa fa-arrow-left fa-2x"></i> ${LangLoader::get_message('previous', 'main')}</a></span>
								<span class="float-right"><a href="{U_NEXT}#pics_max" title="">${LangLoader::get_message('next', 'main')} <i class="fa fa-arrow-right fa-2x"></i></a>&nbsp;&nbsp;&nbsp;</span>
							</div>
							<table class="pics-max-thumbnails">
								<thead>
									<tr>
										<th colspan="{COLSPAN}">
											{L_THUMBNAILS}
										</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											<span id="display_left"># IF C_LEFT_THUMBNAILS #<a href="javascript:display_thumbnails('left')"><i class="fa fa-arrow-left fa-2x"></i></a># ENDIF #</span>
										</td>

<table class="table-pics">
							<tbody>
							# START pics_list #
								# IF pics_list.C_OPEN_TR #<tr># ENDIF #
								<td class="valign-bottom# IF pics_list.C_NEW_CONTENT # new-content# ENDIF #" style="width:{COLUMN_WIDTH_PICS}%;">
									<div id="pics{pics_list.ID}" class="thumbnails-list-container">
										<a class="small" href="{pics_list.U_DISPLAY}" title="{pics_list.NAME}" onclick="{pics_list.ONCLICK}" # IF NOT pics_list.ONCLICK # data-lightbox="formatter"# ENDIF #><img src="{pics_list.U_PICTURE}" alt="{pics_list.NAME}" title="{pics_list.NAME}" class="gallery-img" /></a>
									</div>

<div class="small">
										# IF C_PICTURE_NAME_DISPLAYED #
											<a class="infos-options" href="{pics_list.U_PICTURE_LINK}">
												<span id="fi_{pics_list.ID}">{pics_list.NAME}</span>
											</a>
										# ELSE #
											<span class="infos-options" id="fi_{pics_list.ID}"></span>
										# ENDIF # <span id="fi{pics_list.ID}"></span>
										# IF C_AUTHOR_DISPLAYED #
											# IF pics_list.C_POSTOR_EXIST #
												<a class="infos-options {pics_list.POSTOR_LEVEL_CLASS}"# IF pics_list.C_POSTOR_GROUP_COLOR # style="color:{pics_list.POSTOR_GROUP_COLOR}"# ENDIF # href="{pics_list.U_POSTOR_PROFILE}">
													{L_BY} {pics_list.POSTOR}
												</a>
											# ELSE #
												<span class="infos-options">{L_BY} ${LangLoader::get_message('guest', 'main')}</span>
											# ENDIF #
										# ENDIF #
										# IF C_VIEWS_COUNTER_ENABLED #
											<span class="infos-options"><span id="gv{pics_list.ID}">{pics_list.VIEWS}</span> <span id="gvl{pics_list.ID}">{pics_list.L_VIEWS}</span></span>
										# ENDIF #
										# IF C_COMMENTS_ENABLED #
											<a class="infos-options" href="{pics_list.U_COMMENTS}">{pics_list.L_COMMENTS}</a>
										# ENDIF #
										# IF C_NOTATION_ENABLED #
											<span class="infos-options">{pics_list.KERNEL_NOTATION}</span>
										# ENDIF #
									</div>

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

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

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

Saved Diffs

Diff history