nodebb-theme-harmony 2.0.0-pre.9 → 2.0.1

package/templates/partials/topic/post.tpl

@@ -1,140 +1,147 @@
-{{{ if (!./index && widgets.mainpost-header.length) }}}
-<div data-widget-area="mainpost-header">
-	{{{ each widgets.mainpost-header }}}
-	{widgets.mainpost-header.html}
-	{{{ end }}}
-</div>
-{{{ end }}}
-
-<div class="d-flex align-items-start gap-3">
-	<div class="icon bg-body d-none d-sm-block rounded-circle" style="outline: 2px solid var(--bs-body-bg);">
-		<a class="d-inline-block position-relative text-decoration-none" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">
-			{buildAvatar(posts.user, "48px", true, "", "user/picture")}
-			<span component="user/status" class="position-absolute translate-middle-y border border-white border-2 rounded-circle status {posts.user.status}"><span class="visually-hidden">[[global:{posts.user.status}]]</span></span>
-		</a>
-	</div>
-
-	<div class="post-container d-flex flex-grow-1 flex-column w-100" style="min-width: 0;">
-		<div class="d-flex align-items-center gap-1 flex-wrap w-100 post-header mt-1" itemprop="author" itemscope itemtype="https://schema.org/Person">
-			<meta itemprop="name" content="{./user.username}">
-			{{{ if ./user.userslug }}}<meta itemprop="url" content="{config.relative_path}/user/{./user.userslug}">{{{ end }}}
-
-			<div class="icon bg-body d-sm-none">
-				<a class="d-inline-block position-relative text-decoration-none" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">
-					{buildAvatar(posts.user, "20px", true, "", "user/picture")}
-					<span component="user/status" class="position-absolute translate-middle-y border border-white border-2 rounded-circle status {posts.user.status}"><span class="visually-hidden">[[global:{posts.user.status}]]</span></span>
-				</a>
-			</div>
-
-			<span class="text-nowrap">
-				<a class="fw-bold" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}" data-username="{posts.user.username}" data-uid="{posts.user.uid}">{posts.user.displayname}</a>
-			</span>
-
-			{{{ each posts.user.selectedGroups }}}
-			{{{ if posts.user.selectedGroups.slug }}}
-			<!-- IMPORT partials/groups/badge.tpl -->
-			{{{ end }}}
-			{{{ end }}}
-
-			{{{ if posts.user.banned }}}
-			<span class="badge bg-danger rounded-1">[[user:banned]]</span>
-			{{{ end }}}
-
-			<div class="d-flex gap-1 align-items-center">
-				<span class="text-muted">
-					{{{ if posts.toPid }}}
-					{generateRepliedTo(@value, config.timeagoCutoff)}
-					{{{ else }}}
-					{generateWrote(@value, config.timeagoCutoff)}
-					{{{ end }}}
-				</span>
-
-				<i component="post/edit-indicator" class="fa fa-edit text-muted{{{ if privileges.posts:history }}} pointer{{{ end }}} edit-icon {{{ if !posts.editor.username }}}hidden{{{ end }}}" title="[[global:edited-timestamp, {isoTimeToLocaleString(./editedISO, config.userLang)}]]"></i>
-				<span data-editor="{posts.editor.userslug}" component="post/editor" class="visually-hidden">[[global:last-edited-by, {posts.editor.username}]] <span class="timeago" title="{isoTimeToLocaleString(posts.editedISO, config.userLang)}"></span></span>
-			</div>
-
-			<div>
-				<span>
-					{{{ if posts.user.custom_profile_info.length }}}
-					&#124;
-					{{{ each posts.user.custom_profile_info }}}
-					{posts.user.custom_profile_info.content}
-					{{{ end }}}
-					{{{ end }}}
-				</span>
-			</div>
-			<div class="d-flex align-items-center gap-1 flex-grow-1 justify-content-end">
-				<span class="bookmarked opacity-0 text-primary"><i class="fa fa-bookmark-o"></i></span>
-				<a href="{config.relative_path}/post/{encodeURIComponent(./pid)}" class="post-index text-muted d-none d-md-inline">#{increment(./index, "1")}</a>
-			</div>
-		</div>
-
-		<div class="content mt-2 text-break" component="post/content" itemprop="text">
-			{posts.content}
-		</div>
-	</div>
-</div>
-
-<div component="post/footer" class="post-footer border-bottom pb-2">
-	{{{ if posts.user.signature }}}
-	<div component="post/signature" data-uid="{posts.user.uid}" class="text-xs text-muted mt-2">{posts.user.signature}</div>
-	{{{ end }}}
-
-	<div class="d-flex">
-		{{{ if !hideReplies }}}
-		<a component="post/reply-count" data-target-component="post/replies/container" href="#" class="d-flex gap-2 align-items-center mt-2 btn-ghost ff-secondary border rounded-1 p-1 threaded-replies user-select-none text-muted text-decoration-none text-xs {{{ if (!./replies || shouldHideReplyContainer(@value)) }}}hidden{{{ end }}}">
-			<span component="post/reply-count/avatars" class="avatars d-inline-flex gap-1 align-items-top {{{ if posts.replies.hasMore }}}hasMore{{{ end }}}">
-				{{{each posts.replies.users}}}
-				<span>{buildAvatar(posts.replies.users, "20px", true, "avatar-tooltip")}</span>
-				{{{end}}}
-				{{{ if posts.replies.hasMore}}}
-				<span><i class="fa fa-ellipsis"></i></span>
-				{{{ end }}}
-			</span>
-
-			<span class="ms-2 replies-count fw-semibold" component="post/reply-count/text" data-replies="{posts.replies.count}">{posts.replies.text}</span>
-			<span class="ms-2 replies-last hidden-xs fw-semibold">[[topic:last-reply-time]] <span class="timeago" title="{posts.replies.timestampISO}"></span></span>
-
-			<i class="fa fa-fw fa-chevron-down" component="post/replies/open"></i>
-			<i class="fa fa-fw fa-chevron-up hidden" component="post/replies/close"></i>
-			<i class="fa fa-fw fa-spin fa-spinner hidden" component="post/replies/loading"></i>
-		</a>
-		{{{ end }}}
-	</div>
-
-	<div component="post/replies/container" class="my-2 col-11 border rounded-1 p-3 hidden-empty"></div>
-
-	<div component="post/actions" class="d-flex justify-content-end gap-1 post-tools">
-		<!-- IMPORT partials/topic/reactions.tpl -->
-		<a component="post/reply" href="#" class="btn-ghost-sm user-select-none {{{ if !privileges.topics:reply }}}hidden{{{ end }}}" title="[[topic:reply]]"><i class="fa fa-fw fa-reply text-primary"></i></a>
-		<a component="post/quote" href="#" class="btn-ghost-sm user-select-none {{{ if !privileges.topics:reply }}}hidden{{{ end }}}" title="[[topic:quote]]"><i class="fa fa-fw fa-quote-right text-primary"></i></a>
-
-		{{{ if !reputation:disabled }}}
-		<div class="d-flex votes align-items-center">
-			<a component="post/upvote" href="#" class="btn-ghost-sm {{{ if posts.upvoted }}}upvoted{{{ end }}}" title="[[topic:upvote-post]]">
-				<i class="fa fa-fw fa-chevron-up text-primary"></i>
-			</a>
-
-			<meta itemprop="upvoteCount" content="{posts.upvotes}">
-			<meta itemprop="downvoteCount" content="{posts.downvotes}">
-			<a href="#" class="d-inline-block px-2 mx-1 btn-ghost-sm ff-secondary" component="post/vote-count" data-votes="{posts.votes}" title="[[global:voters]]">{posts.votes}</a>
-
-			{{{ if !downvote:disabled }}}
-			<a component="post/downvote" href="#" class="btn-ghost-sm {{{ if posts.downvoted }}}downvoted{{{ end }}}" title="[[topic:downvote-post]]">
-				<i class="fa fa-fw fa-chevron-down text-primary"></i>
-			</a>
-			{{{ end }}}
-		</div>
-		{{{ end }}}
-
-		<!-- IMPORT partials/topic/post-menu.tpl -->
-	</div>
-</div>
-
-{{{ if (!./index && widgets.mainpost-footer.length) }}}
-<div data-widget-area="mainpost-footer">
-	{{{ each widgets.mainpost-footer }}}
-	{widgets.mainpost-footer.html}
-	{{{ end }}}
-</div>
+{{{ if (!./index && widgets.mainpost-header.length) }}}
+<div data-widget-area="mainpost-header">
+	{{{ each widgets.mainpost-header }}}
+	{widgets.mainpost-header.html}
+	{{{ end }}}
+</div>
+{{{ end }}}
+<div class="d-flex align-items-start gap-3">
+	<div class="bg-body d-none d-sm-block rounded-circle" style="outline: 2px solid var(--bs-body-bg);">
+		<a class="d-inline-block position-relative text-decoration-none" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}" aria-label="[[aria:profile-page-for, {./user.displayname}]]">
+			{buildAvatar(posts.user, "48px", true, "", "user/picture")}
+			{{{ if ./user.isLocal }}}
+			<span component="user/status" class="position-absolute top-100 start-100 border border-white border-2 rounded-circle status {posts.user.status}"><span class="visually-hidden">[[global:{posts.user.status}]]</span></span>
+			{{{ else }}}
+			<span component="user/locality" class="position-absolute top-100 start-100 lh-1 border border-white border-2 rounded-circle small" title="[[global:remote-user]]">
+				<span class="visually-hidden">[[global:remote-user]]</span>
+				<i class="fa fa-globe"></i>
+			</span>
+			{{{ end }}}
+		</a>
+	</div>
+	<div class="post-container d-flex gap-2 flex-grow-1 flex-column w-100" style="min-width:0;">
+		<div class="d-flex align-items-start justify-content-between gap-1 flex-nowrap w-100 post-header" itemprop="author" itemscope itemtype="https://schema.org/Person">
+			<div class="d-flex gap-1 flex-wrap align-items-center">
+				<meta itemprop="name" content="{./user.displayname}">
+				{{{ if ./user.userslug }}}<meta itemprop="url" content="{config.relative_path}/user/{./user.userslug}">{{{ end }}}
+
+				<div class="bg-body d-sm-none">
+					<a class="d-inline-block position-relative text-decoration-none" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">
+						{buildAvatar(posts.user, "20px", true, "", "user/picture")}
+						{{{ if ./user.isLocal }}}
+						<span component="user/status" class="position-absolute top-100 start-100 border border-white border-2 rounded-circle status {posts.user.status}"><span class="visually-hidden">[[global:{posts.user.status}]]</span></span>
+						{{{ else }}}
+						<span component="user/locality" class="position-absolute top-100 start-100 lh-1 border border-white border-2 rounded-circle small" title="[[global:remote-user]]">
+							<span class="visually-hidden">[[global:remote-user]]</span>
+							<i class="fa fa-globe"></i>
+						</span>
+						{{{ end }}}
+					</a>
+				</div>
+
+				<a class="fw-bold text-nowrap" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}" data-username="{posts.user.username}" data-uid="{posts.user.uid}">{posts.user.displayname}</a>
+
+				{{{ each posts.user.selectedGroups }}}
+				{{{ if posts.user.selectedGroups.slug }}}
+				<!-- IMPORT partials/groups/badge.tpl -->
+				{{{ end }}}
+				{{{ end }}}
+
+				{{{ if posts.user.banned }}}
+				<span class="badge bg-danger rounded-1">[[user:banned]]</span>
+				{{{ end }}}
+
+				<div class="d-flex gap-1 align-items-center">
+					<span class="text-muted">{generateWroteReplied(@value, config.timeagoCutoff)}</span>
+
+					<i component="post/edit-indicator" class="fa fa-edit text-muted{{{ if privileges.posts:history }}} pointer{{{ end }}} edit-icon {{{ if !posts.editor.username }}}hidden{{{ end }}}" title="[[global:edited-timestamp, {isoTimeToLocaleString(./editedISO, config.userLang)}]]"></i>
+					<span data-editor="{posts.editor.userslug}" component="post/editor" class="visually-hidden">[[global:last-edited-by, {posts.editor.username}]] <span class="timeago" title="{isoTimeToLocaleString(posts.editedISO, config.userLang)}"></span></span>
+				</div>
+
+				{{{ if posts.user.custom_profile_info.length }}}
+				<div>
+					<span>
+						&#124;
+						{{{ each posts.user.custom_profile_info }}}
+						{posts.user.custom_profile_info.content}
+						{{{ end }}}
+					</span>
+				</div>
+				{{{ end }}}
+			</div>
+			<div class="d-flex align-items-center gap-1 justify-content-end">
+				<span class="bookmarked opacity-0 text-primary"><i class="fa fa-bookmark-o"></i></span>
+				<a href="{config.relative_path}/post/{encodeURIComponent(./pid)}" class="post-index text-muted d-none d-md-inline">#{increment(./index, "1")}</a>
+			</div>
+		</div>
+
+		<div class="content text-break" component="post/content" itemprop="text">
+			{posts.content}
+		</div>
+
+		<div component="post/footer" class="post-footer border-bottom pb-2">
+			{{{ if posts.user.signature }}}
+			<div component="post/signature" data-uid="{posts.user.uid}" class="text-xs text-muted mt-2">{posts.user.signature}</div>
+			{{{ end }}}
+
+			<div class="d-flex flex-wrap {{{ if (hideReplies || !posts.replies.count) }}}justify-content-end{{{ else }}}justify-content-between{{{ end }}}">
+				{{{ if !hideReplies }}}
+				<a component="post/reply-count" data-target-component="post/replies/container" href="#" class="d-flex gap-2 align-items-center btn btn-ghost ff-secondary border rounded-1 p-1 text-muted text-decoration-none text-xs {{{ if (!./replies || shouldHideReplyContainer(@value)) }}}hidden{{{ end }}}">
+					<span component="post/reply-count/avatars" class="d-flex gap-1 {{{ if posts.replies.hasMore }}}hasMore{{{ end }}}">
+						{{{each posts.replies.users}}}
+						<span>{buildAvatar(posts.replies.users, "20px", true, "avatar-tooltip")}</span>
+						{{{end}}}
+						{{{ if posts.replies.hasMore}}}
+						<span style="height: 20px; line-height: 20px;"><i class="fa fa-ellipsis"></i></span>
+						{{{ end }}}
+					</span>
+
+					<span class="ms-2 replies-count fw-semibold text-nowrap" component="post/reply-count/text" data-replies="{posts.replies.count}">{posts.replies.text}</span>
+					<span class="ms-2 replies-last hidden-xs fw-semibold">[[topic:last-reply-time]] <span class="timeago" title="{posts.replies.timestampISO}"></span></span>
+
+					<i class="fa fa-fw fa-chevron-down" component="post/replies/open"></i>
+				</a>
+				{{{ end }}}
+				<div component="post/actions" class="d-flex flex-grow-1 align-items-center justify-content-end gap-1 post-tools">
+					<!-- IMPORT partials/topic/reactions.tpl -->
+					<a component="post/reply" href="#" class="btn btn-ghost btn-sm {{{ if !privileges.topics:reply }}}hidden{{{ end }}}" title="[[topic:reply]]"><i class="fa fa-fw fa-reply text-primary"></i></a>
+					<a component="post/quote" href="#" class="btn btn-ghost btn-sm {{{ if !privileges.topics:reply }}}hidden{{{ end }}}" title="[[topic:quote]]"><i class="fa fa-fw fa-quote-right text-primary"></i></a>
+
+					{{{ if ./announces }}}
+					<a component="post/announce-count" href="#" class="btn btn-ghost btn-sm d-flex gap-2 align-items-center" title="[[topic:announcers]]"><i class="fa fa-share-alt text-primary"></i> {./announces}</a>
+					{{{ end }}}
+
+					{{{ if !reputation:disabled }}}
+					<div class="d-flex votes align-items-center">
+						<a component="post/upvote" href="#" class="btn btn-ghost btn-sm{{{ if posts.upvoted }}} upvoted{{{ end }}}" title="[[topic:upvote-post]]">
+							<i class="fa fa-fw fa-chevron-up text-primary"></i>
+						</a>
+
+						<meta itemprop="upvoteCount" content="{posts.upvotes}">
+						<meta itemprop="downvoteCount" content="{posts.downvotes}">
+						<a href="#" class="px-2 mx-1 btn btn-ghost btn-sm" component="post/vote-count" data-votes="{posts.votes}" title="[[global:voters]]">{posts.votes}</a>
+
+						{{{ if !downvote:disabled }}}
+						<a component="post/downvote" href="#" class="btn btn-ghost btn-sm{{{ if posts.downvoted }}} downvoted{{{ end }}}" title="[[topic:downvote-post]]">
+							<i class="fa fa-fw fa-chevron-down text-primary"></i>
+						</a>
+						{{{ end }}}
+					</div>
+					{{{ end }}}
+
+					<!-- IMPORT partials/topic/post-menu.tpl -->
+				</div>
+			</div>
+
+			<div component="post/replies/container" class="my-2 col-11 border rounded-1 p-3 hidden-empty"></div>
+		</div>
+	</div>
+</div>
+
+{{{ if (!./index && widgets.mainpost-footer.length) }}}
+<div data-widget-area="mainpost-footer">
+	{{{ each widgets.mainpost-footer }}}
+	{widgets.mainpost-footer.html}
+	{{{ end }}}
+</div>
 {{{ end }}}

