nodebb-theme-harmony 2.0.0-pre.4 → 2.0.0-pre.40

package/templates/post-queue.tpl

@@ -20,7 +20,7 @@
 		</div>
 
 		<div class="btn-group bottom-sheet" component="post-queue/bulk-actions">
-			<button type="button" class="btn-ghost-sm ff-secondary dropdown-toggle" data-bs-toggle="dropdown" autocomplete="off" aria-haspopup="true" aria-expanded="false">
+			<button type="button" class="btn btn-ghost btn-sm ff-secondary dropdown-toggle d-flex align-items-center gap-2" data-bs-toggle="dropdown" autocomplete="off" aria-haspopup="true" aria-expanded="false">
 				<i class="fa fa-clone text-primary"></i><span class="fw-semibold"> [[post-queue:bulk-actions]]</span>
 			</button>
 			<ul class="dropdown-menu p-1 text-sm dropdown-menu-end" role="menu">
@@ -78,7 +78,7 @@
 								[[post-queue:user]]
 								{{{ if ((privileges.ban || privileges.mute) || privileges.admin:users) }}}
 								<div class="ms-auto btn-group bottom-sheet">
-									<button href="#" class="btn btn-ghost-sm ff-secondary border text-xs dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">[[global:actions]]</button>
+									<button href="#" class="btn btn-ghost btn-sm ff-secondary border text-xs dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">[[global:actions]]</button>
 									<ul class="dropdown-menu p-1 text-sm" role="menu">
 										{{{ if privileges.view:users:info }}}
 										<li><a class="dropdown-item rounded-1" href="{config.relative_path}/user/{./user.userslug}/info" role="menuitem">[[user:account-info]]</a></li>
@@ -198,6 +198,10 @@
 					<div class="post-content-editable flex-grow-1 hidden">
 						<textarea class="form-control w-100 h-100 p-3">{posts.data.rawContent}</textarea>
 					</div>
+					<div component="post-queue/link-container" class="hidden border-top mx-3 py-3">
+						<label class="text-secondary form-text mb-2">[[post-queue:links-in-this-post]]</label>
+						<ul component="post-queue/link-container/list" class="text-sm"></ul>
+					</div>
 				</div>
 			</div>
 		</div>

package/templates/topic.tpl

@@ -4,123 +4,116 @@
 {{{ end }}}
 {{{ if widgets.header.length }}}
 <div data-widget-area="header">
-	{{{each widgets.header}}}
-	{{widgets.header.html}}
-	{{{end}}}
+{{{each widgets.header}}}
+{{widgets.header.html}}
+{{{end}}}
 </div>
 {{{ end }}}
 
-<div class="d-flex flex-column gap-3" itemid="{url}" itemscope itemtype="https://schema.org/DiscussionForumPosting">
-	<meta itemprop="headline" content="{title}">
+<div itemid="{url}" itemscope itemtype="https://schema.org/DiscussionForumPosting">
+	<meta itemprop="headline" content="{escape(titleRaw)}">
+	<meta itemprop="text" content="{escape(titleRaw)}">
 	<meta itemprop="url" content="{url}">
 	<meta itemprop="datePublished" content="{timestampISO}">
 	<meta itemprop="dateModified" content="{lastposttimeISO}">
-	<meta itemprop="author" itemscope itemtype="https://schema.org/Person" itemref="topicAuthorName{{{ if author.userslug }}} topicAuthorUrl{{{ end }}}">
-	<meta id="topicAuthorName" itemprop="name" content="{author.username}">
-	{{{ if author.userslug }}}<meta id="topicAuthorUrl" itemprop="url" content="{config.relative_path}/user/{author.userslug}">{{{ end }}}
-	<div class="d-flex flex-wrap">
-		<div class="d-flex flex-column gap-3 flex-grow-1">
-			<h1 component="post/header" class="tracking-tight fw-semibold fs-3 mb-0 text-break {{{ if config.theme.centerHeaderElements }}}text-center{{{ end }}}">
-				<span class="topic-title" component="topic/title">{title}</span>
-			</h1>
+	<div itemprop="author" itemscope itemtype="https://schema.org/Person">
+		<meta itemprop="name" content="{author.username}">
+		{{{ if author.userslug }}}<meta itemprop="url" content="{config.relative_path}/user/{author.userslug}">{{{ end }}}
+	</div>
 
