nodebb-theme-persona 14.0.13 → 14.0.14

package/templates/account/theme.tpl

@@ -1,26 +1,26 @@
-<!-- IMPORT partials/account/header.tpl -->
-
-<p>[[themes/persona:settings.intro]]</p>
-
-<hr />
-
-<form id="theme-settings" role="form">
-	<div class="form-check mb-3">
-		<input class="form-check-input" type="checkbox" id="persona:menus:legacy-layout" name="persona:menus:legacy-layout">
-		<label class="form-check-label" for="persona:menus:legacy-layout">[[themes/persona:settings.mobile-menu-side]]</label>
-	</div>
-
-	<div class="mb-3">
-		<label for="persona:navbar:autohide">[[themes/persona:settings.autoHidingNavbar]]</label>
-		<select multiple class="form-control" name="persona:navbar:autohide" id="persona:navbar:autohide">
-			<option value="xs">[[themes/persona:settings.autoHidingNavbar-xs]]</option>
-			<option value="sm">[[themes/persona:settings.autoHidingNavbar-sm]]</option>
-			<option value="md">[[themes/persona:settings.autoHidingNavbar-md]]</option>
-			<option value="lg">[[themes/persona:settings.autoHidingNavbar-lg]]</option>
-		</select>
-	</div>
-
-	<button id="save" type="button" class="btn btn-primary">[[global:save-changes]]</button>
-</form>
-
+<!-- IMPORT partials/account/header.tpl -->
+
+<p>[[themes/persona:settings.intro]]</p>
+
+<hr />
+
+<form id="theme-settings" role="form">
+	<div class="form-check mb-3">
+		<input class="form-check-input" type="checkbox" id="persona:menus:legacy-layout" name="persona:menus:legacy-layout">
+		<label class="form-check-label" for="persona:menus:legacy-layout">[[themes/persona:settings.mobile-menu-side]]</label>
+	</div>
+
+	<div class="mb-3">
+		<label for="persona:navbar:autohide">[[themes/persona:settings.autoHidingNavbar]]</label>
+		<select multiple class="form-control" name="persona:navbar:autohide" id="persona:navbar:autohide">
+			<option value="xs">[[themes/persona:settings.autoHidingNavbar-xs]]</option>
+			<option value="sm">[[themes/persona:settings.autoHidingNavbar-sm]]</option>
+			<option value="md">[[themes/persona:settings.autoHidingNavbar-md]]</option>
+			<option value="lg">[[themes/persona:settings.autoHidingNavbar-lg]]</option>
+		</select>
+	</div>
+
+	<button id="save" type="button" class="btn btn-primary">[[global:save-changes]]</button>
+</form>
+
 <!-- IMPORT partials/account/footer.tpl -->

package/templates/admin/plugins/persona.tpl

@@ -1,24 +1,24 @@
-<div class="acp-page-container">
-	<!-- IMPORT admin/partials/settings/header.tpl -->
-
-	<div class="row m-0">
-		<div id="spy-container" class="col-12 col-md-8 px-0 mb-4" tabindex="0">
-			<form role="form" class="persona-settings">
-				<div class="form-check">
-					<input class="form-check-input" type="checkbox" id="hideSubCategories" name="hideSubCategories">
-					<label class="form-check-label">Hide subcategories on categories view</label>
-				</div>
-				<div class="form-check">
-					<input class="form-check-input" type="checkbox" id="hideCategoryLastPost" name="hideCategoryLastPost">
-					<label class="form-check-label">Hide last post on categories view</label>
-				</div>
-				<div class="form-check">
-					<input class="form-check-input" type="checkbox" id="enableQuickReply" name="enableQuickReply">
-					<label class="form-check-label">Enable quick reply</label>
-				</div>
-			</form>
-		</div>
-
-		<!-- IMPORT admin/partials/settings/toc.tpl -->
-	</div>
-</div>
+<div class="acp-page-container">
+	<!-- IMPORT admin/partials/settings/header.tpl -->
+
+	<div class="row m-0">
+		<div id="spy-container" class="col-12 col-md-8 px-0 mb-4" tabindex="0">
+			<form role="form" class="persona-settings">
+				<div class="form-check">
+					<input class="form-check-input" type="checkbox" id="hideSubCategories" name="hideSubCategories">
+					<label class="form-check-label">Hide subcategories on categories view</label>
+				</div>
+				<div class="form-check">
+					<input class="form-check-input" type="checkbox" id="hideCategoryLastPost" name="hideCategoryLastPost">
+					<label class="form-check-label">Hide last post on categories view</label>
+				</div>
+				<div class="form-check">
+					<input class="form-check-input" type="checkbox" id="enableQuickReply" name="enableQuickReply">
+					<label class="form-check-label">Enable quick reply</label>
+				</div>
+			</form>
+		</div>
+
+		<!-- IMPORT admin/partials/settings/toc.tpl -->
+	</div>
+</div>