package/templates/partials/topic/quickreply.tpl

@@ -1,28 +1,28 @@
-{{{ if privileges.topics:reply }}}
-<div component="topic/quickreply/container" class="quick-reply d-flex gap-3 mb-4">
-	<div class="icon hidden-xs">
-		<a class="d-inline-block position-relative" href="{{{ if loggedInUser.userslug }}}{config.relative_path}/user/{loggedInUser.userslug}{{{ else }}}#{{{ end }}}">
-			{buildAvatar(loggedInUser, "48px", true, "", "user/picture")}
-			{{{ if loggedInUser.status }}}<span component="user/status" class="position-absolute translate-middle-y border border-white border-2 rounded-circle status {loggedInUser.status}"><span class="visually-hidden">[[global:{loggedInUser.status}]]</span></span>{{{ end }}}
-		</a>
-	</div>
-	<form class="flex-grow-1 d-flex flex-column gap-2" method="post" action="{config.relative_path}/compose">
-		<input type="hidden" name="tid" value="{tid}" />
-		<input type="hidden" name="_csrf" value="{config.csrf_token}" />
-		<div class="quickreply-message position-relative">
-			<textarea rows="4" name="content" component="topic/quickreply/text" class="form-control mousetrap" placeholder="[[modules:composer.textarea.placeholder]]"></textarea>
-			<div class="imagedrop"><div>[[topic:composer.drag-and-drop-images]]</div></div>
-		</div>
-		<div>
-			<div class="d-flex justify-content-end gap-2">
-				<button type="submit" component="topic/quickreply/expand" class="btn-ghost-sm border" title="[[topic:open-composer]]"><i class="fa fa-expand"></i></button>
-				<button type="submit" component="topic/quickreply/button" class="btn btn-sm btn-primary">[[topic:post-quick-reply]]</button>
-			</div>
-		</div>
-	</form>
-	<form class="d-none" component="topic/quickreply/upload" method="post" enctype="multipart/form-data">
-		<input type="file" name="files[]" multiple class="hidden"/>
-	</form>
-
-</div>
-{{{ end }}}
+{{{ if privileges.topics:reply }}}
+<div component="topic/quickreply/container" class="quick-reply d-flex gap-3 mb-4">
+	<div class="icon hidden-xs">
+		<a class="d-inline-block position-relative" href="{{{ if loggedInUser.userslug }}}{config.relative_path}/user/{loggedInUser.userslug}{{{ else }}}#{{{ end }}}">
+			{buildAvatar(loggedInUser, "48px", true, "", "user/picture")}
+			{{{ if loggedInUser.status }}}<span component="user/status" class="position-absolute top-100 start-100 border border-white border-2 rounded-circle status {loggedInUser.status}"><span class="visually-hidden">[[global:{loggedInUser.status}]]</span></span>{{{ end }}}
+		</a>
+	</div>
+	<form class="flex-grow-1 d-flex flex-column gap-2" method="post" action="{config.relative_path}/compose">
+		<input type="hidden" name="tid" value="{tid}" />
+		<input type="hidden" name="_csrf" value="{config.csrf_token}" />
+		<div class="quickreply-message position-relative">
+			<textarea rows="4" name="content" component="topic/quickreply/text" class="form-control mousetrap" placeholder="[[modules:composer.textarea.placeholder]]"></textarea>
+			<div class="imagedrop"><div>[[topic:composer.drag-and-drop-images]]</div></div>
+		</div>
+		<div>
+			<div class="d-flex justify-content-end gap-2">
+				<button type="submit" component="topic/quickreply/expand" class="btn btn-ghost btn-sm border" title="[[topic:open-composer]]"><i class="fa fa-expand"></i></button>
+				<button type="submit" component="topic/quickreply/button" class="btn btn-sm btn-primary">[[topic:post-quick-reply]]</button>
+			</div>
+		</div>
+	</form>
+	<form class="d-none" component="topic/quickreply/upload" method="post" enctype="multipart/form-data">
+		<input type="file" name="files[]" multiple class="hidden"/>
+	</form>
+
+</div>
+{{{ end }}}