-			<div class="topic-info d-flex gap-2 align-items-center flex-wrap {{{ if config.theme.centerHeaderElements }}}justify-content-center{{{ end }}}">
-				<span component="topic/labels" class="d-flex gap-2 {{{ if (!scheduled && (!pinned && (!locked && (!oldCid && !icons.length)))) }}}hidden{{{ end }}}">
-					<span component="topic/scheduled" class="badge badge border border-gray-300 text-body {{{ if !scheduled }}}hidden{{{ end }}}">
-						<i class="fa fa-clock-o"></i>
-						[[topic:scheduled]]
-					</span>
-					<span component="topic/pinned" class="badge badge border border-gray-300 text-body {{{ if (scheduled || !pinned) }}}hidden{{{ end }}}">
-						<i class="fa fa-thumb-tack"></i>
-						{{{ if !pinExpiry }}}[[topic:pinned]]{{{ else }}}[[topic:pinned-with-expiry, {isoTimeToLocaleString(./pinExpiryISO, config.userLang)}]]{{{ end }}}
-					</span>
-					<span component="topic/locked" class="badge badge border border-gray-300 text-body {{{ if !locked }}}hidden{{{ end }}}">
-						<i class="fa fa-lock"></i>
-						[[topic:locked]]
+	<div class="d-flex flex-column gap-3">
+		<div class="d-flex flex-wrap">
+			<div class="d-flex flex-column gap-3 flex-grow-1">
+				<h1 component="post/header" class="tracking-tight fw-semibold fs-3 mb-0 text-break {{{ if config.theme.centerHeaderElements }}}text-center{{{ end }}}">
+					<span class="topic-title" component="topic/title">{title}</span>
+				</h1>
+
+				<div class="topic-info d-flex gap-2 align-items-center flex-wrap {{{ if config.theme.centerHeaderElements }}}justify-content-center{{{ end }}}">
+					<span component="topic/labels" class="d-flex gap-2 {{{ if (!scheduled && (!pinned && (!locked && (!oldCid && !icons.length)))) }}}hidden{{{ end }}}">
+						<span component="topic/scheduled" class="badge badge border border-gray-300 text-body {{{ if !scheduled }}}hidden{{{ end }}}">
+							<i class="fa fa-clock-o"></i> [[topic:scheduled]]
+						</span>
+						<span component="topic/pinned" class="badge badge border border-gray-300 text-body {{{ if (scheduled || !pinned) }}}hidden{{{ end }}}">
+							<i class="fa fa-thumb-tack"></i> {{{ if !pinExpiry }}}[[topic:pinned]]{{{ else }}}[[topic:pinned-with-expiry, {isoTimeToLocaleString(./pinExpiryISO, config.userLang)}]]{{{ end }}}
+						</span>
+						<span component="topic/locked" class="badge badge border border-gray-300 text-body {{{ if !locked }}}hidden{{{ end }}}">
+							<i class="fa fa-lock"></i> [[topic:locked]]
+						</span>
+						<a component="topic/moved" href="{config.relative_path}/category/{oldCid}" class="badge badge border border-gray-300 text-body text-decoration-none {{{ if (!oldCid || (oldCid == "-1")) }}}hidden{{{ end }}}">
+							<i class="fa fa-arrow-circle-right"></i> {{{ if privileges.isAdminOrMod }}}[[topic:moved-from, {oldCategory.name}]]{{{ else }}}[[topic:moved]]{{{ end }}}
+						</a>
+						{{{each icons}}}<span class="lh-1">{@value}</span>{{{end}}}
 					</span>
