nodebb-theme-harmony 0.0.1

package/templates/partials/groups/memberlist.tpl

@@ -0,0 +1,43 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div class="d-flex mb-3">
+	<!-- IF group.isOwner -->
+	<div class="flex-shrink-0">
+		<button component="groups/members/add" type="button" class="btn btn-primary me-3" title="[[groups:details.add-member]]"><i class="fa fa-user-plus"></i></button>
+	</div>
+	<!-- ENDIF group.isOwner -->
+	<div class="flex-grow-1">
+		<div class="input-group">
+			<input class="form-control" type="text" component="groups/members/search" placeholder="[[global:search]]"/>
+			<span class="input-group-text search-button"><i class="fa fa-search"></i></span>
+		</div>
+	</div>
+</div>
+
+<table component="groups/members" class="table table-striped table-hover" data-nextstart="{group.membersNextStart}">
+	<tbody>
+	{{{each group.members}}}
+	<tr data-uid="{group.members.uid}">
+		<td class="p-2">
+			<a href="{config.relative_path}/user/{group.members.userslug}">{buildAvatar(group.members, "24px", true)}</a>
+		</td>
+		<td class="member-name p-2">
+			<a class="align-text-top" href="{config.relative_path}/user/{group.members.userslug}">{group.members.username}</a>
+			<i title="[[groups:owner]]" class="user-owner-icon fa fa-star align-text-top text-warning <!-- IF !group.members.isOwner -->invisible<!-- ENDIF !group.members.isOwner -->"></i>
+
+			<!-- IF group.isOwner -->
+			<div class="owner-controls btn-group float-end">
+				<a class="btn btn-sm" href="#" data-ajaxify="false" data-action="toggleOwnership" title="[[groups:details.grant]]">
+					<i class="fa fa-star"></i>
+				</a>
+
+				<a class="btn btn-sm" href="#" data-ajaxify="false" data-action="kick" title="[[groups:details.kick]]">
+					<i class="fa fa-ban"></i>
+				</a>
+			</div>
+			<!-- ENDIF group.isOwner -->
+		</td>
+	</tr>
+	{{{end}}}
+	</tbody>
+</table>

package/templates/partials/header/user-menu.tpl