package/templates/partials/topic/reply-button.tpl

@@ -1,25 +1,27 @@
-<div component="topic/reply/container" class="btn-group action-bar {{{ if !privileges.topics:reply }}}hidden{{{ end }}}">
-	<a href="{config.relative_path}/compose?tid={tid}" class="d-flex align-items-center btn btn-sm btn-primary px-3 fw-semibold " component="topic/reply" data-ajaxify="false" role="button"><i class="fa fa-reply d-sm-block d-md-none"></i><span class="d-none d-md-block"> [[topic:reply]]</span></a>
-	<button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[topic:reply-options]]">
-		<span class="caret"></span>
-	</button>
-	<ul class="dropdown-menu dropdown-menu-end p-1 text-sm" role="menu">
-		<li><a class="dropdown-item rounded-1" href="#" component="topic/reply-as-topic" role="menuitem">[[topic:reply-as-topic]]</a></li>
-	</ul>
-</div>
-
-{{{ if loggedIn }}}
-	{{{ if !privileges.topics:reply }}}
-		{{{ if locked }}}
-		<a href="#" component="topic/reply/locked" class="d-flex gap-2 align-items-center fw-semibold btn btn-sm btn-primary disabled" disabled><i class="fa fa-lock"></i> [[topic:locked]]</a>
-		{{{ end }}}
-	{{{ end }}}
-
-	{{{ if !locked }}}
-	<a href="#" component="topic/reply/locked" class="d-flex gap-2 align-items-center fw-semibold btn btn-sm btn-primary disabled hidden" disabled><i class="fa fa-lock"></i> [[topic:locked]]</a>
-	{{{ end }}}
-{{{ else }}}
-	{{{ if !privileges.topics:reply }}}
-	<a component="topic/reply/guest" href="{config.relative_path}/login" class="d-flex align-items-center fw-semibold btn btn-sm btn-primary">[[topic:guest-login-reply]]</a>
-	{{{ end }}}
+{{{ if privileges.topics:reply }}}
+<div component="topic/reply/container" class="btn-group">
+	<a href="{config.relative_path}/compose?tid={tid}" class="d-flex align-items-center btn btn-sm btn-primary px-3 fw-semibold" component="topic/reply" data-ajaxify="false" role="button"><i class="fa fa-reply d-sm-block d-md-none"></i><span class="d-none d-md-block"> [[topic:reply]]</span></a>
+	<button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[topic:reply-options]]">
+		<span class="caret"></span>
+	</button>
+	<ul class="dropdown-menu dropdown-menu-end p-1 text-sm" role="menu">
+		<li><a class="dropdown-item rounded-1" href="#" component="topic/reply-as-topic" role="menuitem">[[topic:reply-as-topic]]</a></li>
+	</ul>
+</div>
+{{{ end }}}
+
+{{{ if loggedIn }}}
+	{{{ if !privileges.topics:reply }}}
+		{{{ if locked }}}
+		<a href="#" component="topic/reply/locked" class="d-flex gap-2 align-items-center fw-semibold btn btn-sm btn-primary disabled" disabled><i class="fa fa-lock"></i> [[topic:locked]]</a>
+		{{{ end }}}
+	{{{ end }}}
+
+	{{{ if !locked }}}
+	<a href="#" component="topic/reply/locked" class="d-flex gap-2 align-items-center fw-semibold btn btn-sm btn-primary disabled hidden" disabled><i class="fa fa-lock"></i> [[topic:locked]]</a>
+	{{{ end }}}
+{{{ else }}}
+	{{{ if !privileges.topics:reply }}}
+	<a component="topic/reply/guest" href="{config.relative_path}/login" class="d-flex align-items-center fw-semibold btn btn-sm btn-primary">[[topic:guest-login-reply]]</a>
+	{{{ end }}}
 {{{ end }}}

