nodebb-theme-harmony 2.0.0-pre.9 → 2.0.1

package/templates/partials/paginator.tpl

@@ -1,47 +1,47 @@
-<nav component="pagination" class="pagination-container mt-3{{{ if !pagination.pages.length }}} hidden{{{ end }}}" aria-label="[[global:pagination]]">
-	<ul class="pagination pagination-sm gap-1 hidden-xs hidden-sm justify-content-center">
-		<li class="page-item previous {{{ if !pagination.prev.active }}} disabled{{{ end }}}">
-			<a class="page-link rounded fw-secondary px-3" 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 ./separator }}}
-			<li component="pagination/select-page" class="page-item page select-page">
-				<a class="page-link rounded fw-secondary px-3" href="#" aria-label="[[global:pagination.go-to-page]]"><i class="fa fa-ellipsis-h"></i></a>
-			</li>
-			{{{ else }}}
-			<li class="page-item page{{{ if ./active }}} active{{{ end }}}" >
-				<a class="page-link rounded fw-secondary px-3" href="?{./qs}" data-page="{./page}" aria-label="[[global:pagination.page-x, {./page}]]">{./page}</a>
-			</li>
-			{{{ end }}}
-		{{{end}}}
-
-		<li class="page-item next {{{ if !pagination.next.active }}} disabled{{{ end }}}">
-			<a class="page-link rounded fw-secondary px-3" href="?{pagination.next.qs}" data-page="{pagination.next.page}" aria-label="[[global:pagination.nextpage]]"> <i class="fa fa-chevron-right"></i></a>
-		</li>
-	</ul>
-
-	{{{ if !template.topic }}}
-	<ul class="pagination pagination-sm hidden-md hidden-lg justify-content-center">
-		<li class="page-item first{{{ if !pagination.prev.active }}} disabled{{{ end }}}">
-			<a class="page-link fw-secondary" 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{{{ end }}}">
-			<a class="page-link fw-secondary" 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 fw-secondary" href="#" aria-label="[[global:pagination.go-to-page]]">{pagination.currentPage} / {pagination.pageCount}</a>
-		</li>
-
-		<li class="page-item next{{{ if !pagination.next.active }}} disabled{{{ end }}}">
-			<a class="page-link fw-secondary" 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{{{ end }}}">
-			<a class="page-link fw-secondary"  href="?{pagination.last.qs}" data-page="{pagination.pageCount}" aria-label="[[global:pagination.lastpage]]"><i class="fa fa-fast-forward"></i> </a>
-		</li>
-	</ul>
-	{{{ end }}}
+<nav component="pagination" class="pagination-container mt-3{{{ if !pagination.pages.length }}} hidden{{{ end }}}" aria-label="[[global:pagination]]">
+	<ul class="pagination pagination-sm gap-1 hidden-xs hidden-sm justify-content-center">
+		<li class="page-item previous {{{ if !pagination.prev.active }}} disabled{{{ end }}}">
+			<a class="page-link rounded fw-secondary px-3" 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 ./separator }}}
+			<li component="pagination/select-page" class="page-item page select-page">
+				<a class="page-link rounded fw-secondary px-3" href="#" aria-label="[[global:pagination.go-to-page]]"><i class="fa fa-ellipsis-h"></i></a>
+			</li>
+			{{{ else }}}
+			<li class="page-item page{{{ if ./active }}} active{{{ end }}}" >
+				<a class="page-link rounded fw-secondary px-3" href="?{./qs}" data-page="{./page}" aria-label="[[global:pagination.page-x, {./page}]]">{./page}</a>
+			</li>
+			{{{ end }}}
+		{{{end}}}
+
+		<li class="page-item next {{{ if !pagination.next.active }}} disabled{{{ end }}}">
+			<a class="page-link rounded fw-secondary px-3" href="?{pagination.next.qs}" data-page="{pagination.next.page}" aria-label="[[global:pagination.nextpage]]"> <i class="fa fa-chevron-right"></i></a>
+		</li>
+	</ul>
+
+	{{{ if !template.topic }}}
+	<ul class="pagination pagination-sm hidden-md hidden-lg justify-content-center">
+		<li class="page-item first{{{ if !pagination.prev.active }}} disabled{{{ end }}}">
+			<a class="page-link fw-secondary" 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{{{ end }}}">
+			<a class="page-link fw-secondary" 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 fw-secondary" href="#" aria-label="[[global:pagination.go-to-page]]">{pagination.currentPage} / {pagination.pageCount}</a>
+		</li>
+
+		<li class="page-item next{{{ if !pagination.next.active }}} disabled{{{ end }}}">
+			<a class="page-link fw-secondary" 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{{{ end }}}">
+			<a class="page-link fw-secondary"  href="?{pagination.last.qs}" data-page="{pagination.pageCount}" aria-label="[[global:pagination.lastpage]]"><i class="fa fa-fast-forward"></i> </a>
+		</li>
+	</ul>
+	{{{ end }}}
 </nav>

package/templates/partials/post_bar.tpl