-					<a href="{config.relative_path}/category/{oldCid}" class="badge badge border border-gray-300 text-body text-decoration-none {{{ if !oldCid }}}hidden{{{ end }}}">
-						<i class="fa fa-arrow-circle-right"></i>
-						{{{ if privileges.isAdminOrMod }}}[[topic:moved-from, {oldCategory.name}]]{{{ else }}}[[topic:moved]]{{{ end }}}
-					</a>
-					{{{each icons}}}<span class="lh-1">{@value}</span>{{{end}}}
-				</span>
-				{function.buildCategoryLabel, category, "a", "border"}
-				<div data-tid="{./tid}" component="topic/tags" class="lh-1 tags tag-list d-flex flex-wrap hidden-xs hidden-empty gap-2"><!-- IMPORT partials/topic/tags.tpl --></div>
-				<div class="d-flex hidden-xs gap-2">
-					<!-- IMPORT partials/topic/stats.tpl -->
+					{function.buildCategoryLabel, category, "a", "border"}
+					<div data-tid="{./tid}" component="topic/tags" class="lh-1 tags tag-list d-flex flex-wrap hidden-xs hidden-empty gap-2"><!-- IMPORT partials/topic/tags.tpl --></div>
+					<div class="d-flex hidden-xs gap-2"><!-- IMPORT partials/topic/stats.tpl --></div>
 				</div>
 			</div>
+			<div class="d-flex gap-2 justify-content-end align-items-center mt-2 hidden-empty" component="topic/thumb/list"><!-- IMPORT partials/topic/thumbs.tpl --></div>
 		</div>
-		<div class="d-flex gap-2 justify-content-end align-items-center mt-2 hidden-empty" component="topic/thumb/list"><!-- IMPORT partials/topic/thumbs.tpl --></div>
-	</div>
-
-	<div class="row mb-4 mb-lg-0">
-		<div class="topic {{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
-			<!-- IMPORT partials/post_bar.tpl -->
-
-			{{{ if merger }}}
-			<!-- IMPORT partials/topic/merged-message.tpl -->
-			{{{ end }}}
 
-			{{{ if forker }}}
-			<!-- IMPORT partials/topic/forked-message.tpl -->
-			{{{ end }}}
+		<div class="row mb-4 mb-lg-0">
+			<div class="topic {{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
+				<!-- IMPORT partials/post_bar.tpl -->
+				{{{ if merger }}}
+				<!-- IMPORT partials/topic/merged-message.tpl -->
+				{{{ end }}}
+				{{{ if forker }}}
+				<!-- IMPORT partials/topic/forked-message.tpl -->
+				{{{ end }}}
+				{{{ if !scheduled }}}
+				<!-- IMPORT partials/topic/deleted-message.tpl -->
+				{{{ end }}}
 
-			{{{ if !scheduled }}}
-			<!-- IMPORT partials/topic/deleted-message.tpl -->
-			{{{ end }}}
+				<div class="d-flex gap-0 gap-lg-5">
+					<div class="posts-container" style="min-width: 0;">
+						<ul component="topic" class="posts timeline list-unstyled mt-sm-2 p-0 py-3" style="min-width: 0;" data-tid="{tid}" data-cid="{cid}">
+						{{{ each posts }}}
+							<li component="post" class="pt-4 {{{ if posts.deleted }}}deleted{{{ end }}} {{{ if posts.selfPost }}}self-post{{{ end }}} {{{ if posts.topicOwnerPost }}}topic-owner-post{{{ end }}}" <!-- IMPORT partials/data/topic.tpl -->>
+								<a component="post/anchor" data-index="{./index}" id="{increment(./index, "1")}"></a>
+								<meta itemprop="datePublished" content="{./timestampISO}">
+								{{{ if ./editedISO }}}
+								<meta itemprop="dateModified" content="{./editedISO}">
+								{{{ end }}}
 