@@ -0,0 +1,87 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<li id="user_label" class="nav-item dropdown" title="[[global:header.profile]]">
+	<label for="user-control-list-check" class="" data-bs-toggle="dropdown" id="user_dropdown" role="button">
+		{buildAvatar(user, "32px", true)}
+		<span id="user-header-name" class="d-block d-sm-none">{user.username}</span>
+	</label>
+	<input type="checkbox" class="hidden" id="user-control-list-check" aria-hidden="true">
+	<ul id="user-control-list" component="header/usercontrol" class="dropdown-menu dropdown-menu-end" aria-labelledby="user_dropdown">
+		<li>
+			<a class="dropdown-item" component="header/profilelink" href="{relative_path}/user/{user.userslug}">
+				<i component="user/status" class="fa fa-fw fa-circle status {user.status}"></i> <span component="header/username">{user.username}</span>
+			</a>
+		</li>
+		<li role="presentation" class="dropdown-divider"></li>
+		<li><h6 class="dropdown-header">[[global:status]]</h6></li>
+		<li>
+			<a href="#" class="dropdown-item user-status" data-status="online">
+				<i class="fa fa-fw fa-circle status online"></i><span <!-- IF user.online -->class="bold"<!-- ENDIF user.online -->> [[global:online]]</span>
+			</a>
+		</li>
+		<li>
+			<a href="#" class="dropdown-item user-status" data-status="away">
+				<i class="fa fa-fw fa-circle status away"></i><span <!-- IF user.away -->class="bold"<!-- ENDIF user.away -->> [[global:away]]</span>
+			</a>
+		</li>
+		<li>
+			<a href="#" class="dropdown-item user-status" data-status="dnd">
+				<i class="fa fa-fw fa-circle status dnd"></i><span <!-- IF user.dnd -->class="bold"<!-- ENDIF user.dnd -->> [[global:dnd]]</span>
+			</a>
+		</li>
+		<li>
+			<a href="#" class="dropdown-item user-status" data-status="offline">
+				<i class="fa fa-fw fa-circle status offline"></i><span <!-- IF user.offline -->class="bold"<!-- ENDIF user.offline -->> [[global:invisible]]</span>
+			</a>
+		</li>
+		<li role="presentation" class="dropdown-divider"></li>
+		<li>
+			<a class="dropdown-item" component="header/profilelink/edit" href="{relative_path}/user/{user.userslug}/edit">
+				<i class="fa fa-fw fa-edit"></i> <span>[[user:edit-profile]]</span>
+			</a>
+		</li>
+		<li>
+			<a class="dropdown-item" component="header/profilelink/settings" href="{relative_path}/user/{user.userslug}/settings">
+				<i class="fa fa-fw fa-gear"></i> <span>[[user:settings]]</span>
+			</a>
+		</li>
+		{{{ if showModMenu }}}
+		<li role="presentation" class="dropdown-divider"></li>
+		<li><h6 class="dropdown-header">[[pages:moderator-tools]]</h6></li>
+		<li>
+			<a class="dropdown-item" href="{relative_path}/flags">
+				<i class="fa fa-fw fa-flag"></i> <span>[[pages:flagged-content]]</span>
+			</a>
+		</li>
+		<li>
+			<a class="dropdown-item" href="{relative_path}/post-queue">
+				<i class="fa fa-fw fa-list-alt"></i> <span>[[pages:post-queue]]</span>
+			</a>
+		</li>
+		<li>
+			<a class="dropdown-item" href="{relative_path}/ip-blacklist">
+				<i class="fa fa-fw fa-ban"></i> <span>[[pages:ip-blacklist]]</span>
+			</a>
+		</li>
+		{{{ else }}}
+		{{{ if postQueueEnabled }}}
+		<li>
+			<a class="dropdown-item" href="{relative_path}/post-queue">
+				<i class="fa fa-fw fa-list-alt"></i> <span>[[pages:post-queue]]</span>
+			</a>
+		</li>
+		{{{ end }}}
+		{{{ end }}}
+
+		<li role="presentation" class="dropdown-divider"></li>
+		<li component="user/logout">
+			<form method="post" action="{relative_path}/logout">
+				<input type="hidden" name="_csrf" value="{config.csrf_token}">
+				<input type="hidden" name="noscript" value="true">
+				<button type="submit" class="dropdown-item">
+					<i class="fa fa-fw fa-sign-out"></i><span> [[global:logout]]</span>
+				</button>
+			</form>
+		</li>
+	</ul>
+</li>

package/templates/partials/menu.tpl

