Merge branch '6.0'

[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / commentResponseList.tpl

{foreach from=$responseList item=response}
	{if $response->isDisabled && !$commentCanModerate}
		<div class="commentResponseList__item">
			<p class="info commentModerationDisabledComment">{lang}wcf.comment.moderation.disabledComment{/lang}</p>
		</div>
	{else}
		<div class="commentResponseList__item jsCommentResponse{if $__wcf->getUserProfileHandler()->isIgnoredUser($response->userID, 2)} ignoredUserContent{/if}"
			data-response-id="{@$response->responseID}"
			{@$__wcf->getReactionHandler()->getDataAttributes('com.woltlab.wcf.comment.response', $response->responseID)}
			data-can-edit="{if $response->isEditable()}true{else}false{/if}"
			data-can-delete="{if $response->isDeletable()}true{else}false{/if}"
			data-user-id="{@$response->userID}"
		>
			<woltlab-core-comment-response class="commentResponse" response-id="{@$response->responseID}" itemprop="comment" itemscope itemtype="http://schema.org/Comment">
				<div class="commentResponse__header">
					<div class="commentResponse__avatar">
						{user object=$response->getUserProfile() type='avatar32' ariaHidden='true' tabindex='-1'}
					</div>
					<div class="commentResponse__author" itemprop="author" itemscope itemtype="http://schema.org/Person">
						{if $response->userID}
							<a href="{$response->getUserProfile()->getLink()}" class="commentResponse__author__link userLink" data-object-id="{@$response->userID}" itemprop="url">
								<span itemprop="name">{@$response->getUserProfile()->getFormattedUsername()}</span>
							</a>
						{else}
							<span itemprop="name">{$response->username}</span>
						{/if}
					</div>
					<div class="commentResponse__date">
						<meta itemprop="datePublished" content="{@$response->time|date:'c'}">
						<a href="{$response->getLink()}" class="commentResponse__permalink">{@$response->time|time}</a>
					</div>
					<div class="commentResponse__status">
						{if $response->isDisabled}
							<span class="badge label green commentResponse__status--disabled">{lang}wcf.message.status.disabled{/lang}</span>
						{/if}
						
						{if $commentManager->isContentAuthor($response)}
							<span class="badge label">{lang}wcf.comment.objectAuthor{/lang}</span>
						{/if}

						{event name='commentResponseStatus'}
					</div>

					{hascontent}
						<div class="commentResponse__menu dropdown" id="commentResponseOptions{@$response->responseID}">
							<button type="button" class="dropdownToggle" aria-label="{lang}wcf.global.button.more{/lang}">{icon name='ellipsis-vertical'}</button>

							<ul class="dropdownMenu">
								{content}
									{if $response->isDisabled && $commentCanModerate}
										<li>
											<a href="#" class="commentResponse__option commentResponse__option--enable">
												{lang}wcf.comment.approve{/lang}
											</a>
										</li>
									{/if}
									{if $commentManager->supportsReport() && $__wcf->session->getPermission('user.profile.canReportContent')}
										<li>
											<a
												href="#"
												data-report-content="com.woltlab.wcf.comment.response"
												data-object-id="{$response->responseID}"
												class="commentResponse__option commentResponse__option--report"
											>
												{lang}wcf.moderation.report.reportContent{/lang}
											</a>
										</li>
									{/if}
									{if $response->isEditable()}
										<li>
											<a href="#" class="commentResponse__option commentResponse__option--edit">
												{lang}wcf.global.button.edit{/lang}
											</a>
										</li>
									{/if}
									{if $response->isDeletable()}
										<li>
											<a href="#" class="commentResponse__option commentResponse__option--delete">
												{lang}wcf.global.button.delete{/lang}
											</a>
										</li>
									{/if}

									{event name='commentResponseMenuOptions'}
								{/content}
							</ul>
						</div>
					{/hascontent}

					{event name='commentResponseHeader'}
				</div>

				{event name='commentBeforeMessage'}

				<div class="commentResponse__message">
					<div class="htmlContent userMessage" itemprop="text">{@$response->getFormattedMessage()}</div>
				</div>

				{event name='commentAfterMessage'}
				
				<div class="commentResponse__footer">
					<div class="commentResponse__reactions">
						{if MODULE_LIKE && $commentManager->supportsLike() && $likeData|isset}
							{include file="reactionSummaryList" isTiny=true reactionData=$likeData[response] objectType="com.woltlab.wcf.comment.response" objectID=$response->responseID}
						{else}
							<a href="#" class="reactionSummaryList reactionSummaryListTiny jsOnly" data-object-type="com.woltlab.wcf.comment.response" data-object-id="{$response->responseID}" title="{lang}wcf.reactions.summary.listReactions{/lang}" style="display: none;"></a>
						{/if}
					</div>

					<div class="commentResponse__buttons">
						{if MODULE_LIKE && $commentManager->supportsLike() && $__wcf->session->getPermission('user.like.canLike') && $response->userID != $__wcf->user->userID}
							<button
								type="button"
								class="commentResponse__button commentResponse__button--react jsTooltip button small {if $likeData[response][$response->responseID]|isset && $likeData[response][$response->responseID]->reactionTypeID} active{/if}"
								title="{lang}wcf.reactions.react{/lang}"
								data-reaction-type-id="{if $likeData[response][$response->responseID]|isset && $likeData[response][$response->responseID]->reactionTypeID}{$likeData[response][$response->responseID]->reactionTypeID}{else}0{/if}"
							>
								{icon name='face-smile'}
								<span class="invisible">{lang}wcf.reactions.react{/lang}</span>
							</button>
						{/if}
						
						{event name='commentResponseButtons'}
					</div>

					{event name='commentResponseFooter'}
				</div>
			</woltlab-core-comment-response>
		</div>
	{/if}
{/foreach}