-			<div class="d-flex gap-0 gap-lg-5">
-				<div class="posts-container" style="min-width: 0;">
-					<ul component="topic" class="posts timeline list-unstyled mt-sm-2 p-0 py-3" style="min-width: 0;" data-tid="{tid}" data-cid="{cid}">
-					{{{ each posts }}}
-						<li component="post" class="pt-4 {{{ if posts.deleted }}}deleted{{{ end }}} {{{ if posts.selfPost }}}self-post{{{ end }}} {{{ if posts.topicOwnerPost }}}topic-owner-post{{{ end }}}" <!-- IMPORT partials/data/topic.tpl -->>
-							<a component="post/anchor" data-index="{./index}" id="{increment(./index, "1")}"></a>
-
-							<meta itemprop="datePublished" content="{./timestampISO}">
-							{{{ if ./editedISO }}}
-							<meta itemprop="dateModified" content="{./editedISO}">
+								<!-- IMPORT partials/topic/post.tpl -->
+							</li>
+							{{{ if (config.topicPostSort != "most_votes") }}}
+							{{{ each ./events}}}<!-- IMPORT partials/topic/event.tpl -->{{{ end }}}
 							{{{ end }}}
-
-							<!-- IMPORT partials/topic/post.tpl -->
-						</li>
-						{{{ if (config.topicPostSort != "most_votes") }}}
-						{{{ each ./events}}}
-						<!-- IMPORT partials/topic/event.tpl -->
 						{{{ end }}}
+						</ul>
+						{{{ if browsingUsers }}}
+						<div class="visible-xs">
+							<!-- IMPORT partials/topic/browsing-users.tpl -->
+							<hr/>
+						</div>
+						{{{ end }}}
+						{{{ if config.theme.enableQuickReply }}}
+						<!-- IMPORT partials/topic/quickreply.tpl -->
 						{{{ end }}}
-					{{{ end }}}
-					</ul>
-					{{{ if browsingUsers }}}
-					<div class="visible-xs">
-						<!-- IMPORT partials/topic/browsing-users.tpl -->
-						<hr/>
 					</div>
-					{{{ end }}}
-					{{{ if config.theme.enableQuickReply }}}
-					<!-- IMPORT partials/topic/quickreply.tpl -->
-					{{{ end }}}
+
+					<!-- IMPORT partials/topic/navigator.tpl -->
 				</div>
 
-				<!-- IMPORT partials/topic/navigator.tpl -->
+				{{{ if config.usePagination }}}
+				<!-- IMPORT partials/paginator.tpl -->
+				{{{ end }}}
 			</div>
-
-			{{{ if config.usePagination }}}
-			<!-- IMPORT partials/paginator.tpl -->
-			{{{ end }}}
-		</div>
-		<div data-widget-area="sidebar" class="col-lg-3 col-sm-12 {{{ if !widgets.sidebar.length }}}hidden{{{ end }}}">
+			<div data-widget-area="sidebar" class="col-lg-3 col-sm-12 {{{ if !widgets.sidebar.length }}}hidden{{{ end }}}">
 			{{{each widgets.sidebar}}}
 			{{widgets.sidebar.html}}
 			{{{end}}}
+			</div>
 		</div>
 	</div>
 </div>
 
 <div data-widget-area="footer">
-	{{{each widgets.footer}}}
-	{{widgets.footer.html}}
-	{{{end}}}
+{{{each widgets.footer}}}
+{{widgets.footer.html}}
+{{{end}}}
 </div>
 
 {{{ if !config.usePagination }}}

package/templates/users.tpl

@@ -9,7 +9,7 @@
 		<div class="mb-2 mb-md-0">
 		<!-- IMPORT partials/users_list_menu.tpl -->
 		</div>