@@ -0,0 +1,188 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+			<div class="d-flex align-items-center me-auto" style="min-width: 0px;">
+				<button type="button" class="navbar-toggler border-0" id="mobile-menu">
+					<i class="fa fa-lg fa-fw fa-bars unread-count" ></i>
+					<span component="unread/icon" class="notification-icon fa fa-fw fa-book unread-count" data-content="{unreadCount.mobileUnread}" data-unread-url="{unreadCount.unreadUrl}"></span>
+				</button>
+				<div class="d-inline-flex align-items-center" style="min-width: 0px;">
+					{{{ if brand:logo }}}
+					<a class="navbar-brand" href="{{{ if brand:logo:url }}}{brand:logo:url}{{{ else }}}{relative_path}/{{{ end }}}">
+						<img alt="{brand:logo:alt}" class="{brand:logo:display} forum-logo d-inline-block align-text-bottom" src="{brand:logo}?{config.cache-buster}" />
+					</a>
+					{{{ end }}}
+					{{{ if config.showSiteTitle }}}
+					<a class="navbar-brand text-truncate" href="{{{ if title:url }}}{title:url}{{{ else }}}{relative_path}/{{{ end }}}">
+						{config.siteTitle}
+					</a>
+					{{{ end }}}
+				</div>
+			</div>
+
+			{{{ if config.searchEnabled }}}
+			<div class="navbar-search visible-xs">
+				<form action="{config.relative_path}/search" method="GET">
+					<button type="button" class="btn btn-link"><i class="fa fa-lg fa-fw fa-search" title="[[global:header.search]]"></i></button>
+					<input autocomplete="off" type="text" class="form-control hidden" name="term" placeholder="[[global:search]]"/>
+					<button class="btn btn-primary hidden" type="submit"></button>
+					<input type="text" class="hidden" name="in" value="{config.searchDefaultInQuick}" />
+				</form>
+				<div class="quick-search-container hidden">
+					<div class="quick-search-results-container"></div>
+				</div>
+			</div>
+			{{{ end }}}
+
+			{{{ if config.loggedIn }}}
+			<button type="button" class="navbar-toggler border-0" id="mobile-chats">
+				<span component="notifications/icon" class="notification-icon fa fa-fw fa-bell-o unread-count" data-content="{unreadCount.notification}"></span>
+				<span component="chat/icon" class="notification-icon fa fa-fw fa-comments unread-count" data-content="{unreadCount.chat}"></span>
+				{buildAvatar(user, "32px", true)}
+			</button>
+			{{{ end }}}
+
+			<div component="navbar/title" class="visible-xs hidden">
+				<span></span>
+			</div>
+
+			<div id="nav-dropdown" class="collapse navbar-collapse d-none d-lg-block">
+				<ul id="main-nav" class="navbar-nav me-auto mb-2 mb-lg-0">
+					{{{each navigation}}}
+					<!-- IF function.displayMenuItem, @index -->
+					<li class="nav-item {navigation.class}{{{ if navigation.dropdown }}} dropdown{{{ end }}}" title="{navigation.title}">
+						<a class="nav-link navigation-link {{{ if navigation.dropdown }}}dropdown-toggle{{{ end }}}"
+						{{{ if navigation.dropdown }}} href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" {{{ else }}} href="{navigation.route}"{{{ end }}} {{{ if navigation.id }}}id="{navigation.id}"{{{ end }}}{{{ if navigation.targetBlank }}} target="_blank"{{{ end }}}>
+							{{{ if navigation.iconClass }}}
+							<i class="fa fa-fw {navigation.iconClass}" data-content="{navigation.content}"></i>
+							{{{ end }}}
+							{{{ if navigation.text }}}
+							<span class="{navigation.textClass}">{navigation.text}</span>
+							{{{ end }}}
+							{{{ if navigation.dropdown}}}
+							<i class="fa fa-caret-down"></i>
+							{{{ end }}}
+						</a>
+						{{{ if navigation.dropdown }}}
+						<ul class="dropdown-menu">
+							{navigation.dropdownContent}
+						</ul>
+						{{{ end }}}
+					</li>
+					<!-- ENDIF function.displayMenuItem -->
+					{{{end}}}
+				</ul>
+				<ul class="navbar-nav mb-2 mb-lg-0 hidden-xs">
+					<li class="nav-item">
+						<a href="#" id="reconnect" class="nav-link hide" title="[[global:reconnecting-message, {config.siteTitle}]]">
+							<i class="fa fa-check"></i>
+						</a>
+					</li>
+				</ul>
+				{{{ if config.searchEnabled }}}
+				<div class="navbar-nav mb-2 mb-lg-0 position-relative">
+					<form component="search/form" id="search-form" class="d-flex justify-content-end align-items-center" role="search" method="GET">
+						<div component="search/fields" class="hidden" id="search-fields">
+							<div class="input-group flex-nowrap">
+								<input autocomplete="off" type="text" class="form-control" placeholder="[[global:search]]" name="query" value="">
+
+								<button href="#" class="btn btn-outline-secondary">
+									<i class="fa fa-gears fa-fw advanced-search-link"></i>
+								</button>
+							</div>
+
+							<div id="quick-search-container" class="quick-search-container dropdown-menu d-block mt-2 hidden">
+								<div class="form-check filter-category mb-2 ms-4">
+									<input class="form-check-input" type="checkbox" checked>
+									<label class="form-check-label name"></label>
+								</div>
+
+								<div class="text-center loading-indicator"><i class="fa fa-spinner fa-spin"></i></div>
+								<div class="quick-search-results-container"></div>
+							</div>
+							<button type="submit" class="btn btn-outline-secondary hide">[[global:search]]</button>
+						</div>
+
+						<li id="" class="nav-item"><a component="search/button" id="search-button" href="#" class="nav-link"><i class="fa fa-search fa-fw" title="Search"></i></a></li>
+					</form>
+
+				</div>
+				{{{ end }}}
+
+				{{{ if !maintenanceHeader }}}
+				{{{ if config.loggedIn }}}
+				<ul id="logged-in-menu" class="navbar-nav me-0 mb-2 mb-lg-0 align-items-center">
+					<li class="nav-item notifications dropdown d-none d-sm-block" component="notifications" title="[[global:header.notifications]]">
+						<a href="{relative_path}/notifications" class="nav-link" data-bs-toggle="dropdown" id="notif_dropdown" data-ajaxify="false" role="button">
+							<i component="notifications/icon" class="fa fa-fw {{{ if unreadCount.notification}}}fa-bell{{{ else }}}fa-bell-o{{{ end }}} unread-count" data-content="{unreadCount.notification}"></i>
+						</a>
+						<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="notif_dropdown">
+							<li>
+								<ul component="notifications/list" class="notification-list">
+									<li class="loading-text">
+										<a href="#"><i class="fa fa-refresh fa-spin"></i> [[global:notifications.loading]]</a>
+									</li>
+								</ul>
+							</li>
+							<li class="notif-dropdown-link">
+								<div class="btn-group d-flex justify-content-center">
+									<a role="button" href="#" class="btn btn-light mark-all-read"><i class="fa fa-check-double"></i> [[notifications:mark_all_read]]</a>
+									<a class="btn btn-light" href="{relative_path}/notifications"><i class="fa fa-list"></i> [[notifications:see_all]]</a>
+								</div>
+							</li>
+						</ul>
+					</li>
+
+					<!-- IF canChat -->
+					<li class="nav-item chats dropdown" title="[[global:header.chats]]">
+						<a class="nav-link" data-bs-toggle="dropdown" href="{relative_path}/user/{user.userslug}/chats" id="chat_dropdown" component="chat/dropdown" data-ajaxify="false" role="button">
+							<i component="chat/icon" class="fa fa-comment-o fa-fw unread-count" data-content="{unreadCount.chat}"></i> <span class="d-inline d-sm-none">[[global:header.chats]]</span>
+						</a>
+						<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="chat_dropdown">
+							<li>
+								<ul component="chat/list" class="chat-list chats-list">
+									<li class="loading-text">
+										<a href="#"><i class="fa fa-refresh fa-spin"></i> [[global:chats.loading]]</a>
+									</li>
+								</ul>
+							</li>
+							<li class="notif-dropdown-link">
+								<div class="btn-group d-flex justify-content-center">
+									<a class="btn btn-light mark-all-read" href="#" component="chats/mark-all-read"><i class="fa fa-check-double"></i> [[modules:chat.mark_all_read]]</a>
+									<a class="btn btn-light" href="{relative_path}/user/{user.userslug}/chats"><i class="fa fa-comments"></i> [[modules:chat.see_all]]</a>
+								</div>
+							</li>
+						</ul>
+					</li>
+					<!-- ENDIF canChat -->
+
+					<!-- IMPORT partials/header/user-menu.tpl -->
+				</ul>
+				{{{ else }}}
+				<ul id="logged-out-menu" class="navbar-nav me-0 mb-2 mb-lg-0 align-items-center">
+					{{{ if allowRegistration }}}
+					<li class="nav-item">
+						<a class="nav-link" href="{relative_path}/register">
+							<i class="fa fa-pencil fa-fw d-inline-block d-sm-none"></i>
+							<span>[[global:register]]</span>
+						</a>
+					</li>
+					{{{ end }}}
+					<li class="nav-item">
+						<a class="nav-link" href="{relative_path}/login">
+							<i class="fa fa-sign-in fa-fw d-inline-block d-sm-none"></i>
+							<span>[[global:login]]</span>
+						</a>
+					</li>
+				</ul>
+				{{{ end }}}
+				{{{ else }}}
+				<ul class="navbar-nav me-0 mb-2 mb-lg-0"></ul>
+					<li class="nav-item">
+						<a href="{relative_path}/login">
+							<i class="fa fa-sign-in fa-fw d-block d-sm-none"></i>
+							<span>[[global:login]]</span>
+						</a>
+					</li>
+				</ul>
+				{{{ end }}}
+			</div>