package/templates/partials/topic/selection-tooltip.tpl

@@ -1,3 +1,3 @@
-<div component="selection/tooltip" class="selection-tooltip-container position-absolute card card-body p-1 rounded-1 mt-2" style="z-index: 1;">
-    <button component="selection/tooltip/quote" class="btn btn-sm btn-primary quote-tooltip-btn">[[topic:quote]]</button>
+<div component="selection/tooltip" class="selection-tooltip-container position-absolute card card-body p-1 rounded-1 mt-2" style="z-index: 1;">
+    <button component="selection/tooltip/quote" class="btn btn-sm btn-primary quote-tooltip-btn">[[topic:quote]]</button>
 </div>

package/templates/partials/topic/sort.tpl

@@ -1,27 +1,27 @@
-<div class="btn-group bottom-sheet" component="thread/sort">
-	<button class="btn-ghost-sm ff-secondary d-flex gap-2 align-items-center dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[aria:post-sort-option, {sortOptionLabel}]]">
-		<i class="fa fa-fw fa-arrow-down-wide-short text-primary"></i>
-		<span class="d-none d-md-inline fw-semibold">{sortOptionLabel}</span>
-	</button>
-
-	<ul class="dropdown-menu p-1 text-sm" role="menu">
-		<li>
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" class="oldest_to_newest" data-sort="oldest_to_newest" role="menuitem">
-				<span class="flex-grow-1">[[topic:oldest-to-newest]]</span>
-				<i class="flex-shrink-0 fa fa-fw text-secondary"></i>
-			</a>
-		</li>
-		<li>
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" class="newest_to_oldest" data-sort="newest_to_oldest" role="menuitem">
-				<span class="flex-grow-1">[[topic:newest-to-oldest]]</span>
-				<i class="flex-shrink-0 fa fa-fw text-secondary"></i>
-			</a>
-		</li>
-		<li>
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" class="most_votes" data-sort="most_votes" role="menuitem">
-				<span class="flex-grow-1">[[topic:most-votes]]</span>
-				<i class="flex-shrink-0 fa fa-fw text-secondary"></i>
-			</a>
-		</li>
-	</ul>
-</div>
+<div class="btn-group bottom-sheet" component="thread/sort">
+	<button class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[aria:post-sort-option, {sortOptionLabel}]]">
+		<i class="fa fa-fw fa-arrow-down-wide-short text-primary"></i>
+		<span class="d-none d-md-inline fw-semibold">{sortOptionLabel}</span>
+	</button>
+
+	<ul class="dropdown-menu p-1 text-sm" role="menu">
+		<li>
+			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" class="oldest_to_newest" data-sort="oldest_to_newest" role="menuitem">
+				<span class="flex-grow-1">[[topic:oldest-to-newest]]</span>
+				<i class="flex-shrink-0 fa fa-fw text-secondary"></i>
+			</a>
+		</li>
+		<li>
+			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" class="newest_to_oldest" data-sort="newest_to_oldest" role="menuitem">
+				<span class="flex-grow-1">[[topic:newest-to-oldest]]</span>
+				<i class="flex-shrink-0 fa fa-fw text-secondary"></i>
+			</a>
+		</li>
+		<li>
+			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" class="most_votes" data-sort="most_votes" role="menuitem">
+				<span class="flex-grow-1">[[topic:most-votes]]</span>
+				<i class="flex-shrink-0 fa fa-fw text-secondary"></i>
+			</a>
+		</li>
+	</ul>
+</div>