-		<div class="">
+		<div>
 			<div class="d-flex justify-content-end gap-2">
 				{{{ if showInviteButton }}}
 				<button component="user/invite" class="btn btn-primary btn-sm text-nowrap"><i class="fa fa-user-plus"></i> [[users:invite]]</button>

package/templates/world.tpl

@@ -6,6 +6,27 @@
 </div>
 {{{ end }}}
 
+<div class="category-header d-flex flex-column gap-2">
+	<div class="d-flex gap-2 align-items-center mb-1 {{{ if config.theme.centerHeaderElements }}}justify-content-center{{{ end }}}">
+		{buildCategoryIcon(@value, "40px", "rounded-1 flex-shrink-0")}
+		<h1 class="tracking-tight fs-2 fw-semibold mb-0 text-center">{./name}</h1>
+	</div>
+	{{{ if ./descriptionParsed }}}
+	<p class="description text-secondary text-sm w-100 {{{ if config.theme.centerHeaderElements }}}text-center{{{ end }}}">
+		{./descriptionParsed}
+	</p>
+	{{{ end }}}
+
+	<p class="description text-secondary text-sm w-100 {{{ if config.theme.centerHeaderElements }}}text-center{{{ end }}}">
+		<a class="btn btn-sm btn-link" href="{config.relative_path}/popular?term=daily&cid=-1">[[activitypub:world.popular]]</a>
+		<a class="btn btn-sm btn-link" href="{config.relative_path}/recent?cid=-1">[[activitypub:world.recent]]</a>
+		<button class="btn btn-sm btn-link" id="world-help">
+			<i class="fa fa-question"></i>
+			[[activitypub:world.help]]
+		</button>
+	</p>
+</div>
+
 <div class="row">
 	<div class="world {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
 		<!-- IMPORT partials/topic-list-bar.tpl -->

package/templates/login.tpl

