nodebb-theme-harmony 2.0.1 → 2.0.3

package/templates/partials/search-filters.tpl

@@ -1,184 +1,184 @@
-<div class="d-flex flex-wrap gap-2 align-items-center" component="search/filters">
-	<!-- category filter -->
-	<div class="post-search-item">
-		<div component="category/filter" class="dropdown" data-filter-name="category">
-			<a component="category/filter/button" class="filter-btn btn btn-light btn-sm border {{{ if filters.categories.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
-				<span class="filter-label">{{{ if filters.categories.active }}}{filters.categories.label}{{{ else }}}[[search:categories]]{{{ end }}}</span>
-				<span class="caret text-primary opacity-75"></span>
-			</a>
-
-			<ul class="dropdown-menu p-1 text-sm" role="menu">
-				<li class="px-3 py-1 mb-2 d-flex flex-column gap-2">
-					<div component="category-selector-search">
-						<input type="text" class="form-control" component="category/filter/search" placeholder="[[search:type-a-category]]">
-					</div>
-				</li>
-				<div component="category/list" class="overflow-auto ghost-scrollbar" style="max-height: 350px;"></div>
-				<div class="px-3 py-1">
-					<div class="form-check">
-						<input id="search-children" class="form-check-input" type="checkbox"/>
-						<label class="form-check-label" for="search-children">[[search:search-child-categories]]</label>
-					</div>
-				</div>
-			</ul>
-		</div>
-	</div>
-
-
-	<!-- tag filter -->
-	<div class="post-search-item">
-		<div component="tag/filter" class="dropdown" data-filter-name="tag">
-			<a component="tag/filter/button" class="filter-btn btn btn-light btn-sm border {{{ if filters.tags.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
-				<span class="filter-label">{{{ if filters.tags.active }}}{filters.tags.label}{{{ else }}}[[search:tags]]{{{ end }}}</span>
-				<span class="caret text-primary opacity-75"></span>
-			</a>
-
-			<ul class="dropdown-menu p-1 text-sm" style="width: 350px;" role="menu">
-				<li class="px-3 py-1 d-flex flex-column gap-2">
-					<input type="text" class="form-control" component="tag/filter/search" placeholder="[[search:type-a-tag]]">
-					<div component="tag/filter/selected" class="d-flex flex-wrap gap-2">
-						{{{ each tagFilterSelected }}}
-						<div class="d-flex px-2 py-1 rounded-1 text-bg-primary gap-2 align-items-center text-sm">
-							<div>{./valueEscaped}</div>
-							<button component="tag/filter/delete" data-tag="{./valueEscaped}" class="btn btn-primary btn-sm py-0"><i class="fa fa-times fa-xs"></i></button>
-						</div>
-						{{{ end }}}
-					</div>
-					<hr/>
-					<div component="tag/filter/results" class="d-flex flex-wrap gap-2">
-						{{{ each tagFilterResults }}}
-						<button class="btn btn-light btn-sm border" data-tag="{./valueEscaped}">{./valueEscaped}</button>
-						{{{ end }}}
-					</div>
-				</li>
-			</ul>
-		</div>
-	</div>
-
-	<!-- user name filter -->
-	<div class="post-search-item">
-		<div component="user/filter" class="dropdown" data-filter-name="user">
-			<a component="user/filter/button" class="filter-btn btn btn-light btn-sm border {{{ if filters.users.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
-				<span class="filter-label">{{{ if filters.users.active }}}{filters.users.label}{{{ else }}}[[search:posted-by]]{{{ end }}}</span>
-				<span class="caret text-primary opacity-75"></span>
-			</a>
-
-			<ul class="dropdown-menu p-1 text-sm" style="width: 350px;" role="menu">
-				<li class="px-3 py-1 d-flex flex-column gap-2">
-					<input type="text" class="form-control" component="user/filter/search" placeholder="[[search:type-a-username]]">
-					<div component="user/filter/selected" class="d-flex flex-wrap gap-2">
-						{{{ each userFilterSelected }}}
-						<div class="d-flex px-2 py-1 rounded-1 text-bg-primary gap-2 align-items-center text-sm">
-							{buildAvatar(@value, "16px", true)} {./username}
-							<button component="user/filter/delete" data-uid="{./uid}" class="btn btn-primary btn-sm py-0"><i class="fa fa-times fa-xs"></i></button>
-						</div>
-						{{{ end }}}
-					</div>
-					<hr/>
-					<div component="user/filter/results" class="d-flex flex-wrap gap-2">
-						{{{ each userFilterResults }}}
-						<button class="btn btn-light btn-sm border" data-uid="{./uid}" data-username="{./username}">{buildAvatar(@value, "16px", true)} {./username}</button>
-						{{{ end }}}
-					</div>
-				</li>
-			</ul>
-		</div>
-	</div>
-
-
-	<!-- reply count filter -->
-	<div class="post-search-item">
-		<div class="dropdown" data-filter-name="replies">
-			<a id="reply-count-button" class="filter-btn btn btn-light btn-sm border {{{ if filters.replies.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-				<span class="filter-label">{{{ if filters.replies.active }}}{filters.replies.label}{{{ else }}}[[search:replies]]{{{ end }}}</span>
-				<span class="caret text-primary opacity-75"></span>
-			</a>
-
-			<ul class="dropdown-menu p-1 text-sm" style="width: 300px;" role="menu">
-				<li class="px-3 py-1 d-flex flex-nowrap gap-2">
-					<select id="reply-count-filter" class="form-select py-2 ps-2 pe-3">
-						<option value="atleast">[[search:at-least]]</option>
-						<option value="atmost">[[search:at-most]]</option>
-					</select>
-					<input id="reply-count" type="number" min="0" class="form-control py-2 ps-2 pe-3" />
-				</li>
-			</ul>
-		</div>
-	</div>
-
-	<!-- time filter -->
-	<div class="post-search-item">
-		<div class="dropdown" data-filter-name="time">
-			<a id="post-time-button" class="filter-btn btn btn-light btn-sm border {{{ if filters.time.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-				<span class="filter-label">{{{ if filters.time.active }}}{filters.time.label}{{{ else }}}[[search:time]]{{{ end }}}</span>
-				<span class="caret text-primary opacity-75"></span>
-			</a>
-
-			<ul class="dropdown-menu p-1 text-sm" style="width: 350px;" role="menu">
-				<li class="px-3 py-1 d-flex flex-nowrap gap-2">
-					<select id="post-time-filter" class="form-select py-2 ps-2 pe-3">
-						<option value="newer">[[search:newer-than]]</option>
-						<option value="older">[[search:older-than]]</option>
-					</select>
-					<select id="post-time-range" class="form-select py-2 ps-2 pe-3">
-						<option value="">[[search:any-date]]</option>
-						<option value="86400">[[search:yesterday]]</option>
-						<option value="604800">[[search:one-week]]</option>
-						<option value="1209600">[[search:two-weeks]]</option>
-						<option value="2592000">[[search:one-month]]</option>
-						<option value="7776000">[[search:three-months]]</option>
-						<option value="15552000">[[search:six-months]]</option>
-						<option value="31104000">[[search:one-year]]</option>
-					</select>
-				</li>
-			</ul>
-		</div>
-	</div>
-
-	<!-- sort filter -->
-	<div class="post-search-item">
-		<div class="dropdown" data-filter-name="sort">
-			<a id="sort-by-button" class="filter-btn btn btn-light btn-sm border {{{ if filters.sort.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-				<span class="filter-label">{{{ if filters.sort.active }}}{filters.sort.label}{{{ else }}}[[search:sort]]{{{ end }}}</span>
-				<span class="caret text-primary opacity-75"></span>
-			</a>
-
-			<ul class="dropdown-menu p-1 text-sm" style="width: 250px;" role="menu">
-				<li class="px-3 py-1 d-flex flex-column gap-2">
-					<select id="post-sort-by" class="form-select py-2 ps-2 pe-3">
-						<option value="relevance">[[search:relevance]]</option>
-						<option value="timestamp">[[search:post-time]]</option>
-						<option value="votes">[[search:votes]]</option>
-						<option value="topic.lastposttime">[[search:last-reply-time]]</option>
-						<option value="topic.title">[[search:topic-title]]</option>
-						<option value="topic.postcount">[[search:number-of-replies]]</option>
-						<option value="topic.viewcount">[[search:number-of-views]]</option>
-						<option value="topic.votes">[[search:topic-votes]]</option>
-						<option value="topic.timestamp">[[search:topic-start-date]]</option>
-						<option value="user.username">[[search:username]]</option>
-						<option value="category.name">[[search:category]]</option>
-					</select>
-					<select id="post-sort-direction" class="form-select py-2 ps-2 pe-3">
-						<option value="desc">[[search:descending]]</option>
-						<option value="asc">[[search:ascending]]</option>
-					</select>
-				</li>
-			</ul>
-		</div>
-	</div>
-
-	<!-- save & reset preferences -->
-	<div class="post-search-item">
-		<div class="dropdown">
-			<a class="btn btn-light btn-sm border border-gray-300 dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">[[search:save]] <span class="caret text-primary opacity-75"></span>
-			</a>
-
-			<ul class="dropdown-menu p-1 text-sm" style="width: 300px;" role="menu">
-				<li class="px-3 py-1 d-flex flex-column gap-2">
-					<button id="save-preferences" class="btn btn-primary">[[search:save-preferences]]</button>
-					<button id="clear-preferences" class="btn btn-ghost border">[[search:clear-preferences]]</button>
-				</li>
-			</ul>
-		</div>
-	</div>
+<div class="d-flex flex-wrap gap-2 align-items-center" component="search/filters">
+	<!-- category filter -->
+	<div class="post-search-item">
+		<div component="category/filter" class="dropdown" data-filter-name="category">
+			<a component="category/filter/button" class="filter-btn btn btn-light btn-sm border {{{ if filters.categories.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
+				<span class="filter-label">{{{ if filters.categories.active }}}{filters.categories.label}{{{ else }}}[[search:categories]]{{{ end }}}</span>
+				<span class="caret text-primary opacity-75"></span>
+			</a>
+
+			<ul class="dropdown-menu p-1 text-sm" role="menu">
+				<li class="px-3 py-1 mb-2 d-flex flex-column gap-2">
+					<div component="category-selector-search">
+						<input type="text" class="form-control" component="category/filter/search" placeholder="[[search:type-a-category]]">
+					</div>
+				</li>
+				<div component="category/list" class="overflow-auto ghost-scrollbar" style="max-height: 350px;"></div>
+				<div class="px-3 py-1">
+					<div class="form-check">
+						<input id="search-children" class="form-check-input" type="checkbox"/>
+						<label class="form-check-label" for="search-children">[[search:search-child-categories]]</label>
+					</div>
+				</div>
+			</ul>
+		</div>
+	</div>
+
+
+	<!-- tag filter -->
+	<div class="post-search-item">
+		<div component="tag/filter" class="dropdown" data-filter-name="tag">
+			<a component="tag/filter/button" class="filter-btn btn btn-light btn-sm border {{{ if filters.tags.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
+				<span class="filter-label">{{{ if filters.tags.active }}}{filters.tags.label}{{{ else }}}[[search:tags]]{{{ end }}}</span>
+				<span class="caret text-primary opacity-75"></span>
+			</a>
+
+			<ul class="dropdown-menu p-1 text-sm" style="width: 350px;" role="menu">
+				<li class="px-3 py-1 d-flex flex-column gap-2">
+					<input type="text" class="form-control" component="tag/filter/search" placeholder="[[search:type-a-tag]]">
+					<div component="tag/filter/selected" class="d-flex flex-wrap gap-2">
+						{{{ each tagFilterSelected }}}
+						<div class="d-flex px-2 py-1 rounded-1 text-bg-primary gap-2 align-items-center text-sm">
+							<div>{./valueEscaped}</div>
+							<button component="tag/filter/delete" data-tag="{./valueEscaped}" class="btn btn-primary btn-sm py-0"><i class="fa fa-times fa-xs"></i></button>
+						</div>
+						{{{ end }}}
+					</div>
+					<hr/>
+					<div component="tag/filter/results" class="d-flex flex-wrap gap-2">
+						{{{ each tagFilterResults }}}
+						<button class="btn btn-light btn-sm border" data-tag="{./valueEscaped}">{./valueEscaped}</button>
+						{{{ end }}}
+					</div>
+				</li>
+			</ul>
+		</div>
+	</div>
+
+	<!-- user name filter -->
+	<div class="post-search-item">
+		<div component="user/filter" class="dropdown" data-filter-name="user">
+			<a component="user/filter/button" class="filter-btn btn btn-light btn-sm border {{{ if filters.users.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
+				<span class="filter-label">{{{ if filters.users.active }}}{filters.users.label}{{{ else }}}[[search:posted-by]]{{{ end }}}</span>
+				<span class="caret text-primary opacity-75"></span>
+			</a>
+
+			<ul class="dropdown-menu p-1 text-sm" style="width: 350px;" role="menu">
+				<li class="px-3 py-1 d-flex flex-column gap-2">
+					<input type="text" class="form-control" component="user/filter/search" placeholder="[[search:type-a-username]]">
+					<div component="user/filter/selected" class="d-flex flex-wrap gap-2">
+						{{{ each userFilterSelected }}}
+						<div class="d-flex px-2 py-1 rounded-1 text-bg-primary gap-2 align-items-center text-sm">
+							{buildAvatar(@value, "16px", true)} {./username}
+							<button component="user/filter/delete" data-uid="{./uid}" class="btn btn-primary btn-sm py-0"><i class="fa fa-times fa-xs"></i></button>
+						</div>
+						{{{ end }}}
+					</div>
+					<hr/>
+					<div component="user/filter/results" class="d-flex flex-wrap gap-2">
+						{{{ each userFilterResults }}}
+						<button class="btn btn-light btn-sm border" data-uid="{./uid}" data-username="{./username}">{buildAvatar(@value, "16px", true)} {./username}</button>
+						{{{ end }}}
+					</div>
+				</li>
+			</ul>
+		</div>
+	</div>
+
+
+	<!-- reply count filter -->
+	<div class="post-search-item">
+		<div class="dropdown" data-filter-name="replies">
+			<a id="reply-count-button" class="filter-btn btn btn-light btn-sm border {{{ if filters.replies.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+				<span class="filter-label">{{{ if filters.replies.active }}}{filters.replies.label}{{{ else }}}[[search:replies]]{{{ end }}}</span>
+				<span class="caret text-primary opacity-75"></span>
+			</a>
+
+			<ul class="dropdown-menu p-1 text-sm" style="width: 300px;" role="menu">
+				<li class="px-3 py-1 d-flex flex-nowrap gap-2">
+					<select id="reply-count-filter" class="form-select py-2 ps-2 pe-3">
+						<option value="atleast">[[search:at-least]]</option>
+						<option value="atmost">[[search:at-most]]</option>
+					</select>
+					<input id="reply-count" type="number" min="0" class="form-control py-2 ps-2 pe-3" />
+				</li>
+			</ul>
+		</div>
+	</div>
+
+	<!-- time filter -->
+	<div class="post-search-item">
+		<div class="dropdown" data-filter-name="time">
+			<a id="post-time-button" class="filter-btn btn btn-light btn-sm border {{{ if filters.time.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+				<span class="filter-label">{{{ if filters.time.active }}}{filters.time.label}{{{ else }}}[[search:time]]{{{ end }}}</span>
+				<span class="caret text-primary opacity-75"></span>
+			</a>
+
+			<ul class="dropdown-menu p-1 text-sm" style="width: 350px;" role="menu">
+				<li class="px-3 py-1 d-flex flex-nowrap gap-2">
+					<select id="post-time-filter" class="form-select py-2 ps-2 pe-3">
+						<option value="newer">[[search:newer-than]]</option>
+						<option value="older">[[search:older-than]]</option>
+					</select>
+					<select id="post-time-range" class="form-select py-2 ps-2 pe-3">
+						<option value="">[[search:any-date]]</option>
+						<option value="86400">[[search:yesterday]]</option>
+						<option value="604800">[[search:one-week]]</option>
+						<option value="1209600">[[search:two-weeks]]</option>
+						<option value="2592000">[[search:one-month]]</option>
+						<option value="7776000">[[search:three-months]]</option>
+						<option value="15552000">[[search:six-months]]</option>
+						<option value="31104000">[[search:one-year]]</option>
+					</select>
+				</li>
+			</ul>
+		</div>
+	</div>
+
+	<!-- sort filter -->
+	<div class="post-search-item">
+		<div class="dropdown" data-filter-name="sort">
+			<a id="sort-by-button" class="filter-btn btn btn-light btn-sm border {{{ if filters.sort.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+				<span class="filter-label">{{{ if filters.sort.active }}}{filters.sort.label}{{{ else }}}[[search:sort]]{{{ end }}}</span>
+				<span class="caret text-primary opacity-75"></span>
+			</a>
+
+			<ul class="dropdown-menu p-1 text-sm" style="width: 250px;" role="menu">
+				<li class="px-3 py-1 d-flex flex-column gap-2">
+					<select id="post-sort-by" class="form-select py-2 ps-2 pe-3">
+						<option value="relevance">[[search:relevance]]</option>
+						<option value="timestamp">[[search:post-time]]</option>
+						<option value="votes">[[search:votes]]</option>
+						<option value="topic.lastposttime">[[search:last-reply-time]]</option>
+						<option value="topic.title">[[search:topic-title]]</option>
+						<option value="topic.postcount">[[search:number-of-replies]]</option>
+						<option value="topic.viewcount">[[search:number-of-views]]</option>
+						<option value="topic.votes">[[search:topic-votes]]</option>
+						<option value="topic.timestamp">[[search:topic-start-date]]</option>
+						<option value="user.username">[[search:username]]</option>
+						<option value="category.name">[[search:category]]</option>
+					</select>
+					<select id="post-sort-direction" class="form-select py-2 ps-2 pe-3">
+						<option value="desc">[[search:descending]]</option>
+						<option value="asc">[[search:ascending]]</option>
+					</select>
+				</li>
+			</ul>
+		</div>
+	</div>
+
+	<!-- save & reset preferences -->
+	<div class="post-search-item">
+		<div class="dropdown">
+			<a class="btn btn-light btn-sm border border-gray-300 dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">[[search:save]] <span class="caret text-primary opacity-75"></span>
+			</a>
+
+			<ul class="dropdown-menu p-1 text-sm" style="width: 300px;" role="menu">
+				<li class="px-3 py-1 d-flex flex-column gap-2">
+					<button id="save-preferences" class="btn btn-primary">[[search:save-preferences]]</button>
+					<button id="clear-preferences" class="btn btn-ghost border">[[search:clear-preferences]]</button>
+				</li>
+			</ul>
+		</div>
+	</div>
 </div>