package/templates/footer.tpl

@@ -1,11 +1,11 @@
-		</div><!-- /.container#content -->
-	</main>
-	{{{ if !isSpider }}}
-	<div component="toaster/tray" class="alert-window">
-		<!-- IMPORT partials/reconnect-alert.tpl -->
-	</div>
-	{{{ end }}}
-	<!-- IMPORT modules/taskbar.tpl -->
-	<!-- IMPORT partials/footer/js.tpl -->
-</body>
-</html>
+		</div><!-- /.container#content -->
+	</main>
+	{{{ if !isSpider }}}
+	<div component="toaster/tray" class="alert-window">
+		<!-- IMPORT partials/reconnect-alert.tpl -->
+	</div>
+	{{{ end }}}
+	<!-- IMPORT modules/taskbar.tpl -->
+	<!-- IMPORT partials/footer/js.tpl -->
+</body>
+</html>

package/templates/groups/members.tpl

@@ -1,6 +1,6 @@
-<!-- IMPORT partials/breadcrumbs.tpl -->
-<div class="users">
-	<!-- IMPORT partials/users_list.tpl -->
-
-	<!-- IMPORT partials/paginator.tpl -->
+<!-- IMPORT partials/breadcrumbs.tpl -->
+<div class="users">
+	<!-- IMPORT partials/users_list.tpl -->
+
+	<!-- IMPORT partials/paginator.tpl -->
 </div>

package/templates/modules/taskbar.tpl

@@ -1,3 +1,3 @@
-<div id="taskbar" component="taskbar" class="taskbar fixed-bottom">
-	<div class="navbar-inner"><ul class="nav navbar-nav"></ul></div>
+<div id="taskbar" component="taskbar" class="taskbar fixed-bottom">
+	<div class="navbar-inner"><ul class="nav navbar-nav"></ul></div>
 </div>

package/templates/modules/usercard.tpl