package/templates/partials/notifications_list.tpl

@@ -0,0 +1,32 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+
+<!-- IF !notifications.length -->
+<li class="no-notifs"><a href="#">[[notifications:no_notifs]]</a></li>
+<!-- ENDIF !notifications.length -->
+
+{{{each notifications}}}
+<li class="{notifications.readClass}" data-nid="{notifications.nid}" data-path="{notifications.path}" <!-- IF notifications.pid --> data-pid="{notifications.pid}"<!-- ENDIF notifications.pid --><!-- IF notifications.tid --> data-tid="{notifications.tid}"<!-- ENDIF notifications.tid -->>
+	<!-- IF notifications.image -->
+	<!-- IF notifications.from -->
+	<a href="{config.relative_path}/user/{notifications.user.userslug}"><img class="float-start user-img avatar avatar-rounded" style="--avatar-size: 32px;" src="{notifications.image}" /></a>
+	<!-- ENDIF notifications.from -->
+	<!-- ELSE -->
+	<a href="{config.relative_path}/user/{notifications.user.userslug}"><div class="float-start avatar avatar-rounded" style="--avatar-size: 32px; background-color: {notifications.user.icon:bgColor};">{notifications.user.icon:text}</div></a>
+	<!-- ENDIF notifications.image -->
+
+	<a href="{notifications.path}" class="notification-chat-content deco-none">
+		<span class="text">{notifications.bodyShort}</span>
+	</a>
+
+	<div class="notification-chat-controls">
+		{{{ if ./nid }}}
+		<div class="mark-read" aria-label="Mark Read">
+			<i class="unread fa fa-circle"></i>
+			<i class="read fa fa-circle-o"></i>
+		</div>
+		{{{ end }}}
+		<span class="relTime">{notifications.timeago}</span>
+	</div>
+</li>
+{{{end}}}

