nodebb-theme-harmony 0.0.1

package/templates/partials/topic/navigation-post.tpl

@@ -0,0 +1,14 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div class="clearfix">
+	<div class="icon float-start">
+		<a href="<!-- IF post.user.userslug -->{config.relative_path}/user/{post.user.userslug}<!-- ELSE -->#<!-- ENDIF post.user.userslug -->">
+			{buildAvatar(post.user, "24px", true, "", "user/picture")} {post.user.username}
+		</a>
+	</div>
+	<small class="float-end">
+		<span class="timeago" title="{post.timestampISO}"></span>
+	</small>
+</div>
+
+<div>{post.content}</div>

package/templates/partials/topic/navigator.tpl

@@ -0,0 +1,41 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div class="pagination-block text-center">
+    <div class="progress-bar"></div>
+    <div class="wrapper dropup">
+        <i class="fa fa-2x fa-angle-double-up pointer fa-fw pagetop"></i>
+
+        <a href="#" class="dropdown-toggle d-inline-block" data-bs-toggle="dropdown" data-bs-reference="parent">
+            <span class="pagination-text"></span>
+        </a>
+
+        <i class="fa fa-2x fa-angle-double-down pointer fa-fw pagebottom"></i>
+        <ul class="dropdown-menu dropdown-menu-end" role="menu">
+            <li>
+                <div class="row">
+                    <div class="col-8 post-content"></div>
+                    <div class="col-4 text-end">
+                        <div class="scroller-content">
+                            <span class="pointer pagetop">[[topic:first-post]] <i class="fa fa-angle-double-up"></i></span>
+                            <div class="scroller-container">
+                                <div class="scroller-thumb">
+                                    <span class="thumb-text"></span>
+                                    <div class="scroller-thumb-icon"></div>
+                                </div>
+                            </div>
+                            <span class="pointer pagebottom">[[topic:last-post]] <i class="fa fa-angle-double-down"></i></span>
+                        </div>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-6">
+                        <button id="myNextPostBtn" class="btn btn-outline-secondary form-control" disabled>[[topic:go-to-my-next-post]]</button>
+                    </div>
+                    <div class="col-6">
+                        <input type="number" class="form-control" id="indexInput" placeholder="[[global:pagination.enter_index]]">
+                    </div>
+                </div>
+            </li>
+        </ul>
+    </div>
+</div>

package/templates/partials/topic/necro-post.tpl

@@ -0,0 +1,5 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<li component="topic/necro-post" class="necro-post text-muted timeline-event">
+	<span class="timeline-text">{text}</span>
+</li>

package/templates/partials/topic/post-editor.tpl

@@ -0,0 +1,3 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<small data-editor="{editor.userslug}" component="post/editor" class="hidden">[[global:last_edited_by, {editor.username}]] <span class="timeago" title="{editedISO}"></span></small>

package/templates/partials/topic/post-menu-list.tpl