@@ -1,37 +1,37 @@
-<div class="persona-usercard">
-	<a href="{config.relative_path}/user/{userslug}">
-		<!-- IF picture -->
-		<div class="usercard-picture" style="background-image:url({picture})"></div>
-		<!-- ELSE -->
-		<div class="usercard-picture" style="background-color: {icon:bgColor};">{icon:text}</div>
-		<!-- ENDIF picture -->
-	</a>
-	<div class="usercard-body">
-		<a href="{config.relative_path}/user/{userslug}">
-			<span class="usercard-name"><!-- IF fullname -->{fullname}<!-- ELSE -->{username}<!-- ENDIF fullname --></span><br />
-			<span class="usercard-username"><!-- IF !banned -->@{username}<!-- ELSE -->[[user:banned]]<!-- ENDIF !banned --></span>
-			<!-- IF !banned -->
-			<i component="user/status" class="fa fa-circle status {status}" title="[[global:{status}]]"></i>
-			<!-- ENDIF !banned -->
-		</a>
-
-		<div class="row usercard-info">
-			<div class="col-4">
-				<small>[[global:posts]]</small>
-				<span>{humanReadableNumber(postcount)}</span>
-			</div>
-			<div class="col-4">
-				<small>[[global:reputation]]</small>
-				<span>{humanReadableNumber(reputation)}</span>
-			</div>
-
-			<button class="btn-morph persona-fab <!-- IF banned --> hide<!-- ENDIF banned -->">
-				<span>
-					<span class="s1"></span>
-					<span class="s2"></span>
-					<span class="s3"></span>
-				</span>
-			</button>
-		</div>
-	</div>
+<div class="persona-usercard">
+	<a href="{config.relative_path}/user/{userslug}">
+		<!-- IF picture -->
+		<div class="usercard-picture" style="background-image:url({picture})"></div>
+		<!-- ELSE -->
+		<div class="usercard-picture" style="background-color: {icon:bgColor};">{icon:text}</div>
+		<!-- ENDIF picture -->
+	</a>
+	<div class="usercard-body">
+		<a href="{config.relative_path}/user/{userslug}">
+			<span class="usercard-name"><!-- IF fullname -->{fullname}<!-- ELSE -->{username}<!-- ENDIF fullname --></span><br />
+			<span class="usercard-username"><!-- IF !banned -->@{username}<!-- ELSE -->[[user:banned]]<!-- ENDIF !banned --></span>
+			<!-- IF !banned -->
+			<i component="user/status" class="fa fa-circle status {status}" title="[[global:{status}]]"></i>
+			<!-- ENDIF !banned -->
+		</a>
+
+		<div class="row usercard-info">
+			<div class="col-4">
+				<small>[[global:posts]]</small>
+				<span>{humanReadableNumber(postcount)}</span>
+			</div>
+			<div class="col-4">
+				<small>[[global:reputation]]</small>
+				<span>{humanReadableNumber(reputation)}</span>
+			</div>
+
+			<button class="btn-morph persona-fab <!-- IF banned --> hide<!-- ENDIF banned -->">
+				<span>
+					<span class="s1"></span>
+					<span class="s2"></span>
+					<span class="s3"></span>
+				</span>
+			</button>
+		</div>
+	</div>
 </div>

package/templates/partials/breadcrumbs.tpl

@@ -1,18 +1,18 @@
-<!-- IF breadcrumbs.length -->
-<ol class="breadcrumb" itemscope="itemscope" itemprop="breadcrumb" itemtype="http://schema.org/BreadcrumbList">
-	{{{each breadcrumbs}}}
-	<li<!-- IF @last --> component="breadcrumb/current"<!-- ENDIF @last --> itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem" class="breadcrumb-item <!-- IF @last -->active<!-- ENDIF @last -->">
-		<meta itemprop="position" content="{@index}" />
-		{{{ if ./url }}}<a href="{breadcrumbs.url}" itemprop="item">{{{ end }}}
-			<span itemprop="name">
-				{breadcrumbs.text}
-				<!-- IF @last -->
-				<!-- IF !feeds:disableRSS -->
-				<!-- IF rssFeedUrl --><a target="_blank" href="{rssFeedUrl}" itemprop="item"><i class="fa fa-rss-square"></i></a><!-- ENDIF rssFeedUrl --><!-- ENDIF !feeds:disableRSS -->
-				<!-- ENDIF @last -->
-			</span>
-		{{{ if ./url }}}</a>{{{ end }}}
-	</li>
-	{{{end}}}
-</ol>
-<!-- ENDIF breadcrumbs.length -->
+<!-- IF breadcrumbs.length -->
+<ol class="breadcrumb" itemscope="itemscope" itemprop="breadcrumb" itemtype="http://schema.org/BreadcrumbList">
+	{{{each breadcrumbs}}}
+	<li<!-- IF @last --> component="breadcrumb/current"<!-- ENDIF @last --> itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem" class="breadcrumb-item <!-- IF @last -->active<!-- ENDIF @last -->">
+		<meta itemprop="position" content="{@index}" />
+		{{{ if ./url }}}<a href="{breadcrumbs.url}" itemprop="item">{{{ end }}}
+			<span itemprop="name">
+				{breadcrumbs.text}
+				<!-- IF @last -->
+				<!-- IF !feeds:disableRSS -->
+				<!-- IF rssFeedUrl --><a target="_blank" href="{rssFeedUrl}" itemprop="item"><i class="fa fa-rss-square"></i></a><!-- ENDIF rssFeedUrl --><!-- ENDIF !feeds:disableRSS -->
+				<!-- ENDIF @last -->
+			</span>
+		{{{ if ./url }}}</a>{{{ end }}}
+	</li>
+	{{{end}}}
+</ol>
+<!-- ENDIF breadcrumbs.length -->