package/templates/partials/paginator.tpl

@@ -0,0 +1,47 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div component="pagination" class="pagination-container<!-- IF !pagination.pages.length --> hidden<!-- ENDIF !pagination.pages.length -->">
+	<ul class="pagination hidden-xs justify-content-center">
+		<li class="page-item previous float-start<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
+			<a class="page-link" href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
+		</li>
+
+		{{{each pagination.pages}}}
+			<!-- IF pagination.pages.separator -->
+			<li component="pagination/select-page" class="page-item page select-page">
+				<a class="page-link" href="#"><i class="fa fa-ellipsis-h"></i></a>
+			</li>
+			<!-- ELSE -->
+			<li class="page-item page<!-- IF pagination.pages.active --> active<!-- ENDIF pagination.pages.active -->" >
+				<a class="page-link" href="?{pagination.pages.qs}" data-page="{pagination.pages.page}">{pagination.pages.page}</a>
+			</li>
+			<!-- ENDIF pagination.pages.separator -->
+		{{{end}}}
+
+		<li class="page-item next float-end<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
+			<a class="page-link" href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
+		</li>
+	</ul>
+
+	<ul class="pagination hidden-sm hidden-md hidden-lg justify-content-center">
+		<li class="page-item first<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
+			<a class="page-link" href="?{pagination.first.qs}" data-page="1"><i class="fa fa-fast-backward"></i> </a>
+		</li>
+
+		<li class="page-item previous<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
+			<a class="page-link" href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
+		</li>
+
+		<li component="pagination/select-page" class="page-item page select-page">
+			<a class="page-link" href="#">{pagination.currentPage} / {pagination.pageCount}</a>
+		</li>
+
+		<li class="page-item next<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
+			<a class="page-link" href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
+		</li>
+
+		<li class="page-item last<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
+			<a class="page-link" href="?{pagination.last.qs}" data-page="{pagination.pageCount}"><i class="fa fa-fast-forward"></i> </a>
+		</li>
+	</ul>
+</div>

package/templates/partials/post_bar.tpl

@@ -0,0 +1,22 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div class="topic-main-buttons float-end d-inline-block">
+	<span class="loading-indicator btn float-start hidden" done="0">
+		<span class="hidden-xs">[[topic:loading_more_posts]]</span> <i class="fa fa-refresh fa-spin"></i>
+	</span>
+
+	<!-- IF loggedIn -->
+	<button component="topic/mark-unread" class="btn btn-sm btn-outline-secondary" title="[[topic:mark_unread]]">
+		<i class="fa fa-fw fa-inbox"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"></span>
+	</button>
+	<!-- ENDIF loggedIn -->
+
+	<!-- IMPORT partials/topic/watch.tpl -->
+
+	<!-- IMPORT partials/topic/sort.tpl -->
+
+	<div class="d-inline-block">
+	<!-- IMPORT partials/thread_tools.tpl -->
+	</div>
+	<!-- IMPORT partials/topic/reply-button.tpl -->
+</div>

package/templates/partials/posts_list.tpl

@@ -0,0 +1,10 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<ul component="posts" class="posts-list list-unstyled" data-nextstart="{nextStart}">
+	{{{each posts}}}
+	<!-- IMPORT partials/posts_list_item.tpl -->
+	{{{end}}}
+</ul>
+<div component="posts/loading" class="loading-indicator text-center hidden">
+	<i class="fa fa-refresh fa-spin"></i>
+</div>