@@ -0,0 +1,134 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<!-- IF posts.display_moderator_tools -->
+<li>
+	<a class="dropdown-item" component="post/edit" role="menuitem" tabindex="-1" href="#">
+		<span class="menu-icon"><i class="fa fa-fw fa-pencil"></i></span> [[topic:edit]]
+	</a>
+</li>
+<li <!-- IF posts.deleted -->hidden<!-- ENDIF posts.deleted -->>
+	<a class="dropdown-item" component="post/delete" role="menuitem" tabindex="-1" href="#" class="<!-- IF posts.deleted -->hidden<!-- ENDIF posts.deleted -->">
+		<span class="menu-icon"><i class="fa fa-fw fa-trash-o"></i><span> [[topic:delete]]
+	</a>
+</li>
+<li <!-- IF !posts.deleted -->hidden<!-- ENDIF !posts.deleted -->>
+	<a class="dropdown-item" component="post/restore" role="menuitem" tabindex="-1" href="#" class="<!-- IF !posts.deleted -->hidden<!-- ENDIF !posts.deleted -->">
+		<span class="menu-icon"><i class="fa fa-fw fa-history"></i><span> [[topic:restore]]
+	</a>
+</li>
+<!-- IF posts.display_purge_tools -->
+<li <!-- IF !posts.deleted -->hidden<!-- ENDIF !posts.deleted -->>
+	<a class="dropdown-item" component="post/purge" role="menuitem" tabindex="-1" href="#" class="<!-- IF !posts.deleted -->hidden<!-- ENDIF !posts.deleted -->">
+		<span class="menu-icon"><i class="fa fa-fw fa-eraser"></i></span> [[topic:purge]]
+	</a>
+</li>
+<!-- END -->
+
+<!-- IF posts.display_move_tools -->
+<li>
+	<a class="dropdown-item" component="post/move" role="menuitem" tabindex="-1" href="#">
+		<span class="menu-icon"><i class="fa fa-fw fa-arrows"></i></span> [[topic:move]]
+	</a>
+</li>
+<!-- ENDIF posts.display_move_tools -->
+
+<!-- IF posts.display_change_owner_tools -->
+<li>
+	<a class="dropdown-item" component="post/change-owner" role="menuitem" tabindex="-1" href="#">
+		<span class="menu-icon"><i class="fa fa-fw fa-user"></i></span> [[topic:change-owner]]
+	</a>
+</li>
+<!-- ENDIF posts.display_change_owner_tools -->
+
+<!-- IF posts.ip -->
+<li>
+	<a class="dropdown-item" component="post/copy-ip" role="menuitem" tabindex="-1" href="#" data-clipboard-text="{posts.ip}">
+		<span class="menu-icon" ><i class="fa fa-fw fa-copy"></i></span> [[topic:copy-ip]] {posts.ip}
+	</a>
+</li>
+<!-- IF posts.display_ip_ban -->
+<li>
+	<a class="dropdown-item" component="post/ban-ip" role="menuitem" tabindex="-1" href="#" data-ip="{posts.ip}">
+		<span class="menu-icon"><i class="fa fa-fw fa-ban"></i></span> [[topic:ban-ip]] {posts.ip}
+	</a>
+</li>
+<!-- ENDIF posts.display_ip_ban -->
+<!-- ENDIF posts.ip -->
+<!-- ENDIF posts.display_moderator_tools -->
+
+{{{each posts.tools}}}
+<li {{{ if ./disabled }}}class="disabled" {{{ end }}}>
+	<a class="dropdown-item" {{{ if ./action}}}component="{./action}"{{{ end }}} role="menuitem" tabindex="-1" href="{{{ if ./href }}}{./href}{{{ else }}}#{{{ end }}}">
+		<span class="menu-icon"><i class="fa fa-fw {posts.tools.icon}"></i></span> {{posts.tools.html}}
+	</a>
+</li>
+{{{end}}}
+
+<!-- IF !posts.deleted -->
+	<!-- IF posts.display_history -->
+	<li>
+		<a class="dropdown-item" component="post/view-history" role="menuitem" tabindex="-1" href="#">
+			<span class="menu-icon"><i class="fa fa-fw fa-history"></i></span> [[topic:view-history]]
+		</a>
+	</li>
+	<!-- END -->
+
+	{{{ if config.loggedIn }}}
+	<li>
+		<a class="dropdown-item" component="post/bookmark" role="menuitem" tabindex="-1" href="#" data-bookmarked="{posts.bookmarked}">
+			<span class="menu-icon">
+				<i component="post/bookmark/on" class="fa fa-fw fa-heart <!-- IF !posts.bookmarked -->hidden<!-- ENDIF !posts.bookmarked -->"></i>
+				<i component="post/bookmark/off" class="fa fa-fw fa-heart-o <!-- IF posts.bookmarked -->hidden<!-- ENDIF posts.bookmarked -->"></i>
+			</span>
+			<span class="bookmark-text">[[topic:bookmark]]</span>
+			<span component="post/bookmark-count" class="bookmarkCount badge" data-bookmarks="{posts.bookmarks}">{posts.bookmarks}</span>&nbsp;
+		</a>
+	</li>
+	{{{ end }}}
+
+	<li>
+		<a class="dropdown-item" role="menuitem" tabindex="-1" href="#" data-clipboard-text="{posts.absolute_url}">
+			<i class="fa fa-fw fa-link"></i> [[topic:copy-permalink]]
+		</a>
+	</li>
+
+	<!-- IF postSharing.length -->
+	<!-- IF config.loggedIn --><li class="dropdown-divider"></li><!-- ENDIF config.loggedIn -->
+	<li class="dropdown-header">[[topic:share_this_post]]</li>
+	<!-- ENDIF postSharing.length -->
+	{{{each postSharing}}}
+		<li>
+			<a class="dropdown-item" role="menuitem" component="share/{postSharing.id}" tabindex="-1" href="#"><span class="menu-icon"><i class="fa fa-fw {postSharing.class}"></i></span> {postSharing.name}</a>
+		</li>
+	{{{end}}}
+<!-- ENDIF !posts.deleted -->
+
+{{{ if posts.display_flag_tools }}}
+<li class="dropdown-divider"></li>
+
+<li {{{ if posts.flags.flagged }}}hidden{{{ end }}}>
+	<a class="dropdown-item" component="post/flag" role="menuitem" tabindex="-1" href="#"><i class="fa fa-fw fa-flag"></i> [[topic:flag-post]]</a>
+</li>
+<li {{{ if !posts.flags.flagged }}}hidden{{{ end }}} class="disabled text-muted">
+	<a class="dropdown-item" component="post/already-flagged" role="menuitem" tabindex="-1" href="#"><i class="fa fa-fw fa-flag"></i> [[topic:already-flagged]]</a>
+</li>
+
+{{{ if (!posts.selfPost && posts.uid) }}}
+<li>
+	<a class="dropdown-item" component="post/flagUser" role="menuitem" tabindex="-1" href="#"><i class="fa fa-fw fa-flag"></i> [[topic:flag-user]]</a>
+</li>
+{{{ end }}}
+{{{ end }}}
+
+<!-- IF posts.display_moderator_tools -->
+{{{ if posts.flags.exists }}}
+<li>
+	<a class="dropdown-item" role="menuitem" tabindex="-1" href="{config.relative_path}/flags/{posts.flags.flagId}"><i class="fa fa-fw fa-exclamation-circle"></i> [[topic:view-flag-report]]</a>
+</li>
+{{{ if (posts.flags.state == "open") }}}
+<li>
+	<a class="dropdown-item" component="post/flagResolve" data-flagId="{posts.flags.flagId}" role="menuitem" tabindex="-1" href="#"><i class="fa fa-fw fa-check"></i> [[topic:resolve-flag]]</a>
+</li>
+{{{ end }}}
+{{{ end }}}
+<!-- ENDIF posts.display_moderator_tools -->