package/templates/partials/categories/link.tpl

@@ -1,11 +1,11 @@
-<!-- IF ../isSection -->
-{../name}
-<!-- ELSE -->
-<!-- IF ../link -->
-<a href="{../link}" itemprop="url">
-<!-- ELSE -->
-<a href="{config.relative_path}/category/{../slug}" itemprop="url">
-<!-- ENDIF ../link -->
-{../name}
-</a>
+<!-- IF ../isSection -->
+{../name}
+<!-- ELSE -->
+<!-- IF ../link -->
+<a href="{../link}" itemprop="url">
+<!-- ELSE -->
+<a href="{config.relative_path}/category/{../slug}" itemprop="url">
+<!-- ENDIF ../link -->
+{../name}
+</a>
 <!-- ENDIF ../isSection -->

package/templates/partials/category/tags.tpl

@@ -1,3 +1,3 @@
-{{{ each tags }}}
-<a href="{config.relative_path}/tags/{./valueEncoded}"><span class="tag tag-item fw-bold tag-class-{./class}" data-tag="{./value}">{./valueEscaped}</span></a>
-{{{ end }}}
+{{{ each tags }}}
+<a href="{config.relative_path}/tags/{./valueEncoded}"><span class="tag tag-item fw-bold tag-class-{./class}" data-tag="{./value}">{./valueEscaped}</span></a>
+{{{ end }}}

package/templates/partials/cookie-consent.tpl

@@ -1,4 +1,4 @@
-<div class="cookie-consent">
-    <button class="float-end btn btn-primary">{dismiss}</button>
-    {message} <a target="_blank" rel="noopener" href="{link_url}">{link}</a>
-</div>
+<div class="cookie-consent">
+    <button class="float-end btn btn-primary">{dismiss}</button>
+    {message} <a target="_blank" rel="noopener" href="{link_url}">{link}</a>
+</div>

package/templates/partials/groups/memberlist.tpl

@@ -1,43 +1,43 @@
-<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>
-
-<div component="groups/members" data-nextstart="{group.membersNextStart}" style="max-height: 500px; overflow: auto;">
-	<table class="table table-striped table-hover">
-		<tbody>
-		{{{each group.members}}}
-		<tr data-uid="{group.members.uid}" data-isowner="{{{ if group.members.isOwner }}}1{{{ else }}}0{{{ end }}}">
-			<td class="p-2">
-				<a href="{config.relative_path}/user/{group.members.userslug}">{buildAvatar(group.members, "24px", true)}</a>
-			</td>
-			<td class="member-name w-100 p-2">
-				<a class="align-text-top" href="{config.relative_path}/user/{group.members.userslug}">{group.members.username}</a>
-				<i component="groups/owner/icon" 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>
+<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>
+
+<div component="groups/members" data-nextstart="{group.membersNextStart}" style="max-height: 500px; overflow: auto;">
+	<table class="table table-striped table-hover">
+		<tbody>
+		{{{each group.members}}}
+		<tr data-uid="{group.members.uid}" data-isowner="{{{ if group.members.isOwner }}}1{{{ else }}}0{{{ end }}}">
+			<td class="p-2">
+				<a href="{config.relative_path}/user/{group.members.userslug}">{buildAvatar(group.members, "24px", true)}</a>
+			</td>
+			<td class="member-name w-100 p-2">
+				<a class="align-text-top" href="{config.relative_path}/user/{group.members.userslug}">{group.members.username}</a>
+				<i component="groups/owner/icon" 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>
 </div>

package/templates/partials/header/search.tpl