package/templates/partials/posts_list_item.tpl

@@ -0,0 +1,34 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<li component="post" class="posts-list-item row<!-- IF ../deleted --> deleted<!-- ELSE --><!-- IF ../topic.deleted --> deleted<!-- ENDIF --><!-- ENDIF -->{{{ if ../topic.scheduled }}} scheduled{{{ end }}}" data-pid="{../pid}" data-uid="{../uid}">
+    <div class="col-lg-11 col-sm-10 col-9 post-body">
+        <a class="topic-title" href="{config.relative_path}/post/{../pid}">
+            <!-- IF !../isMainPost -->RE: <!-- ENDIF -->{../topic.title}
+        </a>
+
+        <div component="post/content" class="content">
+            {../content}
+        </div>
+
+        <small class="topic-category"><a href="{config.relative_path}/category/{../category.slug}">[[global:posted_in, {../category.name}]]</a></small>
+
+        {{{ if ../isMainPost }}}
+        {{{ if ../topic.tags.length }}}
+        <span class="tag-list">
+            {{{ each ../topic.tags }}}
+            <a href="{config.relative_path}/tags/{topic.tags.valueEncoded}"><span class="tag tag-item tag-class-{topic.tags.class}">{topic.tags.valueEscaped}</span></a>
+            {{{ end }}}
+        </span>
+        {{{ end }}}
+        {{{ end }}}
+
+        <div class="post-info">
+            <a href="{config.relative_path}/user/{../user.userslug}">{buildAvatar(../user, "28px", true, "user-img not-responsive")}</a>
+
+            <div class="post-author">
+                <a href="{config.relative_path}/user/{../user.userslug}">{../user.displayname}</a><br />
+                <span class="timeago" title="{../timestampISO}"></span>
+            </div>
+        </div>
+    </div>
+</li>

package/templates/partials/quick-search-results.tpl

@@ -0,0 +1,36 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<ul id="quick-search-results" class="quick-search-results list-unstyled mb-0 p-0 overflow-auto" style="max-width:400px; max-height: 500px;">
+{{{each posts}}}
+<li data-tid="{posts.topic.tid}" data-pid="{posts.pid}">
+	<a href="{config.relative_path}/post/{posts.pid}"
+		class="text-decoration-none text-reset clearfix d-block text-truncate px-3 py-1">
+		{buildAvatar(posts.user, "24px", true)}
+		<span class="quick-search-title fw-bold">{posts.topic.title}</span>
+		<br/>
+		<p class="snippet text-break text-wrap">
+		{posts.snippet}
+		</p>
+		<small class="post-info float-end">
+			<div class="category-item d-inline-block">
+				{buildCategoryIcon(./category, "24px", "rounded-circle")} {posts.category.name}
+				&bull; <span class="timeago" title="{posts.timestampISO}"></span>
+			</div>
+		</small>
+	</a>
+</li>
+<!-- IF !@last -->
+<li role="separator" class="dropdown-divider"></li>
+<!-- ENDIF -->
+{{{end}}}
+</ul>
+<!-- IF multiplePages -->
+<div class="text-center mt-2">
+	<a href="{url}">
+		[[search:see-more-results, {matchCount}]]
+	</a>
+</div>
+<!-- ENDIF multiplePages -->
+{{{if !posts.length}}}
+<div class="text-center no-results">[[search:no-matches]]</li>
+{{{end}}}

package/templates/partials/search-results.tpl

@@ -0,0 +1,57 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div id="results" class="search-results col-md-12" data-search-query="{search_query}">
+	{{{ if matchCount }}}
+	<div class="alert alert-info">[[search:results_matching, {matchCount}, {search_query}, {time}]] </div>
+	{{{ else }}}
+	{{{ if search_query }}}
+	<div class="alert alert-warning">[[search:no-matches]]</div>
+	{{{ end }}}
+	{{{ end }}}
+
+	{{{each posts}}}
+	<div class="topic-row card clearfix mb-3">
+		<div class="card-body">
+			<div>
+				<a href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(./user, "24px", true)}</a>
+				<span class="search-result-text search-result-title"><a href="{config.relative_path}/post/{posts.pid}">{./topic.title}</a></span>
+			</div>
+
+			{{{ if showAsPosts }}}
+			<div class="search-result-text">
+				{./content}
+				<p class="fade-out"></p>
+			</div>
+			{{{ end }}}
+
+			<small class="post-info float-end">
+				<a href="{config.relative_path}/category/{./category.slug}">
+					<div class="category-item d-inline-block">
+						{buildCategoryIcon(./category, "24px", "rounded-circle")}
+						{./category.name}
+					</div>
+				</a> &bull;
+				<span class="timeago" title="{./timestampISO}"></span>
+			</small>
+		</div>
+	</div>
+	{{{end}}}
+
+	{{{ if users.length }}}
+	<!-- IMPORT partials/users_list.tpl -->
+	{{{ end }}}
+
+	{{{ if tags.length }}}
+	<!-- IMPORT partials/tags_list.tpl -->
+	{{{ end }}}
+
+	{{{ if categories.length }}}
+	<ul class="categories">
+		{{{each categories}}}
+		<!-- IMPORT partials/categories/item.tpl -->
+		{{{end}}}
+	</ul>
+	{{{ end }}}
+
+	<!-- IMPORT partials/paginator.tpl -->
+</div>