package/templates/partials/search-results.tpl

@@ -1,55 +1,55 @@
-{{{ if matchCount }}}
-<div class="card card-header text-xs px-2 py-1 fw-semibold border-0 align-self-start">[[search:results-matching, {matchCount}, {search_query}, {time}]] </div>
-{{{ else }}}
-{{{ if search_query }}}
-<div class="badge text-bg-warning align-self-start">[[search:no-matches]]</div>
-{{{ end }}}
-{{{ end }}}
-
-<div id="results" class="search-results" data-search-query="{search_query}">
-	{{{ if showAsPosts }}}
-	{{{ if posts.length }}}
-	<!-- IMPORT partials/posts_list.tpl -->
-	{{{ end }}}
-	{{{ end }}}
-
-	{{{ if showAsTopics }}}
-	{{{ each posts }}}
-	<hr/>
-	<div class="topic-row  mb-3">
-		<a class="topic-title fw-semibold fs-5 text-reset text-break" href="{config.relative_path}/post/{encodeURIComponent(./pid)}">
-			{{{ if !./isMainPost }}}RE: {{{ end }}}{./topic.title}
-		</a>
-		<div class="post-body d-flex flex-column gap-1">
-			<div class="d-flex gap-3 post-info">
-				<div class="post-author d-flex gap-1">
-					<a class="lh-1 text-decoration-none" href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(./user, "16px", true, "not-responsive")}</a>
-					<a class="fw-semibold text-sm" href="{config.relative_path}/user/{./user.userslug}">{../user.displayname}</a>
-				</div>
-				<span class="timeago text-sm text-muted" title="{./timestampISO}"></span>
-			</div>
-		</div>
-	</div>
-	{{{ end }}}
-	{{{ end }}}
-
-	{{{ if users.length }}}
-	<!-- IMPORT partials/users_list.tpl -->
-	{{{ end }}}
-
-	{{{ if tags.length }}}
-	<div class="tag-list row row-cols-2 row-cols-lg-3 row-cols-xl-4 gx-3 gy-2">
-	<!-- IMPORT partials/tags_list.tpl -->
-	</div>
-	{{{ end }}}
-
-	{{{ if categories.length }}}
-	<ul class="categories list-unstyled">
-		{{{each categories}}}
-		<!-- IMPORT partials/categories/item.tpl -->
-		{{{end}}}
-	</ul>
-	{{{ end }}}
-
-	<!-- IMPORT partials/paginator.tpl -->
+{{{ if matchCount }}}
+<div class="card card-header text-xs px-2 py-1 fw-semibold border-0 align-self-start">[[search:results-matching, {matchCount}, {search_query}, {time}]] </div>
+{{{ else }}}
+{{{ if search_query }}}
+<div class="badge text-bg-warning align-self-start">[[search:no-matches]]</div>
+{{{ end }}}
+{{{ end }}}
+
+<div id="results" class="search-results" data-search-query="{search_query}">
+	{{{ if showAsPosts }}}
+	{{{ if posts.length }}}
+	<!-- IMPORT partials/posts_list.tpl -->
+	{{{ end }}}
+	{{{ end }}}
+
+	{{{ if showAsTopics }}}
+	{{{ each posts }}}
+	<hr/>
+	<div class="topic-row  mb-3">
+		<a class="topic-title fw-semibold fs-5 text-reset text-break" href="{config.relative_path}/post/{encodeURIComponent(./pid)}">
+			{{{ if !./isMainPost }}}RE: {{{ end }}}{./topic.title}
+		</a>
+		<div class="post-body d-flex flex-column gap-1">
+			<div class="d-flex gap-3 post-info">
+				<div class="post-author d-flex gap-1">
+					<a class="lh-1 text-decoration-none" href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(./user, "16px", true, "not-responsive")}</a>
+					<a class="fw-semibold text-sm" href="{config.relative_path}/user/{./user.userslug}">{../user.displayname}</a>
+				</div>
+				<span class="timeago text-sm text-muted" title="{./timestampISO}"></span>
+			</div>
+		</div>
+	</div>
+	{{{ end }}}
+	{{{ end }}}
+
+	{{{ if users.length }}}
+	<!-- IMPORT partials/users_list.tpl -->
+	{{{ end }}}
+
+	{{{ if tags.length }}}
+	<div class="tag-list row row-cols-2 row-cols-lg-3 row-cols-xl-4 gx-3 gy-2">
+	<!-- IMPORT partials/tags_list.tpl -->
+	</div>
+	{{{ end }}}
+
+	{{{ if categories.length }}}
+	<ul class="categories list-unstyled">
+		{{{each categories}}}
+		<!-- IMPORT partials/categories/item.tpl -->
+		{{{end}}}
+	</ul>
+	{{{ end }}}
+
+	<!-- IMPORT partials/paginator.tpl -->
 </div>

