Diff
checker
텍스트
텍스트
이미지
문서
Excel
폴더
Legal
Enterprise
데스크톱
요금제
로그인
데스크톱 앱 다운로드
텍스트 비교
두 텍스트 파일의 차이점을 찾아보세요
도구
기록
실시간 편집
변경 없는 행 숨기기
줄바꿈 비활성화
레이아웃
나란히 보기
합쳐 보기
비교 단위
스마트
단어
글자
구문 강조
언어 선택
제외
텍스트 변환
첫 변경으로
수정
Diffchecker Desktop
가장 안전하게 Diffchecker를 사용하는 방법. 데스크톱 앱을 사용하면 비교 데이터가 외부로 전송되지 않습니다!
데스크톱 앱 받기
Untitled diff
생성일
9년 전
비교 결과 만료 없음
초기화
내보내기
공유
설명
45 삭제
행
총
삭제
글자
총
삭제
이 기능을 계속 사용하려면 업그레이드해 주세요
Diff
checker
Pro
요금제 보기
469 행
복사
35 추가
행
총
추가
글자
총
추가
이 기능을 계속 사용하려면 업그레이드해 주세요
Diff
checker
Pro
요금제 보기
472 행
복사
<script>
<script>
<!--
<!--
var pics_displayed = 0;
var pics_displayed = 0;
function display_pics(id, path)
function display_pics(id, path)
{
{
if( pics_displayed != id )
if( pics_displayed != id )
{
{
document.getElementById('pics_max').innerHTML = '<img src="' + path + '" alt="' + path + '" />';
document.getElementById('pics_max').innerHTML = '<img src="' + path + '" alt="' + path + '" />';
pics_displayed = id;
pics_displayed = id;
}
}
else
else
{
{
복사
복사됨
복사
복사됨
document.getElementById('pics_max').innerHTML = '';
document.getElementById('pics_max').innerHTML = '';
pics_displayed = 0;
pics_displayed = 0;
}
}
}
}
function display_pics_popup(path, width, height)
function display_pics_popup(path, width, height)
{
{
width = parseInt(width);
width = parseInt(width);
height = parseInt(height);
height = parseInt(height);
if( height == 0 )
if( height == 0 )
height = screen.height - 150;
height = screen.height - 150;
if( width == 0 )
if( width == 0 )
width = screen.width - 200;
width = screen.width - 200;
window.open(path, '', 'width='+(width+17)+', height='+(height+17)+', location=no, status=no, toolbar=no, scrollbars=1, resizable=yes');
window.open(path, '', 'width='+(width+17)+', height='+(height+17)+', location=no, status=no, toolbar=no, scrollbars=1, resizable=yes');
}
}
function display_rename_file(id, previous_name, previous_cut_name)
function display_rename_file(id, previous_name, previous_cut_name)
{
{
if( document.getElementById('fi' + id) )
if( document.getElementById('fi' + id) )
{
{
document.getElementById('fi_' + id).style.display = 'none';
document.getElementById('fi_' + id).style.display = 'none';
document.getElementById('fi' + id).style.display = 'inline';
document.getElementById('fi' + id).style.display = 'inline';
document.getElementById('fi' + id).innerHTML = '<input type="text" name="fiinput' + id + '" id="fiinput' + id + '" value="' + previous_name.replace(/\"/g, """) + '" onblur="rename_file(\'' + id + '\', \'' + previous_cut_name.replace(/\'/g, "\\\'").replace(/\"/g, """) + '\');">';
document.getElementById('fi' + id).innerHTML = '<input type="text" name="fiinput' + id + '" id="fiinput' + id + '" value="' + previous_name.replace(/\"/g, """) + '" onblur="rename_file(\'' + id + '\', \'' + previous_cut_name.replace(/\'/g, "\\\'").replace(/\"/g, """) + '\');">';
document.getElementById('fiinput' + id).focus();
document.getElementById('fiinput' + id).focus();
}
}
}
}
function rename_file(id_file, previous_cut_name)
function rename_file(id_file, previous_cut_name)
{
{
var name = document.getElementById("fiinput" + id_file).value;
var name = document.getElementById("fiinput" + id_file).value;
var regex = /\/|\\|\||\?|<|>/;
var regex = /\/|\\|\||\?|<|>/;
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');
복사
복사됨
복사
복사됨
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;
복사
복사됨
복사
복사됨
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, """);
복사
복사됨
복사
복사됨
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');
복사
복사됨
복사
복사됨
xhr_object.onreadystatechange = function()
xhr_object.onreadystatechange = function()
{
{
if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' )
if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != '-1' )
복사
복사됨
복사
복사됨
{
{
var img_aprob, title_aprob;
var img_aprob, title_aprob;
if( xhr_object.responseText == 0 )
if( xhr_object.responseText == 0 )
{
{
img_aprob = 'fa-eye-slash';
img_aprob = 'fa-eye-slash';
title_aprob = '{L_UNAPROB}';
title_aprob = '{L_UNAPROB}';
}
}
else
else
{
{
img_aprob = 'fa-eye';
img_aprob = 'fa-eye';
title_aprob = '{L_APROB}';
title_aprob = '{L_APROB}';
}
}
복사
복사됨
복사
복사됨
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);
}
}
복사
복사됨
복사
복사됨
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.
//Affiche le bloc.
function pics_display_block(divID)
function pics_display_block(divID)
{
{
if( timeout )
if( timeout )
clearTimeout(timeout);
clearTimeout(timeout);
복사
복사됨
복사
복사됨
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);
}
}
복사
복사됨
복사
복사됨
{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;
}
}
복사
복사됨
복사
복사됨
var j = 0;
var j = 0;
for(var i = 0; i <= {NBR_PICS}; i++)
for(var i = 0; i <= {NBR_PICS}; i++)
{
{
복사
복사됨
복사
복사됨
if( document.getElementById('thumb' + i) )
if( document.getElementById('thumb' + i) )
{
{
var key_left = start_thumb + j;
var key_left = start_thumb + j;
var key_right = start_thumb + j;
var key_right = start_thumb + j;
if( direction == 'left' && array_pics[key_left] )
if( direction == 'left' && array_pics[key_left] )
복사
복사됨
복사
복사됨
{
{
document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_left]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_left]['path'] + '" alt="' + array_pics[key_left]['path'] + '" /></a>';
document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_left]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_left]['path'] + '" alt="' + array_pics[key_left]['path'] + '" /></a>';
j++;
j++;
}
}
복사
복사됨
복사
복사됨
else if( direction == 'right' && array_pics[key_right] )
else if( direction == 'right' && array_pics[key_right] )
{
{
document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_right]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_right]['path'] + '" alt="' + array_pics[key_right]['path'] + '" /></a>';
document.getElementById('thumb' + i).innerHTML = '<a href="' + array_pics[key_right]['link'] + '"><img src="{PATH_TO_ROOT}/gallery/pics/thumbnails/' + array_pics[key_right]['path'] + '" alt="' + array_pics[key_right]['path'] + '" /></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;
}
}
}
}
}
}
-->
-->
복사
복사됨
복사
복사됨
</script>
</script>
# INCLUDE message_helper #
# INCLUDE message_helper #
<div class="spacer"></div>
<div class="spacer"></div>
복사
복사됨
복사
복사됨
<section id="module-gallery">
<section id="module-gallery">
<header>
<header>
<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>
복사
복사됨
복사
복사됨
# 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>
복사
복사됨
복사
복사됨
# IF C_SUB_CATEGORIES #
# IF C_SUB_CATEGORIES #
복사
복사됨
복사
복사됨
<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 #
복사
복사됨
복사
복사됨
<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 #
복사
복사됨
복사
복사됨
<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>
복사
복사됨
복사
복사됨
# IF C_GALLERY_PICS_MAX #
# 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>
<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 #
복사
복사됨
복사
복사됨
<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 #
복사
복사됨
복사
복사됨
<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>
복사
복사됨
복사
복사됨
<div id="move{ID}" class="move-pics-container">
<div id="move{ID}" class="move-pics-container">
<div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);">
<div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);">
<div>{L_MOVETO} :</div>
<div>{L_MOVETO} :</div>
<select class="valign-middle" name="{ID}cat" onchange="document.location = '{U_MOVE}">
<select class="valign-middle" name="{ID}cat" onchange="document.location = '{U_MOVE}">
{CAT}
{CAT}
</select>
</select>
</div>
</div>
</div>
</div>
<a href="javascript:pics_display_block({ID});" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);" class="basic-button" title="{L_MOVETO}"><i class="fa fa-move"></i></a>
<a href="javascript:pics_display_block({ID});" onmouseover="pics_hide_block({ID}, 1);" onmouseout="pics_hide_block({ID}, 0);" class="basic-button" title="{L_MOVETO}"><i class="fa fa-move"></i></a>
<a href="javascript:pics_aprob({ID});" class="basic-button" title="{L_APROB_IMG}"><i id="img_aprob{ID}" class="{IMG_APROB}"></i></a>
<a href="javascript:pics_aprob({ID});" class="basic-button" title="{L_APROB_IMG}"><i id="img_aprob{ID}" class="{IMG_APROB}"></i></a>
<span id="img{ID}"></span>
<span id="img{ID}"></span>
<a href="{U_DEL}" title="{L_DELETE}" class="basic-button alt" data-confirmation="delete-element"><i class="fa fa-delete"></i></a>
<a href="{U_DEL}" title="{L_DELETE}" class="basic-button alt" data-confirmation="delete-element"><i class="fa fa-delete"></i></a>
# ENDIF #
# ENDIF #
</div>
</div>
</div>
</div>
<div class="link-to-other-pics-container">
<div class="link-to-other-pics-container">
복사
복사됨
복사
복사됨
<span class="float-left">
{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>
복사
복사됨
복사
복사됨
{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>
복사
복사됨
복사
복사됨
# START list_preview_pics #
# START list_preview_pics #
복사
복사됨
복사
복사됨
{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 #
복사
복사됨
복사
복사됨
<td>
<td>
복사
복사됨
복사
복사됨
{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 #
복사
복사됨
복사
복사됨
<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 #
복사
복사됨
복사
복사됨
<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">
복사
복사됨
복사
복사됨
<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>
복사
복사됨
복사
복사됨
<div class="spacer"></div>
<div class="spacer"></div>
복사
복사됨
복사
복사됨
<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 />
복사
복사됨
복사
복사됨
{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>
복사
복사됨
복사
복사됨
<div class="actions-container">
<div class="actions-container">
# IF C_GALLERY_MODO #
# IF C_GALLERY_MODO #
<span id="fihref{pics_list.ID}"><a href="javascript:display_rename_file('{pics_list.ID}', '{pics_list.RENAME}', '{pics_list.RENAME_CUT}');" title="{L_EDIT}" class="fa fa-edit"></a></span>
<span id="fihref{pics_list.ID}"><a href="javascript:display_rename_file('{pics_list.ID}', '{pics_list.RENAME}', '{pics_list.RENAME_CUT}');" title="{L_EDIT}" class="fa fa-edit"></a></span>
<a href="{pics_list.U_DEL}" title="{L_DELETE}" class="fa fa-delete" data-confirmation="delete-element"></a>
<a href="{pics_list.U_DEL}" title="{L_DELETE}" class="fa fa-delete" data-confirmation="delete-element"></a>
<div id="move{pics_list.ID}" class="move-pics-container">
<div id="move{pics_list.ID}" class="move-pics-container">
<div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);">
<div class="bbcode-block move-pics-block" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);">
<div>{L_MOVETO} :</div>
<div>{L_MOVETO} :</div>
<select class="valign-middle" name="{pics_list.ID}cat" onchange="document.location = '{pics_list.U_MOVE}">
<select class="valign-middle" name="{pics_list.ID}cat" onchange="document.location = '{pics_list.U_MOVE}">
{pics_list.CAT}
{pics_list.CAT}
</select>
</select>
</div>
</div>
</div>
</div>
<a href="javascript:pics_display_block({pics_list.ID});" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);" class="fa fa-move" title="{L_MOVETO}"></a>
<a href="javascript:pics_display_block({pics_list.ID});" onmouseover="pics_hide_block({pics_list.ID}, 1);" onmouseout="pics_hide_block({pics_list.ID}, 0);" class="fa fa-move" title="{L_MOVETO}"></a>
복사
복사됨
복사
복사됨
<a id="img_aprob{pics_list.ID}" href="javascript:pics_aprob({pics_list.ID});" class="# IF pics_list.C_IMG_APROB #fa fa-eye-slash# ELSE #fa fa-eye# ENDIF #" title="{pics_list.L_APROB_IMG}"></a>
<a id="img_aprob{pics_list.ID}" href="javascript:pics_aprob({pics_list.ID});" class="# IF pics_list.C_IMG_APROB #fa fa-eye-slash# ELSE #fa fa-eye# ENDIF #" title="{pics_list.L_APROB_IMG}"></a>
<span id="img{ID}"></span>
<span id="img{ID}"></span>
# ENDIF #
# ENDIF #
<span id="img{pics_list.ID}"></span>
<span id="img{pics_list.ID}"></span>
</div>
</div>
</td>
</td>
# IF pics_list.C_CLOSE_TR #</tr># ENDIF #
# IF pics_list.C_CLOSE_TR #</tr># ENDIF #
# END pics_list #
# END pics_list #
복사
복사됨
복사
복사됨
# START end_table #
# START end_table #
복사
복사됨
복사
복사됨
{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 #
복사
복사됨
복사
복사됨
<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>
저장된 비교 결과
원본
파일 열기
<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>
수정본
파일 열기
<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>
비교하기