@@ -1,29 +1,27 @@
-<div class="{{{ if config.theme.stickyToolbar }}}sticky-tools{{{ end }}}">
-	<nav class="d-flex flex-nowrap my-2 p-0 border-0 rounded topic-main-buttons">
-		<div class="d-flex flex-row p-2 text-bg-light border rounded w-100 align-items-center">
-			<div class="d-flex me-auto mb-0 gap-2 align-items-center flex-wrap">
-				{{{ if loggedIn }}}
-				<button component="topic/mark-unread" class="btn-ghost-sm ff-secondary d-flex gap-2 align-items-center">
-					<i class="fa fa-fw fa-inbox text-primary"></i>
-					<span class="d-none d-md-inline fw-semibold">[[topic:mark-unread]]</span>
-				</button>
-				{{{ end }}}
-
-				<!-- IMPORT partials/topic/watch.tpl -->
-				<!-- IMPORT partials/topic/sort.tpl -->
-				<!-- IMPORT partials/topic/tools.tpl -->
-
-				{{{ if (!feeds:disableRSS && rssFeedUrl) }}}
-				<a class="btn-ghost-sm d-none d-lg-flex align-self-stretch" target="_blank" href="{rssFeedUrl}" title="[[global:rss-feed]]"><i class="fa fa-rss text-primary"></i></a>
-				{{{ end }}}
-
-				{{{ if browsingUsers }}}
-				<div class="hidden-xs">
-				<!-- IMPORT partials/topic/browsing-users.tpl -->
-				</div>
-				{{{ end }}}
-			</div>
-			<!-- IMPORT partials/topic/reply-button.tpl -->
-		</div>
-	</nav>
-</div>
+<div class="{{{ if config.theme.stickyToolbar }}}sticky-tools{{{ end }}}">
+	<nav class="d-flex flex-nowrap my-2 p-0 border-0 rounded topic-main-buttons">
+		<div class="d-flex flex-row p-2 text-bg-light border rounded w-100 align-items-center">
+			<div class="d-flex me-auto mb-0 gap-2 align-items-center flex-wrap">
+				{{{ if loggedIn }}}
+				<button component="topic/mark-unread" class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center">
+					<i class="fa fa-fw fa-inbox text-primary"></i>
+					<span class="d-none d-md-inline fw-semibold">[[topic:mark-unread]]</span>
+				</button>
+				{{{ end }}}
+
+				<!-- IMPORT partials/topic/watch.tpl -->
+				<!-- IMPORT partials/topic/sort.tpl -->
+				<!-- IMPORT partials/topic/tools.tpl -->
+
+				{{{ if (!feeds:disableRSS && rssFeedUrl) }}}
+				<a class="btn btn-ghost btn-sm d-none d-lg-flex align-items-center align-self-stretch" target="_blank" href="{rssFeedUrl}" title="[[global:rss-feed]]"><i class="fa fa-rss text-primary"></i></a>
+				{{{ end }}}
+
+				{{{ if browsingUsers }}}
+				<div class="hidden-xs"><!-- IMPORT partials/topic/browsing-users.tpl --></div>
+				{{{ end }}}
+			</div>
+			<!-- IMPORT partials/topic/reply-button.tpl -->
+		</div>
+	</nav>
+</div>

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/posts_list_item.tpl

@@ -1,20 +1,20 @@
-<li component="post" class="posts-list-item  {{{ if ./deleted }}} deleted{{{ else }}}{{{ if ./topic.deleted }}} deleted{{{ end }}}{{{ end }}}{{{ if ./topic.scheduled }}} scheduled{{{ end }}}" data-pid="{./pid}" data-uid="{./uid}">
-    <hr/>
-    <a class="topic-title fw-semibold fs-5 mb-2 text-reset text-break d-block" href="{config.relative_path}/post/{./pid}">
-    {{{ if ./isMainPost }}}<i class="fa fa-book text-muted" title="[[topic:topic]]"></i> {{{ end }}}{./topic.title}
-    </a>
-
-    <div class="post-body d-flex flex-column gap-1">
-        <div class="d-flex gap-3 post-info text-sm align-items-center">
-            <div class="post-author d-flex align-items-center 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="lh-1 fw-semibold" href="{config.relative_path}/user/{./user.userslug}">{../user.displayname}</a>
-            </div>
-            <span class="timeago text-muted lh-1" title="{./timestampISO}"></span>
-        </div>
-
-        <div component="post/content" class="content text-sm text-break">
-            {./content}
-        </div>
-    </div>
+<li component="post" class="posts-list-item  {{{ if ./deleted }}} deleted{{{ else }}}{{{ if ./topic.deleted }}} deleted{{{ end }}}{{{ end }}}{{{ if ./topic.scheduled }}} scheduled{{{ end }}}" data-pid="{./pid}" data-uid="{./uid}">
+    <hr/>
+    <a class="topic-title fw-semibold fs-5 mb-2 text-reset text-break d-block" href="{config.relative_path}/post/{encodeURIComponent(./pid)}">
+    {{{ if ./isMainPost }}}<i class="fa fa-book text-muted" title="[[topic:topic]]"></i> {{{ end }}}{./topic.title}
+    </a>
+
+    <div class="post-body d-flex flex-column gap-1">
+        <div class="d-flex gap-3 post-info text-sm align-items-center">
+            <div class="post-author d-flex align-items-center 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="lh-1 fw-semibold" href="{config.relative_path}/user/{./user.userslug}">{../user.displayname}</a>
+            </div>
+            <span class="timeago text-muted lh-1" title="{./timestampISO}"></span>
+        </div>
+
+        <div component="post/content" class="content text-sm text-break">
+            {./content}
+        </div>
+    </div>
 </li>

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