@@ -1,102 +0,0 @@
-<div data-widget-area="header">
-	{{{each widgets.header}}}
-	{{widgets.header.html}}
-	{{{end}}}
-</div>
-<div class="row login flex-fill">
-	<div class="d-flex flex-column gap-2 {{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
-		<h2 class="tracking-tight fw-semibold text-center">[[global:login]]</h2>
-		<div class="row justify-content-center gap-5">
-			{{{ if allowLocalLogin }}}
-			<div class="col-12 col-md-5 col-lg-3 px-md-0">
-				<div class="login-block">
-					<form class="d-flex flex-column gap-3" role="form" method="post" id="login-form">
-						<div class="mb-2 d-flex flex-column gap-2">
-							<label for="username">{allowLoginWith}</label>
-							<input class="form-control" type="text" placeholder="{allowLoginWith}" name="username" id="username" autocorrect="off" autocapitalize="off" autocomplete="nickname" value="{username}" aria-required="true"/>
-						</div>
-						<div class="mb-2 d-flex flex-column gap-2">
-							<div class="d-flex justify-content-between align-items-center">
-								<label for="password">[[user:password]]</label>
-								{{{ if allowPasswordReset }}}
-								<a id="reset-link" class="text-sm text-reset text-decoration-underline" href="{config.relative_path}/reset">[[login:forgot-password]]</a>
-								{{{ end }}}
-							</div>
-							<div>
-								<input class="form-control" type="password" placeholder="[[user:password]]" name="password" id="password" autocomplete="current-password" autocapitalize="off" aria-required="true"/>
-								<p id="caps-lock-warning" class="text-danger hidden text-sm mb-0 form-text" aria-live="polite" role="alert" aria-atomic="true">
-									<i class="fa fa-exclamation-triangle"></i> [[login:caps-lock-enabled]]
-								</p>
-							</div>
-						</div>
-						<div class="mb-2">
-							<div class="checkbox">
-								<label>
-									<input type="checkbox" name="remember" id="remember" checked /> [[login:remember-me]]
-								</label>
-							</div>
-						</div>
-
-						{{{ each loginFormEntry }}}
-						<div class="mb-2 loginFormEntry d-flex flex-column gap-2 {./styleName}">
-							<label for="{./inputId}">{./label}</label>
-							<div>{{./html}}</div>
-						</div>
-						{{{ end }}}
-
-						<input type="hidden" name="_csrf" value="{config.csrf_token}" />
-						<input type="hidden" name="noscript" id="noscript" value="true" />
-
-						<button class="btn btn-primary" id="login" type="submit">[[global:login]]</button>
-
-						<div class="alert alert-danger {{{ if !error }}} hidden{{{ end }}}" id="login-error-notify" role="alert" aria-atomic="true">
-							<strong>[[login:failed-login-attempt]]</strong>
-							<p class="mb-0">{error}</p>
-						</div>
-
-						<hr/>
-
-						{{{ if allowRegistration }}}
-						<span class="text-sm">[[login:dont-have-account]]</span>
-						<a class="btn btn-outline-light text-body" href="{config.relative_path}/register">[[register:register]]</a>
-						{{{ end }}}
-					</form>
-				</div>
-			</div>
-			{{{ end }}}
-
-			{{{ if alternate_logins }}}
-			<div class="col-12 col-md-5 col-lg-3 px-md-0">
-				<div class="alt-login-block d-flex flex-column gap-2">
-					<label>[[login:alternative-logins]]</label>
-					<ul class="alt-logins list-unstyled">
-						{{{ each authentication }}}
-						<li class="{./name} mb-2">
-							<a class="btn btn-outline-light d-flex align-items-center" rel="nofollow noopener noreferrer" target="_top" href="{config.relative_path}{./url}">
-								{{{ if ./icons.svg }}}
-								{./icons.svg}
-								{{{ else }}}
-								<i class="flex-shrink-0 {./icons.normal}" style="color:{./color};"></i>
-								{{{ end }}}
-								{{{ if ./labels.login }}}
-								<div class="flex-grow-1 text-body text-sm">{./labels.login}</div>
-								{{{ end }}}
-							</a></li>
-						{{{ end }}}
-					</ul>
-				</div>
-			</div>
-			{{{ end }}}
-		</div>
-	</div>
-	<div data-widget-area="sidebar" class="col-lg-3 col-sm-12 {{{ if !widgets.sidebar.length }}}hidden{{{ end }}}">
-		{{{each widgets.sidebar}}}
-		{{widgets.sidebar.html}}
-		{{{end}}}
-	</div>
-</div>
-<div data-widget-area="footer">
-	{{{each widgets.footer}}}
-	{{widgets.footer.html}}
-	{{{end}}}
-</div>

package/templates/partials/category/filter-dropdown-content.tpl