package/templates/partials/topic/stats.tpl

@@ -1,15 +1,15 @@
-<span class="badge text-body border border-gray-300 stats text-xs">
-	<i class="fa-regular fa-fw fa-message visible-xs-inline" title="[[global:posts]]"></i>
-	<span component="topic/post-count" title="{postcount}" class="fw-bold">{humanReadableNumber(postcount)}</span>
-	<span class="hidden-xs text-lowercase fw-normal">[[global:posts]]</span>
-</span>
-<span class="badge text-body border border-gray-300 stats text-xs">
-	<i class="fa fa-fw fa-user visible-xs-inline" title="[[global:posters]]"></i>
-	<span title="{postercount}" class="fw-bold">{humanReadableNumber(postercount)}</span>
-	<span class="hidden-xs text-lowercase fw-normal">[[global:posters]]</span>
-</span>
-<span class="badge text-body border border-gray-300 stats text-xs">
-	<i class="fa fa-fw fa-eye visible-xs-inline" title="[[global:views]]"></i>
-	<span class="fw-bold" title="{viewcount}">{humanReadableNumber(viewcount)}</span>
-	<span class="hidden-xs text-lowercase fw-normal">[[global:views]]</span>
+<span class="badge text-body border border-gray-300 stats text-xs">
+	<i class="fa-regular fa-fw fa-message visible-xs-inline" title="[[global:posts]]"></i>
+	<span component="topic/post-count" title="{postcount}" class="fw-bold">{humanReadableNumber(postcount)}</span>
+	<span class="hidden-xs text-lowercase fw-normal">[[global:posts]]</span>
+</span>
+<span class="badge text-body border border-gray-300 stats text-xs">
+	<i class="fa fa-fw fa-user visible-xs-inline" title="[[global:posters]]"></i>
+	<span title="{postercount}" class="fw-bold">{humanReadableNumber(postercount)}</span>
+	<span class="hidden-xs text-lowercase fw-normal">[[global:posters]]</span>
+</span>
+<span class="badge text-body border border-gray-300 stats text-xs">
+	<i class="fa fa-fw fa-eye visible-xs-inline" title="[[global:views]]"></i>
+	<span class="fw-bold" title="{viewcount}">{humanReadableNumber(viewcount)}</span>
+	<span class="hidden-xs text-lowercase fw-normal">[[global:views]]</span>
 </span>