package/templates/partials/slideout-menu.tpl

@@ -0,0 +1,6 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<section class="menu-section" data-section="navigation">
+	<ul class="menu-section-list text-bg-dark"></ul>
+</section>
+

package/templates/partials/tags_list.tpl

@@ -0,0 +1,7 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+{{{each tags}}}
+<h5 class="float-start tag-container me-4 mb-4 fw-bold">
+	<a href="{config.relative_path}/tags/{tags.valueEncoded}" data-tag="{tags.valueEscaped}"><span class="tag-item text-muted text-uppercase text-nowrap tag-class-{tags.class} me-2" data-tag="{tags.valueEscaped}">{tags.valueEscaped}</span><span class="tag-topic-count text-primary text-nowrap human-readable-number" title="{tags.score}">{tags.score}</span></a>
+</h5>
+{{{end}}}

package/templates/partials/thread_tools.tpl

@@ -0,0 +1,10 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+{{{ if privileges.view_thread_tools }}}
+<div title="[[topic:thread_tools.title]]" class="btn-group thread-tools bottom-sheet">
+	<button class="btn btn-sm btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" type="button">
+		<i class="fa fa-fw fa-gear"></i>
+	</button>
+	<ul class="dropdown-menu dropdown-menu-end"></ul>
+</div>
+{{{ end }}}

package/templates/partials/toast.tpl

@@ -0,0 +1,16 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<div id="{alert_id}" role="alert" class="alert alert-dismissible alert-{type}" component="toaster/toast">
+	<button type="button" class="btn-close float-end" data-bs-dismiss="alert" aria-label="close"></button>
+	<!-- IF image -->
+	<img src="{image}">
+	<!-- ENDIF image -->
+
+	<!-- IF title -->
+	<strong>{title}</strong>
+	<!-- ENDIF title -->
+
+	<!-- IF message -->
+	<p>{message}</p>
+	<!-- ENDIF message -->
+</div>

package/templates/partials/topic/browsing-users.tpl

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

package/templates/partials/topic/event.tpl

@@ -0,0 +1,28 @@
+<!-- THIS FILE IS STILL PERSONA -->
+
+<li component="topic/event" class="timeline-event text-muted" data-topic-event-id="{./id}" data-topic-event-type="{./type}">
+	<div class="timeline-badge">
+		<i class="fa {{{ if ./icon }}}{./icon}{{{ else }}}fa-circle{{{ end }}}"></i>
+	</div>
+	<span class="timeline-text">
+		{{{ if ./href}}}
+		<a href="{config.relative_path}{./href}">{./text}</a>
+		{{{ else }}}
+		{./text}
+		{{{ end }}}
+		&nbsp;
+	</span>
+	{{{ if ./user }}}
+		{{{ if ./user.system }}}
+		<span class="timeline-text">[[global:system-user]]</span>&nbsp;
+		{{{ else }}}
+		<span><a href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(./user, "16px", true)} &nbsp; {./user.username}</a></span>&nbsp;
+		{{{ end }}}
+	{{{ end }}}
+	<span class="timeago timeline-text" title="{./timestampISO}"></span>
+
+	{{{ if privileges.isAdminOrMod }}}
+		&nbsp;<span component="topic/event/delete" data-topic-event-id="{./id}" data-topic-event-type="{./type}" class="timeline-text pointer" title="[[topic:delete-event]]"><i class="fa fa-trash"></i></span>
+	{{{ end }}}
+</li>
+