@@ -1,37 +0,0 @@
-<button type="button" class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    {{{ if selectedCategory }}}
-    <span class="category-item d-inline-flex align-items-center gap-1">
-        {buildCategoryIcon(selectedCategory, "18px", "rounded-circle")}
-        <span class="visible-md-inline visible-lg-inline fw-semibold">{selectedCategory.name}</span>
-    </span>
-    {{{ else }}}
-    <i class="fa fa-fw fa-list text-primary"></i>
-    <span class="visible-md-inline visible-lg-inline fw-semibold">[[unread:all-categories]]</span>{{{ end }}}
-</button>
-<div component="category-selector-search" class="hidden position-absolute">
-    <input type="text" class="form-control form-control-sm" placeholder="[[search:type-to-search]]" autocomplete="off">
-</div>
-<ul component="category/list" class="dropdown-menu p-1 text-sm category-dropdown-menu" role="menu">
-    <li role="presentation" class="category" data-cid="all">
-        <a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="{{{ if allCategoriesUrl }}}{config.relative_path}/{allCategoriesUrl}{{{ else }}}#{{{ end }}}">
-            <div class="flex-grow-1">[[unread:all-categories]]</div>
-            <i component="category/select/icon" class="flex-shrink-0 fa fa-fw fa-check {{{if selectedCategory}}}invisible{{{end}}}"></i>
-        </a>
-    </li>
-    {{{each categoryItems}}}
-    <li role="presentation" class="category {{{ if ./disabledClass }}}disabled{{{ end }}}" data-cid="{./cid}" data-parent-cid="{./parentCid}" data-name="{./name}">
-        <a class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if ./disabledClass }}}disabled{{{ end }}}" role="menuitem" href="#">
-            {./level}
-            <span component="category-markup" class="flex-grow-1" style="{{{ if ./match }}}font-weight: bold;{{{end}}}">
-                <div class="category-item d-inline-flex align-items-center gap-1">
-                    {{{ if ./icon }}}
-                    {buildCategoryIcon(@value, "24px", "rounded-circle")}
-                    {{{ end }}}
-                    {./name}
-                </div>
-            </span>
-            <i component="category/select/icon" class="flex-shrink-0 fa fa-fw fa-check {{{ if !./selected }}}invisible{{{ end }}}"></i>
-        </a>
-    </li>
-    {{{end}}}
-</ul>

package/templates/partials/category/selector-dropdown-content.tpl

@@ -1,35 +0,0 @@
-<button type="button" class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    <span component="category-selector-selected">
-        {{{ if (selectedCategory && !showCategorySelectLabel) }}}
-        <span class="category-item d-inline-flex align-items-center gap-1">
-            {buildCategoryIcon(selectedCategory, "24px", "rounded-circle")}
-            <span class="fw-semibold">{selectedCategory.name}</span>
-        </span>
-        {{{ else }}}
-        <i class="fa fa-fw {{{ if selectCategoryIcon }}}{selectCategoryIcon}{{{ else }}}fa-list{{{ end }}} text-primary"></i>
-        <span class="visible-md-inline visible-lg-inline fw-semibold">{{{ if selectCategoryLabel }}}{selectCategoryLabel}{{{ else }}}[[topic:thread-tools.select-category]]{{{ end }}}</span>
-        {{{ end }}}
-    </span>
-</button>
-<div component="category-selector-search" class="hidden position-absolute">
-    <input type="text" class="form-control form-control-sm" placeholder="[[search:type-to-search]]" autocomplete="off">
-</div>
-<ul component="category/list" class="dropdown-menu p-1 text-sm category-dropdown-menu" role="menu">
-    <li component="category/no-matches" role="presentation" class="category hidden">
-        <a class="dropdown-item rounded-1" role="menuitem">[[search:no-matches]]</a>
-    </li>
-    {{{ each categoryItems }}}
-    <li role="presentation" class="category {{{ if ./disabledClass }}}disabled {{{ end }}}" data-cid="{./cid}" data-name="{./name}" data-parent-cid="{./parentCid}">
-        <a class="dropdown-item rounded-1 {{{ if ./disabledClass }}}disabled{{{ end }}}" role="menuitem" href="#">{./level}
-            <span component="category-markup" style="{{{ if ./match }}}font-weight: bold;{{{end}}}">
-                <div class="category-item d-inline-flex align-items-center gap-1">
-                    {{{ if ./icon }}}
-                    {buildCategoryIcon(@value, "24px", "rounded-circle")}
-                    {{{ end }}}
-                    {./name}
-                </div>
-            </span>
-        </a>
-    </li>
-    {{{ end }}}
-</ul>

package/templates/partials/category/sort.tpl