package/templates/partials/sidebar/chats.tpl

@@ -1,45 +1,45 @@
-<a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative" component="chat/dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[global:header.chats]]">
-	<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
-		<span class="position-relative">
-			<i component="chat/icon" class="fa fa-fw {{{ if unreadCount.chat}}}fa-comment{{{ else }}}fa-comment-o{{{ end }}} unread-count" data-content="{unreadCount.chat}"></i>
-			<span component="chat/count" class="visible-closed position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary {{{ if !unreadCount.chat }}}hidden{{{ end }}}">{unreadCount.chat}</span>
-		</span>
-		<span class="nav-text small visible-open fw-semibold">[[global:header.chats]]</span>
-	</span>
-	<span component="chat/count" class="visible-open badge rounded-1 bg-primary {{{ if !unreadCount.chat }}}hidden{{{ end }}}">{unreadCount.chat}</span>
-</a>
-<ul class="chats-dropdown dropdown-menu p-1 shadow" role="menu">
-	<li>
-		<div component="chat/list" class="list-container chats-list overscroll-behavior-contain p-0 pe-1 ff-base ghost-scrollbar">
-			<div class="rounded-1">
-				<div class="d-flex gap-1 justify-content-between">
-					<div class="dropdown-item p-2 d-flex gap-2 placeholder-wave">
-						<div class="main-avatar">
-							<div class="placeholder" style="width: 32px; height: 32px;"></div>
-						</div>
-						<div class="d-flex flex-grow-1 flex-column w-100">
-							<div class="text-xs"><div class="placeholder col-3"></div></div>
-							<div class="text-sm"><div class="placeholder col-11"></div></div>
-							<div class="text-xs"><div class="placeholder col-4"></div></div>
-						</div>
-					</div>
-					<div>
-						<button class="mark-read btn btn-ghost btn-sm d-flex align-items-center justify-content-center flex-grow-0 flex-shrink-0 p-1" style="width: 1.5rem; height: 1.5rem;">
-							<i class="unread fa fa-2xs fa-circle text-primary"></i>
-						</button>
-					</div>
-				</div>
-			</div>
-		</div>
-	</li>
-	<li class="dropdown-divider"></li>
-	<li>
-		<div class="d-flex justify-content-center gap-1 flex-wrap">
-			<a component="chats/mark-all-read" role="button" href="#" class="btn btn-sm btn-light mark-all-read flex-fill text-nowrap text-truncate ff-secondary"><i class="fa fa-check-double"></i> [[modules:chat.mark-all-read]]</a>
-			<!-- on md and up see all chats button goes to last room -->
-			<a class="d-none d-md-inline btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/user/{user.userslug}/chats{{{ if user.lastRoomId }}}/{user.lastRoomId}{{{ end }}}"><i class="fa fa-list"></i> [[modules:chat.see-all]]</a>
-			<!-- on xs&sm the see all chats button goes to the list of chats -->
-			<a class="d-inline d-md-none btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/user/{user.userslug}/chats"><i class="fa fa-list"></i> [[modules:chat.see-all]]</a>
-		</div>
-	</li>
-</ul>
+<a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative" component="chat/dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[global:header.chats]]">
+	<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
+		<span class="position-relative">
+			<i component="chat/icon" class="fa fa-fw {{{ if unreadCount.chat}}}fa-comment{{{ else }}}fa-comment-o{{{ end }}} unread-count" data-content="{unreadCount.chat}"></i>
+			<span component="chat/count" class="visible-closed position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary {{{ if !unreadCount.chat }}}hidden{{{ end }}}">{unreadCount.chat}</span>
+		</span>
+		<span class="nav-text small visible-open fw-semibold">[[global:header.chats]]</span>
+	</span>
+	<span component="chat/count" class="visible-open badge rounded-1 bg-primary {{{ if !unreadCount.chat }}}hidden{{{ end }}}">{unreadCount.chat}</span>
+</a>
+<ul class="chats-dropdown dropdown-menu p-1 shadow" role="menu">
+	<li>
+		<div component="chat/list" class="list-container chats-list overscroll-behavior-contain p-0 pe-1 ff-base ghost-scrollbar">
+			<div class="rounded-1">
+				<div class="d-flex gap-1 justify-content-between">
+					<div class="dropdown-item p-2 d-flex gap-2 placeholder-wave">
+						<div class="main-avatar">
+							<div class="placeholder" style="width: 32px; height: 32px;"></div>
+						</div>
+						<div class="d-flex flex-grow-1 flex-column w-100">
+							<div class="text-xs"><div class="placeholder col-3"></div></div>
+							<div class="text-sm"><div class="placeholder col-11"></div></div>
+							<div class="text-xs"><div class="placeholder col-4"></div></div>
+						</div>
+					</div>
+					<div>
+						<button class="mark-read btn btn-ghost btn-sm d-flex align-items-center justify-content-center flex-grow-0 flex-shrink-0 p-1" style="width: 1.5rem; height: 1.5rem;">
+							<i class="unread fa fa-2xs fa-circle text-primary"></i>
+						</button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</li>
+	<li class="dropdown-divider"></li>
+	<li>
+		<div class="d-flex justify-content-center gap-1 flex-wrap">
+			<a component="chats/mark-all-read" role="button" href="#" class="btn btn-sm btn-light mark-all-read flex-fill text-nowrap text-truncate ff-secondary"><i class="fa fa-check-double"></i> [[modules:chat.mark-all-read]]</a>
+			<!-- on md and up see all chats button goes to last room -->
+			<a class="d-none d-md-inline btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/user/{user.userslug}/chats{{{ if user.lastRoomId }}}/{user.lastRoomId}{{{ end }}}"><i class="fa fa-list"></i> [[modules:chat.see-all]]</a>
+			<!-- on xs&sm the see all chats button goes to the list of chats -->
+			<a class="d-inline d-md-none btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/user/{user.userslug}/chats"><i class="fa fa-list"></i> [[modules:chat.see-all]]</a>
+		</div>
+	</li>
+</ul>