package/templates/partials/topic/thumbs.tpl

@@ -1,5 +1,5 @@
-{{{ each thumbs }}}
-<a class="d-inline-block h-100" href="{./url}">
-	<img class="rounded-1 h-100 bg-light" style="max-width: 5.33rem; object-fit: contain;" src="{./url}" />
-</a>
+{{{ each thumbs }}}
+<a class="d-inline-block" href="{./url}">
+	<img class="rounded-1 h-100 bg-light" style="max-width: 5.33rem; object-fit: contain;" src="{./url}" />
+</a>
 {{{ end }}}

package/templates/partials/topic/tools.tpl

@@ -1,13 +1,9 @@
-{{{ if privileges.view_thread_tools }}}
-<div class="btn-group thread-tools bottom-sheet">
-	<button class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
-		<i class="fa fa-fw fa-gear text-primary"></i>
-		<span class="d-none d-md-inline fw-semibold">[[topic:thread-tools.title]]</span>
-	</button>
-	<ul class="dropdown-menu p-1 text-sm" role="menu">
-		<li class="placeholder-wave"><a class="dropdown-item d-flex gap-2" href="#"><div class="placeholder bg-secondary rounded-1" style="width: 1em;"></div><div class="placeholder bg-secondary rounded-1 col-8"></div></a></li>
-		<li class="placeholder-wave"><a class="dropdown-item d-flex gap-2" href="#"><div class="placeholder bg-secondary rounded-1" style="width: 1em;"></div><div class="placeholder bg-secondary rounded-1 col-8"></div></a></li>
-		<li class="placeholder-wave"><a class="dropdown-item d-flex gap-2" href="#"><div class="placeholder bg-secondary rounded-1" style="width: 1em;"></div><div class="placeholder bg-secondary rounded-1 col-8"></div></a></li>
-	</ul>
-</div>
+{{{ if privileges.view_thread_tools }}}
+<div class="btn-group thread-tools bottom-sheet">
+	<button class="btn btn-ghost btn-sm ff-secondary d-flex align-items-center gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
+		<i class="fa fa-fw fa-gear text-primary"></i>
+		<span class="d-none d-md-inline fw-semibold">[[topic:thread-tools.title]]</span>
+	</button>
+	<ul class="dropdown-menu p-1 text-sm" role="menu"></ul>
+</div>
 {{{ end }}}