@@ -1,39 +0,0 @@
-<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" type="button" aria-haspopup="true" aria-expanded="false" aria-label="[[aria:topic-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="#" data-sort="recently_replied" role="menuitem">
-				<span class="flex-grow-1">[[topic:recently-replied]]</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="#" data-sort="recently_created" role="menuitem">
-				<span class="flex-grow-1">[[topic:recently-created]]</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="#" data-sort="most_posts" role="menuitem">
-				<span class="flex-grow-1">[[topic:most-posts]]</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="#" 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>
-		<li>
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" data-sort="most_views" role="menuitem">
-				<span class="flex-grow-1">[[topic:most-views]]</span>
-				<i class="flex-shrink-0 fa fa-fw text-secondary"></i>
-			</a>
-		</li>
-	</ul>
-</div>

package/templates/partials/category/tools.tpl

@@ -1,89 +0,0 @@
-{{{ if showTopicTools }}}
-<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="visible-md-inline visible-lg-inline fw-semibold">[[topic:thread-tools.title]]</span>
-		<span component="topic/selected/badge" class="badge rounded-pill bg-secondary"></span>
-	</button>
-	<ul class="dropdown-menu p-1 text-sm" role="menu">
-		<li>
-			<a component="topic/mark-unread-for-all" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem">
-				<i class="fa fa-fw fa-inbox text-secondary"></i> [[topic:thread-tools.markAsUnreadForAll]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/pin" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem">
-				<i class="fa fa-fw fa-thumb-tack text-secondary"></i> [[topic:thread-tools.pin]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/unpin" href="#" class="hidden dropdown-item rounded-1" role="menuitem">
-				<i class="fa fa-fw fa-thumb-tack fa-rotate-90 text-secondary"></i> [[topic:thread-tools.unpin]]
-			</a>
-		</li>
-
-		<li>
-			<a component="topic/lock" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem">
-				<i class="fa fa-fw fa-lock text-secondary"></i> [[topic:thread-tools.lock]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/unlock" href="#" class="hidden dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem">
-				<i class="fa fa-fw fa-unlock text-secondary"></i> [[topic:thread-tools.unlock]]
-			</a>
-		</li>
-
-		<li class="dropdown-divider"></li>
-
-		<li>
-			<a component="topic/move" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem">
-				<i class="fa fa-fw fa-arrows text-secondary"></i> [[topic:thread-tools.move]]
-			</a>
-		</li>
-		{{{if template.category}}}
-		<li>
-			<a component="topic/move-all" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem">
-				<i class="fa fa-fw fa-arrows text-secondary"></i> [[topic:thread-tools.move-all]]
-			</a>
-		</li>
-		{{{end}}}
-		<li>
-			<a component="topic/merge" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem">
-				<i class="fa fa-fw fa-code-fork text-secondary"></i> [[topic:thread-tools.merge]]
-			</a>
-		</li>
-
-		<li>
-			<a component="topic/tag" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem">
-				<i class="fa fa-fw fa-tag text-secondary"></i> [[topic:thread-tools.tag]]
-			</a>
-		</li>
-
-		<li class="dropdown-divider"></li>
-
-		<li>
-			<a component="topic/delete" href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem">
-				<i class="fa fa-fw fa-trash-o text-secondary"></i> [[topic:thread-tools.delete]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/restore" href="#" class="hidden dropdown-item rounded-1" role="menuitem">
-				<i class="fa fa-fw fa-history text-secondary"></i> [[topic:thread-tools.restore]]
-			</a>
-		</li>
-		<li>
-			<a component="topic/purge" href="#" class="hidden dropdown-item rounded-1" role="menuitem">
-				<i class="fa fa-fw fa-eraser text-secondary"></i> [[topic:thread-tools.purge]]
-			</a>
-		</li>
-
-		{{{each thread_tools}}}
-		<li>
-			<a href="#" class="dropdown-item rounded-1 d-flex align-items-center gap-2 {thread_tools.class}" role="menuitem">
-				<i class="fa fa-fw {thread_tools.icon} text-secondary"></i>
-				{thread_tools.title}</a>
-		</li>
-		{{{end}}}
-	</ul>
-</div>
-{{{ end }}}