249 lines
13 KiB
Smarty
249 lines
13 KiB
Smarty
{foreach from=$subcomments item=c name=sub_loop}
|
||
<div class="card mb-3 mod_comment_comment {if $c.comment_status == 0}opacity-75 border-warning{/if} {if $c.parent_id} ms-2 ms-md-4{/if}"
|
||
id="comment_wrapper_{$c.Id}"
|
||
data-parent="{$c.parent_id|default:0}"
|
||
data-user-rating="{$c.user_rating|default:0}"
|
||
data-is-own="{if isset($c.is_my_own) && $c.is_my_own}1{else}0{/if}">
|
||
|
||
{if isset($smarty.request.subaction) && $smarty.request.subaction=='showonly' && isset($smarty.request.comment_id) && $smarty.request.comment_id==$c.Id}
|
||
<div class="border border-warning border-3 rounded p-0">
|
||
{/if}
|
||
|
||
<div id="comment_{$c.Id}" class="mod_comment_box">
|
||
<div class="card-body p-3 d-flex align-items-start">
|
||
|
||
{* БЛОК АВАТАРА *}
|
||
<div class="mod_comment_avatar">
|
||
{if isset($c.avatar) && $c.avatar != ''}
|
||
<img src="{$c.avatar}" alt="{$c.comment_author_name|escape}" class="rounded-circle">
|
||
{else}
|
||
<div class="mod_comment_avatar_letter av-c{$c.avatar_color_index|default:1}">
|
||
{$c.first_letter|default:'?'|upper}
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
|
||
<div class="flex-grow-1 min-w-0">
|
||
{* ПРОВЕРКА НА МОДЕРАЦИЮ ДЛЯ АВТОРА *}
|
||
{if $c.comment_status == 0}
|
||
<div class="alert alert-warning py-1 px-2 mb-2 small d-flex align-items-center border-0 shadow-sm" style="border-left: 4px solid #ffc107 !important;">
|
||
<i class="bi bi-clock-history me-2 text-dark"></i>
|
||
<span class="text-dark">
|
||
{#COMMENT_WAITING_MODERATION#}
|
||
</span>
|
||
</div>
|
||
{/if}
|
||
{* Информация об авторе и дате *}
|
||
<div class="mod_comment_meta text-muted small d-flex flex-wrap align-items-center">
|
||
<span class="d-flex align-items-center">
|
||
<i class="bi bi-person me-1"></i>
|
||
<a title="{#COMMENT_INFO#}" href="javascript:void(0);" onclick="popup('{$ABS_PATH}index.php?module=comment&action=postinfo&pop=1&Id={$c.Id}&theme={$theme}','comment','500','300','1');" class="fw-bold link-dark text-decoration-none">{$c.comment_author_name|stripslashes|escape}</a>
|
||
{* ПРОВЕРКА ИСТОРИИ ИМЕН АНОНИМА *}
|
||
{if !empty($c.past_names)}
|
||
<span class="badge rounded-pill bg-light text-danger border border-danger ms-1"
|
||
style="font-size: 0.65rem; cursor: help;"
|
||
data-bs-toggle="tooltip"
|
||
data-bs-html="true"
|
||
title="{#COMMENT_CHECK_NAME#}<br/>{foreach $c.past_names as $pname}• {$pname|escape}<br/>{/foreach}">
|
||
<i class="bi bi-exclamation-triangle-fill"></i> {#COMMENT_CHECK_NAME_TRUE#}
|
||
</span>
|
||
{/if}
|
||
</span>
|
||
<span class="d-flex align-items-center"><i class="bi bi-clock me-1"></i> {$c.comment_published}</span>
|
||
|
||
{if $smarty.const.UGROUP==1}
|
||
<span class="text-secondary d-none d-sm-inline">• IP:{$c.comment_author_ip}</span>
|
||
{/if}
|
||
|
||
{if isset($c.comment_changed) && $c.comment_changed && $c.comment_changed != '0'}
|
||
<span class="badge bg-light text-secondary border fw-normal" id="changed_{$c.Id}">{#COMMENT_CHECK_NAME_EDIT#} {$c.comment_changed}</span>
|
||
{/if}
|
||
</div>
|
||
|
||
{* Текст комментария *}
|
||
<div class="mod_comment_text comment-text-content mb-2">
|
||
{$c.comment_text|stripslashes|nl2br}
|
||
</div>
|
||
|
||
{* Доп. поля (Сайт, Город) *}
|
||
{if $c.comment_author_website || $c.comment_author_city}
|
||
<div class="small text-muted mb-2 border-start ps-2">
|
||
{if $c.comment_author_website}<div><i class="bi bi-link-45deg"></i> {$c.comment_author_website}</div>{/if}
|
||
{if $c.comment_author_city}<div><i class="bi bi-geo-alt"></i> {$c.comment_author_city}</div>{/if}
|
||
</div>
|
||
{/if}
|
||
|
||
{* Вывод файлов (Картинки ПЕРВЫМИ, остальное в КОНЦЕ) *}
|
||
{if !empty($c.comment_file)}
|
||
<div class="mod_comment_attached_images mt-2 d-flex flex-wrap gap-2" id="image_container_{$c.Id}">
|
||
{assign var="all_files" value=","|explode:$c.comment_file}
|
||
{assign var="img_exts" value=['jpg', 'jpeg', 'png', 'gif', 'webp']}
|
||
|
||
{* 1. Сначала выводим только ИЗОБРАЖЕНИЯ *}
|
||
{foreach from=$all_files item=file}
|
||
{assign var="f_name" value=$file|trim}
|
||
{if $f_name}
|
||
{assign var="ext_parts" value="."|explode:$f_name}
|
||
{assign var="f_ext" value=$ext_parts[$ext_parts|@count-1]|lower}
|
||
|
||
{if in_array($f_ext, $img_exts)}
|
||
<div class="comment-image-item d-flex flex-column align-items-center justify-content-between h-100">
|
||
<a href="{$ABS_PATH}uploads/comments/{$f_name}" target="_blank" class="card-link-wrapper d-flex align-items-center justify-content-center mb-1" style="height: 100px;">
|
||
<img src="{$ABS_PATH}uploads/comments/{$f_name}"
|
||
class="img-fluid rounded border shadow-sm"
|
||
style="width: 100px; height: 100px; object-fit: cover;"
|
||
alt="{#COMMENT_FILE_IMAGE#}" />
|
||
</a>
|
||
|
||
<div class="d-flex align-items-center">
|
||
<span class="badge bg-light text-secondary border fw-normal text-truncate d-inline-block"
|
||
style="max-width: 100px; font-size: 0.7rem; padding: 1px 4px; line-height: 1.2;"
|
||
title="{$f_name|regex_replace:'/_[0-9]+(?=\.[a-z0-9]+$)/i':''}">
|
||
{$f_name|regex_replace:"/_[0-9]+(?=\.[a-z0-9]+$)/i":""}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
{/if}
|
||
{/foreach}
|
||
|
||
{* 2. Затем выводим все ОСТАЛЬНЫЕ файлы *}
|
||
{foreach from=$all_files item=file}
|
||
{assign var="f_name" value=$file|trim}
|
||
{if $f_name}
|
||
{assign var="ext_parts" value="."|explode:$f_name}
|
||
{assign var="f_ext" value=$ext_parts[$ext_parts|@count-1]|lower}
|
||
|
||
{if !in_array($f_ext, $img_exts)}
|
||
<div class="comment-image-item d-flex flex-column align-items-center justify-content-between h-100">
|
||
<a href="{$ABS_PATH}uploads/comments/{$f_name}" target="_blank" class="card-link-wrapper text-decoration-none d-block text-center mb-1">
|
||
<div class="file-box d-flex align-items-center justify-content-center bg-light text-dark rounded border shadow-sm"
|
||
style="width: 100px; height: 100px; font-weight: bold; text-transform: uppercase; font-size: 14px; transition: all 0.2s;">
|
||
<i class="bi bi-file-earmark-arrow-down me-1"></i>{$f_ext}
|
||
</div>
|
||
</a>
|
||
|
||
<div class="d-flex align-items-center">
|
||
<span class="badge bg-light text-secondary border fw-normal text-truncate d-inline-block"
|
||
style="max-width: 100px; font-size: 0.7rem; padding: 1px 4px; line-height: 1.2;"
|
||
title="{$f_name|regex_replace:'/_[0-9]+(?=\.[a-z0-9]+$)/i':''}">
|
||
{$f_name|regex_replace:"/_[0-9]+(?=\.[a-z0-9]+$)/i":""}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
{/if}
|
||
{/foreach}
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
|
||
{* ФУТЕР *}
|
||
<div class="card-footer bg-white border-top p-2 d-flex flex-wrap justify-content-between align-items-center gap-2">
|
||
|
||
<div class="d-flex align-items-center flex-wrap gap-2">
|
||
{* 1. Оценка автора *}
|
||
{if isset($c.user_rating) && $c.user_rating > 0}
|
||
<div class="rating-author-badge" title="{#COMMENT_AUTOR_RATING_A#} {$c.user_rating} {#COMMENT_AUTOR_RATING_IZ#} 5">
|
||
<span class="d-none d-sm-inline">{#COMMENT_AUTOR_RATING_B#}</span>
|
||
<div class="rating-author-stars">
|
||
{section name=r_star start=1 loop=6}
|
||
<i class="bi {if $smarty.section.r_star.index <= $c.user_rating}bi-star-fill{else}bi-star{/if}"></i>
|
||
{/section}
|
||
</div>
|
||
<span class="rating-value">{$c.user_rating}</span>
|
||
</div>
|
||
{/if}
|
||
|
||
{* 2. Рейтинг комментария *}
|
||
{if $comment_rating_type != 2}
|
||
<div class="comment-rating-container d-flex align-items-center py-1 px-2 bg-light rounded border" data-id="{$c.Id}">
|
||
{if $comment_rating_type == 1}
|
||
<div class="comment-like text-danger" style="cursor: pointer;">
|
||
<i class="star-item bi bi-heart-fill me-1" data-value="5"></i>
|
||
<span class="fw-bold small">{$c.rating_count|default:0}</span>
|
||
</div>
|
||
{else}
|
||
<div class="comment-stars text-warning" style="cursor: pointer;">
|
||
{assign var="avg_rating" value=0}
|
||
{if isset($c.rating_count) && $c.rating_count > 0}
|
||
{math equation="round(x / y)" x=$c.rating_sum y=$c.rating_count assign="avg_rating"}
|
||
{/if}
|
||
<div class="d-flex align-items-center me-1">
|
||
{section name=star start=1 loop=6}
|
||
<i class="star-item bi {if $smarty.section.star.index <= $avg_rating}bi-star-fill{else}bi-star{/if} me-1" data-value="{$smarty.section.star.index}"></i>
|
||
{/section}
|
||
</div>
|
||
{if isset($c.rating_count)}<span class="text-muted small">({$c.rating_count})</span>{/if}
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
{/if}
|
||
|
||
{* 3. Таймер редактирования *}
|
||
{if $c.can_edit && isset($c.edit_time_left) && $c.edit_time_left > 0}
|
||
<div class="text-muted small d-flex align-items-center" id="timer_container_{$c.Id}">
|
||
<i class="bi bi-hourglass-split text-primary me-1"></i>
|
||
<span id="timer_{$c.Id}" data-left="{$c.edit_time_left}" class="timer-count fw-bold">
|
||
{math equation="floor(x/60)" x=$c.edit_time_left}:{if ($c.edit_time_left%60) < 10}0{/if}{math equation="x%60" x=$c.edit_time_left}
|
||
</span>
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
|
||
{* КНОПКИ ДЕЙСТВИЙ *}
|
||
<div class="actions-buttons d-flex align-items-center gap-1">
|
||
{if ($cancomment==1 && $closed!=1) || $smarty.const.UGROUP==1}
|
||
{if !(isset($c.is_my_own) && $c.is_my_own)}
|
||
<a class="btn btn-sm btn-link text-primary text-decoration-none mod_comment_answer px-2" href="javascript:void(0);" data-id="{$c.Id}">
|
||
<i class="bi bi-reply-fill me-1"></i> <span class="d-none d-sm-inline">{#COMMENT_ANSWER_LINK#}</span>
|
||
</a>
|
||
{/if}
|
||
{/if}
|
||
|
||
{* Контейнер для кнопок, которые скрываются таймером *}
|
||
<span id="controls_{$c.Id}" class="d-flex align-items-center gap-1">
|
||
{if $c.can_edit}
|
||
<a class="btn btn-sm btn-link text-warning mod_comment_edit px-2" title="{#COMMENT_EDIT_LINK#}" href="javascript:void(0);" data-id="{$c.Id}"><i class="bi bi-pencil-square"></i></a>
|
||
<a class="btn btn-sm btn-link text-danger mod_comment_delete px-2" title="{#COMMENT_DELETE_LINK#}" href="javascript:void(0);" data-id="{$c.Id}"><i class="bi bi-trash"></i></a>
|
||
{/if}
|
||
</span>
|
||
|
||
{if $smarty.const.UGROUP==1}
|
||
<a class="btn btn-sm btn-link {if $c.comment_status==1}text-success{else}text-danger{/if} mod_comment_toggle px-2"
|
||
href="javascript:void(0);"
|
||
data-id="{$c.Id}"
|
||
title="{if $c.comment_status==1}{#COMMENT_ICON_HIDE#}{else}{#COMMENT_ICON_SHOW#}{/if}">
|
||
<i class="bi bi-{if $c.comment_status==1}eye{else}eye-slash{/if}"></i>
|
||
</a>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{if isset($smarty.request.subaction) && $smarty.request.subaction=='showonly' && isset($smarty.request.comment_id) && $smarty.request.comment_id==$c.Id}
|
||
</div>
|
||
{/if}
|
||
|
||
<span id="end{$c.Id}"></span>
|
||
|
||
{if isset($comments) && isset($comments[$c.Id])}
|
||
<div class="mt-2">
|
||
{* передаем parentId=$c.Id для следующего уровня вложенности *}
|
||
{include file="$subtpl" subcomments=$comments[$c.Id] sub=1 parentId=$c.Id}
|
||
</div>
|
||
{/if}
|
||
|
||
</div>
|
||
|
||
{* --- ВСТАВЛЯЕМ КНОПКУ AJAX ОТВЕТОВ --- *}
|
||
{if $smarty.foreach.sub_loop.last && isset($more_counts[$parentId])}
|
||
<div id="ajax_loader_{$parentId}" class="ms-4 mb-3">
|
||
<button class="btn btn-sm btn-outline-primary" onclick="loadMoreReplies('{$parentId}')">
|
||
<i class="bi bi-chevron-double-down"></i> {#COMMENT_ANSWER_AJAX_BUTTON#} {$more_counts[$parentId]} {#COMMENT_ANSWER_AJAX_TEXT#}
|
||
</button>
|
||
</div>
|
||
{/if}
|
||
|
||
{/foreach} |