package/templates/partials/topic/post-menu.tpl

@@ -0,0 +1,6 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<span component="post/tools" class="dropdown moderator-tools bottom-sheet d-inline-block<!-- IF !posts.display_post_menu -->hidden<!-- ENDIF !posts.display_post_menu -->">
+	<a class="dropdown-toggle d-block" href="#" data-bs-toggle="dropdown"><i class="fa fa-fw fa-ellipsis-v"></i></a>
+	<ul class="dropdown-menu dropdown-menu-end" role="menu"></ul>
+</span>

package/templates/partials/topic/post.tpl

@@ -0,0 +1,116 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div class="clearfix post-header">
+	<div class="icon float-start">
+		<a href="<!-- IF posts.user.userslug -->{config.relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->">
+			{buildAvatar(posts.user, "48px", true, "", "user/picture")}
+			<i component="user/status" class="fa fa-circle status {posts.user.status}" title="[[global:{posts.user.status}]]"></i>
+		</a>
+	</div>
+
+	<small class="d-flex">
+		<div class="d-flex align-items-center gap-1 flex-wrap w-100">
+			<strong class="text-nowrap">
+				<a href="<!-- IF posts.user.userslug -->{config.relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->" itemprop="author" data-username="{posts.user.username}" data-uid="{posts.user.uid}">{posts.user.displayname}</a>
+			</strong>
+
+			{{{ 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">[[user:banned]]</span>
+			<!-- ENDIF posts.user.banned -->
+
+			<span class="visible-xs-inline-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
+				<!-- IF posts.toPid -->
+				<a component="post/parent" class="btn btn-sm btn-outline-secondary hidden-xs" data-topid="{posts.toPid}" href="{config.relative_path}/post/{posts.toPid}"><i class="fa fa-reply"></i> @<!-- IF posts.parent.username -->{posts.parent.username}<!-- ELSE -->[[global:guest]]<!-- ENDIF posts.parent.username --></a>
+				<!-- ENDIF posts.toPid -->
+
+				<span>
+					<!-- IF posts.user.custom_profile_info.length -->
+					&#124;
+					{{{each posts.user.custom_profile_info}}}
+					{posts.user.custom_profile_info.content}
+					{{{end}}}
+					<!-- ENDIF posts.user.custom_profile_info.length -->
+				</span>
+			</span>
+			<div class="d-flex align-items-center gap-1 flex-grow-1 justify-content-end">
+				<span>
+					<i component="post/edit-indicator" class="fa fa-pencil-square<!-- IF privileges.posts:history --> pointer<!-- END --> edit-icon <!-- IF !posts.editor.username -->hidden<!-- ENDIF !posts.editor.username -->"></i>
+
+					<span data-editor="{posts.editor.userslug}" component="post/editor" class="hidden">[[global:last_edited_by, {posts.editor.username}]] <span class="timeago" title="{posts.editedISO}"></span></span>
+
+					<span class="visible-xs-inline-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
+						<a class="permalink text-muted" href="{config.relative_path}/post/{posts.pid}"><span class="timeago" title="{posts.timestampISO}"></span></a>
+					</span>
+				</span>
+				<span class="bookmarked"><i class="fa fa-bookmark-o"></i></span>
+			</div>
+		</div>
+	</small>
+</div>
+
+<br />
+
+<div class="content" component="post/content" itemprop="text">
+	{posts.content}
+</div>
+
+<div class="post-footer">
+	{{{ if posts.user.signature }}}
+	<div component="post/signature" data-uid="{posts.user.uid}" class="post-signature">{posts.user.signature}</div>
+	{{{ end }}}
+
+	<div class="clearfix">
+	{{{ if !hideReplies }}}
+	<a component="post/reply-count" data-target-component="post/replies/container" href="#" class="threaded-replies user-select-none float-start text-muted {{{ if !posts.replies.count }}}hidden{{{ end }}}">
+		<span component="post/reply-count/avatars" class="avatars d-inline-flex gap-1 align-items-top hidden-xs {{{ if posts.replies.hasMore }}}hasMore{{{ end }}}">
+			{{{each posts.replies.users}}}
+			<span>{buildAvatar(posts.replies.users, "16px", true, "")}</span>
+			{{{end}}}
+			{{{ if posts.replies.hasMore}}}
+			<span><i class="fa fa-ellipsis"></i></span>
+			{{{ end }}}
+		</span>
+
+		<span class="replies-count small" component="post/reply-count/text" data-replies="{posts.replies.count}">{posts.replies.text}</span>
+		<span class="replies-last hidden-xs small">[[topic:last_reply_time]] <span class="timeago" title="{posts.replies.timestampISO}"></span></span>
+
+		<i class="fa fa-fw fa-chevron-right" component="post/replies/open"></i>
+		<i class="fa fa-fw fa-chevron-down hidden" component="post/replies/close"></i>
+		<i class="fa fa-fw fa-spin fa-spinner hidden" component="post/replies/loading"></i>
+	</a>
+	{{{ end }}}
+
+	<small class="float-end">
+		<!-- IMPORT partials/topic/reactions.tpl -->
+		<span class="post-tools">
+			<a component="post/reply" href="#" class="user-select-none <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">[[topic:reply]]</a>
+			<a component="post/quote" href="#" class="user-select-none <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">[[topic:quote]]</a>
+		</span>
+
+		<!-- IF !reputation:disabled -->
+		<span class="votes">
+			<a component="post/upvote" href="#" class="<!-- IF posts.upvoted -->upvoted<!-- ENDIF posts.upvoted -->">
+				<i class="fa fa-chevron-up"></i>
+			</a>
+
+			<span component="post/vote-count" data-votes="{posts.votes}">{posts.votes}</span>
+
+			<!-- IF !downvote:disabled -->
+			<a component="post/downvote" href="#" class="<!-- IF posts.downvoted -->downvoted<!-- ENDIF posts.downvoted -->">
+				<i class="fa fa-chevron-down"></i>
+			</a>
+			<!-- ENDIF !downvote:disabled -->
+		</span>
+		<!-- ENDIF !reputation:disabled -->
+
+		<!-- IMPORT partials/topic/post-menu.tpl -->
+	</small>
+	</div>
+	<div component="post/replies/container"></div>
+</div>

package/templates/partials/topic/quickreply.tpl

@@ -0,0 +1,30 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<!-- IF privileges.topics:reply -->
+<div component="topic/quickreply/container" class="clearfix quick-reply">
+	<div class="icon float-start hidden-xs">
+		<a data-uid="{loggedInUser.uid}" href="{{{ if loggedInUser.userslug }}}{config.relative_path}/user/{loggedInUser.userslug}{{{ else }}}#{{{ end }}}">
+			{buildAvatar(loggedInUser, "48px", true, "", "user/picture")}
+			{{{ if loggedInUser.status }}}
+			<i component="user/status" class="fa fa-circle status {loggedInUser.status}" title="[[global:{loggedInUser.status}]]"></i>
+			{{{ end }}}
+		</a>
+	</div>
+	<form 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">
+			<textarea name="content" component="topic/quickreply/text" class="form-control mousetrap" rows="5" placeholder="[[modules:composer.textarea.placeholder]]"></textarea>
+			<div class="imagedrop"><div>[[topic:composer.drag_and_drop_images]]</div></div>
+		</div>
+		<div class="btn-group float-end">
+			<button type="submit" component="topic/quickreply/button" class="btn btn-primary">[[topic:post-quick-reply]]</button>
+			<button type="submit" component="topic/quickreply/expand" class="btn btn-outline-primary" formmethod="get"><i class="fa fa-expand"></i></button>
+		</div>
+	</form>
+	<form component="topic/quickreply/upload" method="post" enctype="multipart/form-data">
+		<input type="file" name="files[]" multiple class="hidden"/>
+	</form>
+
+</div>
+<!-- ENDIF privileges.topics:reply -->

package/templates/partials/topic/reactions.tpl

@@ -0,0 +1,3 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<!-- This partial intentionally left blank; overwritten by nodebb-plugin-reactions -->

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

@@ -0,0 +1,29 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div component="topic/reply/container" class="btn-group action-bar bottom-sheet <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">
+	<a href="{config.relative_path}/compose?tid={tid}&title={title}" class="btn btn-sm btn-primary" component="topic/reply" data-ajaxify="false" role="button"><i class="fa fa-reply visible-xs-inline"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[topic:reply]]</span></a>
+	<button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-bs-toggle="dropdown">
+		<span class="caret"></span>
+	</button>
+	<ul class="dropdown-menu dropdown-menu-end" role="menu">
+		<li><a class="dropdown-item" href="#" component="topic/reply-as-topic">[[topic:reply-as-topic]]</a></li>
+	</ul>
+</div>
+
+<!-- IF loggedIn -->
+<!-- IF !privileges.topics:reply -->
+<!-- IF locked -->
+<a component="topic/reply/locked" class="btn btn-sm btn-primary" disabled><i class="fa fa-lock"></i> [[topic:locked]]</a>
+<!-- ENDIF locked -->
+<!-- ENDIF !privileges.topics:reply -->
+
+<!-- IF !locked -->
+<a component="topic/reply/locked" class="btn btn-sm btn-primary hidden" disabled><i class="fa fa-lock"></i> [[topic:locked]]</a>
+<!-- ENDIF !locked -->
+
+<!-- ELSE -->
+
+<!-- IF !privileges.topics:reply -->
+<a component="topic/reply/guest" href="{config.relative_path}/login" class="btn btn-sm btn-primary">[[topic:guest-login-reply]]</a>
+<!-- ENDIF !privileges.topics:reply -->
+<!-- ENDIF loggedIn -->

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

@@ -0,0 +1,5 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<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

@@ -0,0 +1,11 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div title="[[topic:sort_by]]" class="btn-group bottom-sheet hidden-xs" component="thread/sort">
+	<button class="btn btn-sm btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" type="button">
+	<span><i class="fa fa-fw fa-sort"></i></span></button>
+	<ul class="dropdown-menu dropdown-menu-end">
+		<li><a class="dropdown-item" href="#" class="oldest_to_newest" data-sort="oldest_to_newest"><i class="fa fa-fw"></i> [[topic:oldest_to_newest]]</a></li>
+		<li><a class="dropdown-item" href="#" class="newest_to_oldest" data-sort="newest_to_oldest"><i class="fa fa-fw"></i> [[topic:newest_to_oldest]]</a></li>
+		<li><a class="dropdown-item" href="#" class="most_votes" data-sort="most_votes"><i class="fa fa-fw"></i> [[topic:most_votes]]</a></li>
+	</ul>
+</div>

package/templates/partials/topic/stats.tpl

@@ -0,0 +1,14 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div class="stats text-muted">
+	<i class="fa fa-fw fa-user" title="[[global:posters]]"></i>
+	<span title="{postercount}" class="human-readable-number">{postercount}</span>
+</div>
+<div class="stats text-muted">
+	<i class="fa fa-fw fa-pencil" title="[[global:posts]]"></i>
+	<span component="topic/post-count" title="{postcount}" class="human-readable-number">{postcount}</span>
+</div>
+<div class="stats text-muted">
+	<i class="fa fa-fw fa-eye" title="[[global:views]]"></i>
+	<span class="human-readable-number" title="{viewcount}">{viewcount}</span>
+</div>

package/templates/partials/topic/tag.tpl

@@ -0,0 +1,3 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<a href="{config.relative_path}/tags/{./valueEncoded}"><span class="tag tag-item fw-bold tag-class-{./class}" data-tag="{./value}">{./valueEscaped}</span></a>

package/templates/partials/topic/tags.tpl

@@ -0,0 +1,5 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+{{{ each tags }}}
+<!-- IMPORT partials/topic/tag.tpl -->
+{{{ end }}}

package/templates/partials/topic/topic-menu-list.tpl

@@ -0,0 +1,34 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+{{{ if privileges.editable }}}
+<li <!-- IF locked -->hidden<!-- ENDIF locked -->><a component="topic/lock" href="#" class="dropdown-item <!-- IF locked -->hidden<!-- ENDIF locked -->"><i class="fa fa-fw fa-lock"></i> [[topic:thread_tools.lock]]</a></li>
+<li <!-- IF !locked -->hidden<!-- ENDIF !locked -->><a component="topic/unlock" href="#" class="dropdown-item <!-- IF !locked -->hidden<!-- ENDIF !locked -->"><i class="fa fa-fw fa-unlock"></i> [[topic:thread_tools.unlock]]</a></li>
+<li <!-- IF pinned -->hidden<!-- ENDIF pinned -->><a component="topic/pin" href="#" class="dropdown-item <!-- IF pinned -->hidden<!-- ENDIF pinned -->"><i class="fa fa-fw fa-thumb-tack"></i> [[topic:thread_tools.pin]]</a></li>
+<li <!-- IF !pinned -->hidden<!-- ENDIF !pinned -->><a component="topic/unpin" href="#" class="dropdown-item <!-- IF !pinned -->hidden<!-- ENDIF !pinned -->"><i class="fa fa-fw fa-thumb-tack fa-rotate-90"></i> [[topic:thread_tools.unpin]]</a></li>
+
+<li><a component="topic/move" class="dropdown-item" href="#"><i class="fa fa-fw fa-arrows"></i> [[topic:thread_tools.move]]</a></li>
+<li><a component="topic/merge" class="dropdown-item" href="#"><i class="fa fa-fw fa-code-fork"></i> [[topic:thread_tools.merge]]</a></li>
+<li><a component="topic/fork" class="dropdown-item" href="#"><i class="fa fa-fw fa-code-fork"></i> [[topic:thread_tools.fork]]</a></li>
+{{{ if !scheduled }}}
+<li><a component="topic/move-posts" class="dropdown-item" href="#"><i class="fa fa-fw fa-arrows"></i> [[topic:thread_tools.move-posts]]</a></li>
+{{{ end }}}
+<li><a component="topic/mark-unread-for-all" class="dropdown-item" href="#"><i class="fa fa-fw fa-inbox"></i> [[topic:thread_tools.markAsUnreadForAll]]</a></li>
+<li class="dropdown-divider"></li>
+{{{ end }}}
+
+<!-- IF privileges.deletable -->
+<li <!-- IF deleted -->hidden<!-- ENDIF deleted -->><a component="topic/delete" href="#" class="dropdown-item <!-- IF deleted -->hidden<!-- ENDIF deleted -->"><i class="fa fa-fw fa-trash-o"></i> [[topic:thread_tools.delete]]</a></li>
+{{{ if !scheduled }}}
+<li <!-- IF !deleted -->hidden<!-- ENDIF !deleted -->><a component="topic/restore" href="#" class="dropdown-item <!-- IF !deleted -->hidden<!-- ENDIF !deleted -->"><i class="fa fa-fw fa-history"></i> [[topic:thread_tools.restore]]</a></li>
+{{{ end }}}
+<!-- IF privileges.purge -->
+<li <!-- IF !deleted -->hidden<!-- ENDIF !deleted -->><a component="topic/purge" href="#" class="dropdown-item <!-- IF !deleted -->hidden<!-- ENDIF !deleted -->"><i class="fa fa-fw fa-eraser"></i> [[topic:thread_tools.purge]]</a></li>
+<!-- END -->
+<!-- IF privileges.isAdminOrMod -->
+<li><a component="topic/delete/posts" class="dropdown-item" href="#"><i class="fa fa-fw fa-trash-o"></i> [[topic:thread_tools.delete-posts]]</a></li>
+<!-- ENDIF privileges.isAdminOrMod -->
+
+{{{each thread_tools}}}
+<li><a href="#" class="dropdown-item {thread_tools.class}"><i class="fa fa-fw {thread_tools.icon}"></i> {thread_tools.title}</a></li>
+{{{end}}}
+<!-- ENDIF privileges.deletable -->

package/templates/partials/topic/watch.tpl

@@ -0,0 +1,24 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<!-- IF config.loggedIn -->
+<div class="btn-group topic-watch-dropdown bottom-sheet" component="topic/watch"
+data-bs-toggle="tooltip"
+	{{{if isFollowing}}}title="[[topic:watching]]"{{{end}}}
+	{{{if isNotFollowing}}}title="[[topic:not-watching]]"{{{end}}}
+	{{{if isIgnoring}}}title="[[topic:ignoring]]"{{{end}}}
+>
+	<button class="btn btn-sm btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" type="button">
+		<span component="topic/following/menu" <!-- IF !isFollowing -->class="hidden"<!-- ENDIF !isFollowing -->><i class="fa fa-fw fa-bell-o"></i></span>
+
+		<span component="topic/not-following/menu" <!-- IF !isNotFollowing -->class="hidden"<!-- ENDIF !isNotFollowing -->><i class="fa fa-fw fa-bell-slash-o"></i></span>
+
+		<span component="topic/ignoring/menu" <!-- IF !isIgnoring -->class="hidden"<!-- ENDIF !isIgnoring -->><i class="fa fa-fw fa-eye-slash"></i></span>
+
+	</button>
+	<ul class="dropdown-menu dropdown-menu-end">
+		<li><a class="dropdown-item" href="#" component="topic/following"><i component="topic/following/check" class="fa fa-fw <!-- IF isFollowing -->fa-check<!-- ENDIF isFollowing -->"></i><i class="fa fa-fw fa-bell-o"></i> [[topic:watching]]<p class="help-text hidden-xs"><small>[[topic:watching.description]]</small></p></a></li>
+		<li><a class="dropdown-item" href="#" component="topic/not-following"><i component="topic/not-following/check" class="fa fa-fw <!-- IF isNotFollowing -->fa-check<!-- ENDIF isNotFollowing -->"></i><i class="fa fa-fw fa-bell-slash-o"></i> [[topic:not-watching]]<p class="help-text hidden-xs"><small>[[topic:not-watching.description]]</small></p></a></li>
+		<li><a class="dropdown-item" href="#" component="topic/ignoring"><i component="topic/ignoring/check" class="fa fa-fw <!-- IF isIgnoring -->fa-check<!-- ENDIF isIgnoring -->"></i><i class="fa fa-fw fa-eye-slash"></i> [[topic:ignoring]]<p class="help-text hidden-xs"><small>[[topic:ignoring.description]]</small></p></a></li>
+	</ul>
+</div>
+<!-- ENDIF config.loggedIn -->

package/templates/partials/topic-filters.tpl

@@ -0,0 +1,14 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div class="btn-group bottom-sheet{{{ if !filters.length }}} hidden{{{ end }}}">
+	<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown">
+		<span class="visible-sm-inline visible-md-inline visible-lg-inline">{selectedFilter.name}</span><span class="visible-xs-inline"><i class="fa fa-fw {selectedFilter.icon}"></i></span> <span class="caret"></span>
+	</button>
+	<ul class="dropdown-menu dropdown-menu-end" role="menu">
+		{{{each filters}}}
+		<li role="presentation" class="category {{{if filters.selected}}}selected{{{end}}}">
+			<a class="dropdown-item" role="menu-item" href="{config.relative_path}/{filters.url}"><i class="fa fa-fw {{{ if filters.selected }}}fa-check{{{ end }}}"></i>{filters.name}</a>
+		</li>
+		{{{end}}}
+	</ul>
+</div>

package/templates/partials/topic-terms.tpl

@@ -0,0 +1,14 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div class="btn-group bottom-sheet {{{ if !terms.length }}}hidden{{{ end }}}">
+	<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown">
+	{selectedTerm.name} <span class="caret"></span>
+	</button>
+	<ul class="dropdown-menu dropdown-menu-end" role="menu">
+		{{{each terms}}}
+		<li role="presentation" class="category">
+			<a class="dropdown-item" role="menu-item" href="{config.relative_path}/{terms.url}"><i class="fa fa-fw {{{ if terms.selected }}}fa-check{{{ end }}}"></i>{terms.name}</a>
+		</li>
+		{{{end}}}
+	</ul>
+</div>