@@ -1,24 +1,24 @@
-<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="">
-
-			<a href="{config.relative_path}/search" class="btn btn-outline-secondary" aria-label="[[search:type-to-search]]">
-				<i class="fa fa-gears fa-fw"></i>
-			</a>
-		</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>
-
-	<div 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></div>
-</form>
+<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="">
+
+			<a href="{config.relative_path}/search" class="btn btn-outline-secondary" aria-label="[[search:type-to-search]]">
+				<i class="fa fa-gears fa-fw"></i>
+			</a>
+		</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>
+
+	<div 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></div>
+</form>

package/templates/partials/paginator.tpl

@@ -1,45 +1,45 @@
-<nav component="pagination" class="pagination-container<!-- IF !pagination.pages.length --> hidden<!-- ENDIF !pagination.pages.length -->" aria-label="[[global:pagination]]">
-	<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}" aria-label="[[global:pagination.previouspage]]"><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="#" aria-label="[[global:pagination.go-to-page]]"><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}" aria-label="[[global:pagination.page-x, {./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}" aria-label="[[global:pagination.nextpage]]"><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" aria-label="[[global:pagination.firstpage]]"><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}" aria-label="[[global:pagination.previouspage]]"><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="#" aria-label="[[global:pagination.go-to-page]]">{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}" aria-label="[[global:pagination.nextpage]]"><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}" aria-label="[[global:pagination.lastpage]]"><i class="fa fa-fast-forward"></i> </a>
-		</li>
-	</ul>
+<nav component="pagination" class="pagination-container<!-- IF !pagination.pages.length --> hidden<!-- ENDIF !pagination.pages.length -->" aria-label="[[global:pagination]]">
+	<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}" aria-label="[[global:pagination.previouspage]]"><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="#" aria-label="[[global:pagination.go-to-page]]"><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}" aria-label="[[global:pagination.page-x, {./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}" aria-label="[[global:pagination.nextpage]]"><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" aria-label="[[global:pagination.firstpage]]"><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}" aria-label="[[global:pagination.previouspage]]"><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="#" aria-label="[[global:pagination.go-to-page]]">{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}" aria-label="[[global:pagination.nextpage]]"><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}" aria-label="[[global:pagination.lastpage]]"><i class="fa fa-fast-forward"></i> </a>
+		</li>
+	</ul>
 </nav>

package/templates/partials/posts_list.tpl

@@ -1,8 +1,8 @@
-<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>
+<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/toast.tpl

@@ -1,19 +1,19 @@
-<div id="{alert_id}" role="alert" class="alert alert-dismissible alert-{type} fade show" component="toaster/toast">
-	<div class="alert-progress position-absolute top-0 start-0 bottom-0 h-100 z-0" style=" opacity:0.1;"></div>
-	<div class="d-flex flex-wrap gap-2 position-relative">
-		{{{ if image }}}
-		<img src="{image}" height="80" style="width: auto;" />
-		{{{ end }}}
-		<div class="d-flex flex-column gap-2">
-			{{{ if title }}}
-			<strong>{title}</strong>
-			{{{ end }}}
-
-			{{{ if message }}}
-			<p class="m-0">{message}</p>
-			{{{ end }}}
-		</div>
-	</div>
-
-	<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="close"></button>
-</div>
+<div id="{alert_id}" role="alert" class="alert alert-dismissible alert-{type} fade show" component="toaster/toast">
+	<div class="alert-progress position-absolute top-0 start-0 bottom-0 h-100 z-0" style=" opacity:0.1;"></div>
+	<div class="d-flex flex-wrap gap-2 position-relative">
+		{{{ if image }}}
+		<img src="{image}" height="80" style="width: auto;" />
+		{{{ end }}}
+		<div class="d-flex flex-column gap-2">
+			{{{ if title }}}
+			<strong>{title}</strong>
+			{{{ end }}}
+
+			{{{ if message }}}
+			<p class="m-0">{message}</p>
+			{{{ end }}}
+		</div>
+	</div>
+
+	<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="close"></button>
+</div>

package/templates/partials/topic/event.tpl

@@ -1,12 +1,12 @@
-<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">
-		{./text}
-	</span>
-	{{{ if (privileges.isAdminOrMod && ./id) }}}
-		&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>
-
+<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">
+		{./text}
+	</span>
+	{{{ if (privileges.isAdminOrMod && ./id) }}}
+		&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>
+