@@ -1,47 +1,47 @@
-{{{ if multiplePages }}}
-<div class="show-more-container">
-	<div class="text-center d-block d-md-none">
-		<a href="{url}" class="btn btn-primary">
-			[[search:see-more-results, {matchCount}]]
-		</a>
-	</div>
-	<li role="separator" class="dropdown-divider d-block d-md-none"></li>
-</div>
-{{{ end }}}
-
-<ul id="quick-search-results" class="quick-search-results list-unstyled mb-0 p-0 pe-1 overflow-auto overscroll-behavior-contain ff-base ghost-scrollbar" style="max-width:  400px; max-height: 500px;">
-	<li role="separator" class="dropdown-divider d-none d-md-block"></li>
-	{{{ each posts }}}
-	<li data-tid="{posts.topic.tid}" data-pid="{posts.pid}" class="d-flex flex-column gap-1">
-		<a href="{config.relative_path}/post/{posts.pid}"
-			class="btn-ghost-sm ff-secondary rounded-1 text-reset d-block text-truncate px-2 py-1">
-			<span class="quick-search-title fw-semibold text-sm">{posts.topic.title}</span>
-			<br/>
-			<p class="snippet text-xs text-break text-wrap mb-0">
-			{posts.snippet}
-			</p>
-		</a>
-		<div class="d-flex gap-1 post-info px-2 text-xs">
-			<div class="category-item d-inline-block ff-secondary">
-				{function.buildCategoryLabel, posts.category, "span"}
-			</div>
-			<span class="timeago text-muted" title="{posts.timestampISO}"></span>
-		</div>
-	</li>
-	<li role="separator" class="dropdown-divider"></li>
-	{{{ end }}}
-
-</ul>
-
-{{{ if multiplePages }}}
-<div class="text-center mt-2 d-none d-md-block">
-	<a href="{url}" class="btn btn-sm btn-primary">
-		[[search:see-more-results, {matchCount}]]
-	</a>
-</div>
-{{{ end }}}
-
-{{{if !posts.length}}}
-<div class="text-center no-results py-2 py-md-0">[[search:no-matches]]</li>
-<li role="separator" class="dropdown-divider d-block d-md-none"></li>
+{{{ if multiplePages }}}
+<div class="show-more-container">
+	<div class="text-center d-block d-md-none">
+		<a href="{url}" class="btn btn-sm btn-primary">
+			[[search:see-more-results, {matchCount}]]
+		</a>
+	</div>
+	<li role="separator" class="dropdown-divider d-block d-md-none"></li>
+</div>
+{{{ end }}}
+
+<ul id="quick-search-results" class="quick-search-results list-unstyled mb-0 p-0 pe-1 overflow-auto overscroll-behavior-contain ff-base ghost-scrollbar" style="max-width: {dropdown.maxWidth}; max-height: {dropdown.maxHeight};">
+	<li role="separator" class="dropdown-divider d-none d-md-block"></li>
+	{{{ each posts }}}
+	<li data-tid="{posts.topic.tid}" data-pid="{posts.pid}" class="d-flex flex-column gap-1">
+		<a href="{config.relative_path}/post/{encodeURIComponent(posts.pid)}"
+			class="btn btn-ghost btn-sm ff-secondary rounded-1 text-start text-reset d-block text-truncate px-2 py-1">
+			<span class="quick-search-title fw-semibold text-sm">{posts.topic.title}</span>
+			<br/>
+			<p class="snippet text-xs text-break text-wrap mb-0">
+			{posts.snippet}
+			</p>
+		</a>
+		<div class="d-flex gap-2 post-info px-2 text-xs">
+			<div class="category-item d-inline-block ff-secondary">
+				{function.buildCategoryLabel, posts.category, "span"}
+			</div>
+			<span class="timeago text-muted" title="{posts.timestampISO}"></span>
+		</div>
+	</li>
+	<li role="separator" class="dropdown-divider"></li>
+	{{{ end }}}
+
+</ul>
+
+{{{ if multiplePages }}}
+<div class="text-center mt-2 d-none d-md-block">
+	<a href="{url}" class="btn btn-sm btn-primary">
+		[[search:see-more-results, {matchCount}]]
+	</a>
+</div>
+{{{ end }}}
+
+{{{if !posts.length}}}
+<div class="text-center no-results py-2 py-md-0">[[search:no-matches]]</li>
+<li role="separator" class="dropdown-divider d-block d-md-none"></li>
 {{{end}}}