nodebb-theme-harmony 1.0.0-beta.5 → 1.0.0-beta.50

package/templates/topic.tpl

@@ -6,11 +6,11 @@
 </div>
 {{{ end }}}
 
-<h2 component="post/header" class="fs-2 mb-0 text-break {{{ if config.centerHeaderElements }}}text-center{{{ end }}}" itemprop="name">
+<h2 component="post/header" class="fs-2 mb-0 text-break {{{ if config.theme.centerHeaderElements }}}text-center{{{ end }}}" itemprop="name">
 	<span class="topic-title" component="topic/title">{title}</span>
 </h2>
 
-<div class="topic-info d-flex gap-2 align-items-center flex-wrap {{{ if config.centerHeaderElements }}}justify-content-center{{{ end }}}">
+<div class="topic-info d-flex gap-2 align-items-center flex-wrap {{{ if config.theme.centerHeaderElements }}}justify-content-center{{{ end }}}">
 	<span component="topic/labels" class="d-flex gap-2">
 		<span component="topic/scheduled" class="badge badge border border-gray-300 text-primary {{{ if !scheduled }}}hidden{{{ end }}}">
 			<i class="fa fa-clock-o"></i>
@@ -28,7 +28,7 @@
 			<i class="fa fa-arrow-circle-right"></i>
 			{{{ if privileges.isAdminOrMod }}}[[topic:moved-from, {oldCategory.name}]]{{{ else }}}[[topic:moved]]{{{ end }}}
 		</span>
-		{{{each icons}}}<span class="align-middle">{@value}</span>{{{end}}}
+		{{{each icons}}}<span>{@value}</span>{{{end}}}
 	</span>
 	<a class="lh-1" href="{config.relative_path}/category/{category.slug}">{function.buildCategoryLabel, category, "border"}</a>
 	<div class="lh-1 tags tag-list d-flex hidden-xs gap-2"><!-- IMPORT partials/topic/tags.tpl --></div>
@@ -52,10 +52,10 @@
 		<ul component="topic" class="posts timeline mt-sm-4 p-0 py-3" data-tid="{tid}" data-cid="{cid}">
 			{{{each posts}}}
 				<li component="post" class="pt-4 {{{ if posts.deleted }}}deleted{{{ end }}} {{{ if posts.selfPost }}}self-post{{{ end }}} {{{ if posts.topicOwnerPost }}}topic-owner-post{{{ end }}}" <!-- IMPORT partials/data/topic.tpl -->>
-					<a component="post/anchor" data-index="{posts.index}" id="{posts.index}"></a>
+					<a component="post/anchor" data-index="{./index}" id="{increment(./index, "1")}"></a>
 
-					<meta itemprop="datePublished" content="{posts.timestampISO}">
-					<meta itemprop="dateModified" content="{posts.editedISO}">
+					<meta itemprop="datePublished" content="{./timestampISO}">
+					<meta itemprop="dateModified" content="{./editedISO}">
 
 					<!-- IMPORT partials/topic/post.tpl -->
 				</li>
@@ -74,7 +74,7 @@
 		</div>
 		{{{ end }}}
 
-		{{{ if config.enableQuickReply }}}
+		{{{ if config.theme.enableQuickReply }}}
 		<!-- IMPORT partials/topic/quickreply.tpl -->
 		{{{ end }}}
 

package/templates/unread.tpl

@@ -6,7 +6,7 @@
 <div class="unread">
 	<!-- IMPORT partials/topic-list-bar.tpl -->
 	<div class="category">
-		<div id="category-no-topics" class="alert alert-warning {{{ if topics.length }}}hidden{{{ end }}}">[[unread:no_unread_topics]]</div>
+		<div id="category-no-topics" class="alert alert-info mt-3 {{{ if topics.length }}}hidden{{{ end }}}">[[unread:no_unread_topics]]</div>
 
 		<!-- IMPORT partials/topics_list.tpl -->
 		<button id="load-more-btn" class="btn btn-primary hide">[[unread:load_more]]</button>

package/templates/users.tpl

@@ -12,7 +12,7 @@
 		<div class="">
 			<div class="d-flex justify-content-end gap-2">
 				{{{ if showInviteButton }}}
-				<button component="user/invite" class="btn btn-primary btn-sm"><i class="fa fa-user-plus"></i> [[users:invite]]</button>
+				<button component="user/invite" class="btn btn-primary btn-sm text-nowrap"><i class="fa fa-user-plus"></i> [[users:invite]]</button>
 				{{{ end }}}
 				{{{ if displayUserSearch }}}
 				<div class="search">

package/templates/modules/usercard.tpl

@@ -1,39 +0,0 @@
-<!-- THIS FILE IS STILL PERSONA -->
-
-<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 class="human-readable-number">{postcount}</span>
-			</div>
-			<div class="col-4">
-				<small>[[global:reputation]]</small>
-				<span class="human-readable-number">{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/acceptTos.tpl

@@ -1,11 +0,0 @@
-<!-- THIS FILE IS STILL PERSONA -->
-
-<div class="form-group">
-	<label for="agree-terms">[[register:terms_of_use]]</label>
-	<div class="tos">{termsOfUse}</div>
-	<div class="checkbox">
-		<label>
-			<input type="checkbox" name="agree-terms" id="agree-terms"> [[register:agree_to_terms_of_use]]
-		</label>
-	</div>
-</div>

package/templates/partials/category-filter-right.tpl

@@ -1,5 +0,0 @@
-<!-- THIS FILE IS STILL PERSONA -->
-
-<div component="category/dropdown" class="btn-group right category-dropdown-container bottom-sheet">
-   <!-- IMPORT partials/category-filter-content.tpl -->
-</div>

package/templates/partials/category-filter.tpl

@@ -1,3 +0,0 @@
-<div component="category/dropdown" class="btn-group category-dropdown-container bottom-sheet">
-   <!-- IMPORT partials/category-filter-content.tpl -->
-</div>

package/templates/partials/category-selector-right.tpl

@@ -1,5 +0,0 @@
-<!-- THIS FILE IS STILL PERSONA -->
-
-<div component="category-selector" class="btn-group right category-dropdown-container bottom-sheet">
-<!-- IMPORT partials/category-selector-content.tpl -->
-</div>

package/templates/partials/category-selector.tpl

@@ -1,3 +0,0 @@
-<div component="category-selector" class="btn-group bottom-sheet">
-<!-- IMPORT partials/category-selector-content.tpl -->
-</div>

package/templates/partials/slideout-menu.tpl

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