nodebb-theme-persona 15.0.10 → 15.1.0

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>
+			<a class="page-link" href="?{pagination.prev.qs}" data-page="{pagination.prev.page}" aria-label="{{tx("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>
+				<a class="page-link" href="#" aria-label="{{tx("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>
+				<a class="page-link" href="?{pagination.pages.qs}" data-page="{pagination.pages.page}" aria-label="{{tx("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>
+			<a class="page-link" href="?{pagination.next.qs}" data-page="{pagination.next.page}" aria-label="{{tx("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>
+			<a class="page-link" href="?{pagination.first.qs}" data-page="1" aria-label="{{tx("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>
+			<a class="page-link" href="?{pagination.prev.qs}" data-page="{pagination.prev.page}" aria-label="{{tx("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>
+			<a class="page-link" href="#" aria-label="{{tx("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>
+			<a class="page-link" href="?{pagination.next.qs}" data-page="{pagination.next.page}" aria-label="{{tx("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>
+			<a class="page-link" href="?{pagination.last.qs}" data-page="{pagination.pageCount}" aria-label="{{tx("global:pagination.lastpage")}}"><i class="fa fa-fast-forward"></i> </a>
 		</li>
 	</ul>
 </nav>

package/templates/partials/post_bar.tpl

@@ -1,10 +1,10 @@
 <div class="topic-main-buttons d-flex gap-2 align-items-center">
 	<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 class="hidden-xs">{{tx("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-ghost" title="[[topic:mark-unread]]">
+	<button component="topic/mark-unread" class="btn btn-sm btn-ghost" title="{{tx("topic:mark-unread")}}">
 		<i class="fa fa-fw fa-inbox text-secondary"></i>
 	</button>
 	{{{ end }}}

package/templates/partials/posts_list_item.tpl

@@ -5,11 +5,11 @@
         </a>
 
         <div component="post/content" class="content mb-3 text-break">
-            {{{ if ./txContent }}}{{tx(./content)}}{{{ else }}}{{txEscape(./content)}}{{{ end }}}
+            {{{ if ./txContent }}}{{tx(./content)}}{{{ else }}}{{./content}}{{{ end }}}
         </div>
 
         <div class="mb-3">
-            <a class="topic-category text-xs fw-bold text-uppercase text-secondary mb-3" href="{config.relative_path}/category/{../category.slug}">[[global:posted-in, {../category.name}]]</a>
+            <a class="topic-category text-xs fw-bold text-uppercase text-secondary mb-3" href="{config.relative_path}/category/{../category.slug}">{{tx("global:posted-in", ../category.name)}}</a>
 
             {{{ if ../isMainPost }}}
             {{{ if ../topic.tags.length }}}

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

@@ -1,7 +1,7 @@
 {{{ if (multiplePages && !config.theme.topMobilebar) }}}
 <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>
+		<a href="{url}" class="btn btn-sm btn-primary">{{tx("search:see-more-results", matchCount)}}</a>
 	</div>
 	<li role="separator" class="dropdown-divider d-block d-md-none"></li>
 </div>
@@ -35,16 +35,16 @@
 
 {{{ 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>
+	<a href="{url}" class="btn btn-sm btn-primary">{{tx("search:see-more-results", matchCount)}}</a>
 </div>
 {{{ end }}}
 {{{ if (multiplePages && config.theme.topMobilebar) }}}
 <div class="text-center mt-2 d-block d-md-none">
-	<a href="{url}" class="btn btn-sm btn-primary">[[search:see-more-results, {matchCount}]]</a>
+	<a href="{url}" class="btn btn-sm btn-primary">{{tx("search:see-more-results", matchCount)}}</a>
 </div>
 {{{ end }}}
 
 {{{if !categories.length}}}
-<div class="text-center no-results py-2 py-md-0">[[search:no-matches]]</li>
+<div class="text-center no-results py-2 py-md-0">{{tx("search:no-matches")}}</div>
 <li role="separator" class="dropdown-divider d-block d-md-none"></li>
 {{{end}}}

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

@@ -25,10 +25,10 @@
 <!-- IF multiplePages -->
 <div class="text-center mt-2">
 	<a href="{url}">
-		[[search:see-more-results, {matchCount}]]
+		{{tx("search:see-more-results", matchCount)}}
 	</a>
 </div>
 <!-- ENDIF multiplePages -->
 {{{if !posts.length}}}
-<div class="text-center no-results">[[search:no-matches]]</li>
+<div class="text-center no-results">{{tx("search:no-matches")}}</div>
 {{{end}}}

package/templates/partials/search/results.tpl

@@ -3,7 +3,7 @@
 	<div class="alert alert-info">{{tx("search:results-matching", matchCount, txEscape(search_query), time)}}</div>
 	{{{ else }}}
 	{{{ if search_query }}}
-	<div class="alert alert-warning">[[search:no-matches]]</div>
+	<div class="alert alert-warning">{{tx("search:no-matches")}}</div>
 	{{{ end }}}
 	{{{ end }}}
 
@@ -25,7 +25,7 @@
 				<a href="{config.relative_path}/category/{./category.slug}">
 					<div class="category-item d-inline-block">
 						{{buildCategoryIcon(./category, "24px", "rounded-circle")}}
-						{tx(./category.name)}
+						{{tx(./category.name)}}
 					</div>
 				</a> &bull;
 				<span class="timeago" title="{./timestampISO}"></span>

package/templates/partials/tags_list.tpl

@@ -2,7 +2,7 @@
 <h5 class="float-start tag-container me-5 mb-5 fw-bold">
 	<a href="{config.relative_path}/tags/{./valueEncoded}" data-tag="{./value}">
 		<span class="tag-item text-muted text-uppercase text-nowrap tag-class-{tags.class} me-2" data-tag="{tags.value}">{./value}</span>
-		<span class="tag-topic-count text-primary text-nowrap" title="{./score}">{tx("global:x-topics", formattedNumber(./score))}</span>
+		<span class="tag-topic-count text-primary text-nowrap" title="{./score}">{{tx("global:x-topics", formattedNumber(./score))}}</span>
 	</a>
 </h5>
 {{{end}}}

package/templates/partials/topic/crosspost.tpl

@@ -1,5 +1,5 @@
 {{{ if loggedIn }}}
-<button component="topic/crosspost" title="[[topic:crosspost-topic]]" class="btn btn-sm btn-ghost">
+<button component="topic/crosspost" title="{{tx("topic:crosspost-topic")}}" class="btn btn-sm btn-ghost">
 	<i class="fa fa-fw fa-square-arrow-up-right text-secondary"></i>
 </button>
 {{{ end }}}

package/templates/partials/topic/event.tpl

@@ -1,12 +1,38 @@
-<li component="topic/event" class="timeline-event text-muted" data-topic-event-id="{./id}" data-topic-event-type="{./type}">
+{{{ if ./items.length }}}
+<li component="topic/event" class="timeline-event text-muted d-flex align-items-start gap-2 pt-4 px-2 px-lg-0">
+	<div class="timeline-badge my-2 my-lg-1">
+		<i class="fa fa-fw {{{ if ./icon }}}{./icon}{{{ else }}}fa-circle{{{ end }}} small"></i>
+	</div>
+	<div class="d-flex flex-column align-items-start">
+		<button class="btn btn-sm btn-ghost" type="button" data-bs-toggle="collapse" data-bs-target="#event-collapse-{./id}" aria-expanded="false" aria-controls="collapseExample">
+			{{tx("topic:announcers-x", ./items.length)}}
+		</button>
+		<div class="collapse align-self-start" id="event-collapse-{./id}">
+			<div component="topic/event/items">
+				{{{ each ./items }}}
+				<div class="d-flex gap-2 pt-3 pt-lg-2" data-topic-event-id="{./id}" data-topic-event-type="{./type}">
+					<span class="timeline-text small d-flex align-items-center gap-1 flex-wrap flex-grow-1 flex-lg-grow-0">
+						{{./text}}
+					</span>
+					{{{ if (privileges.isAdminOrMod && ./id) }}}
+					<span component="topic/event/delete" data-topic-event-id="{./id}" data-topic-event-type="{./type}" class="timeline-text pointer" title="{{tx("topic:delete-event")}}"><i class="fa fa-trash"></i></span>
+					{{{ end }}}
+				</div>
+				{{{ end }}}
+			</div>
+		</div>
+	</div>
+</li>
+{{{ else }}}
+<li component="topic/event" class="timeline-event text-muted d-flex align-items-start align-items-lg-center gap-2 pt-4 px-2 px-lg-0" 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>
+		<i class="fa fa-fw {{{ if ./icon }}}{./icon}{{{ else }}}fa-circle{{{ end }}} small"></i>
 	</div>
-	<span class="timeline-text">
+	<span class="timeline-text small d-flex align-items-center gap-1 flex-wrap flex-grow-1 flex-lg-grow-0">
 		{{./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>
+	<span component="topic/event/delete" data-topic-event-id="{./id}" data-topic-event-type="{./type}" class="timeline-text pointer" title="{{tx("topic:delete-event")}}"><i class="fa fa-trash"></i></span>
 	{{{ end }}}
 </li>
-
+{{{ end }}}

package/templates/partials/topic/navigation-post.tpl

@@ -9,4 +9,4 @@
 	</small>
 </div>
 
-<div>{{{ if post.txContent }}}{{tx(posts.content)}}{{{ else }}}{{txEscape(post.content)}}{{{ end }}}</div>
+<div>{{{ if post.txContent }}}{{tx(posts.content)}}{{{ else }}}{{post.content}}{{{ end }}}</div>

package/templates/partials/topic/navigator.tpl

@@ -14,23 +14,23 @@
                     <div class="col-8 post-content"></div>
                     <div class="col-4 text-end">
                         <div class="scroller-content">
-                            <span class="pointer pagetop">[[topic:first-post]] <i class="fa fa-angle-double-up"></i></span>
+                            <span class="pointer pagetop">{{tx("topic:first-post")}} <i class="fa fa-angle-double-up"></i></span>
                             <div class="scroller-container">
                                 <div class="scroller-thumb">
                                     <span class="thumb-text"></span>
                                     <div class="scroller-thumb-icon"></div>
                                 </div>
                             </div>
-                            <span class="pointer pagebottom">[[topic:last-post]] <i class="fa fa-angle-double-down"></i></span>
+                            <span class="pointer pagebottom">{{tx("topic:last-post")}} <i class="fa fa-angle-double-down"></i></span>
                         </div>
                     </div>
                 </div>
                 <div class="row">
                     <div class="col-6">
-                        <button id="myNextPostBtn" class="btn btn-outline-secondary form-control" disabled>[[topic:go-to-my-next-post]]</button>
+                        <button id="myNextPostBtn" class="btn btn-outline-secondary form-control" disabled>{{tx("topic:go-to-my-next-post")}}</button>
                     </div>
                     <div class="col-6">
-                        <input type="number" class="form-control" id="indexInput" placeholder="[[global:pagination.enter-index]]">
+                        <input type="number" class="form-control" id="indexInput" placeholder="{{tx("global:pagination.enter-index")}}">
                     </div>
                 </div>
             </li>

package/templates/partials/topic/necro-post.tpl

@@ -1,3 +1,3 @@
 <li component="topic/necro-post" class="necro-post text-muted timeline-event">
-	<span class="timeline-text">{tx(text)}</span>
+	<span class="timeline-text">{{tx(text)}}</span>
 </li>

package/templates/partials/topic/post-editor.tpl

@@ -1 +1 @@
-<small data-editor="{editor.userslug}" component="post/editor" class="hidden">[[global:last-edited-by, {editor.username}]] <span class="timeago" title="{isoTimeToLocaleString(editedISO, config.userLang)}"></span></small>
+<small data-editor="{editor.userslug}" component="post/editor" class="hidden">{{tx("global:last-edited-by", txEscape(editor.username))}} <span class="timeago" title="{isoTimeToLocaleString(editedISO, config.userLang)}"></span></small>

package/templates/partials/topic/post.tpl

@@ -11,10 +11,10 @@
 		<a href="<!-- IF posts.user.userslug -->{config.relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->">
 			{{buildAvatar(posts.user, "48px", true, "", "user/picture")}}
 			{{{ if ./user.isLocal }}}
-			<span component="user/status" class="position-absolute top-100 start-100 border border-white border-2 rounded-circle status {posts.user.status}"><span class="visually-hidden">[[global:{posts.user.status}]]</span></span>
+			<span component="user/status" class="position-absolute top-100 start-100 border border-white border-2 rounded-circle status {posts.user.status}"><span class="visually-hidden">{{tx(concat("global:", posts.user.status))}}</span></span>
 			{{{ else }}}
 			<span component="user/locality" class="position-absolute top-100 start-100 lh-1 border border-white border-2 rounded-circle small" title="[[global:remote-user]]">
-				<span class="visually-hidden">[[global:remote-user]]</span>
+				<span class="visually-hidden">{{tx("global:remote-user")}}</span>
 				<i class="fa fa-globe"></i>
 			</span>
 			{{{ end }}}
@@ -36,12 +36,12 @@
 			{{{ end }}}
 
 			<!-- IF posts.user.banned -->
-			<span class="badge bg-danger">[[user:banned]]</span>
+			<span class="badge bg-danger">{{tx("user:banned")}}</span>
 			<!-- ENDIF posts.user.banned -->
 
 			<span class="visible-xs-inline-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
 				{{{ if posts.toPid }}}
-				<a component="post/parent" class="btn btn-sm btn-ghost py-0 px-1 text-xs hidden-xs" data-topid="{posts.toPid}" href="{config.relative_path}/post/{encodeURIComponent(posts.toPid)}"><i class="fa fa-reply"></i> @{{{ if posts.parent.user.userslug }}}{posts.parent.user.username}{{{ else }}}[[global:guest]]{{{ end }}}</a>
+				<a component="post/parent" class="btn btn-sm btn-ghost py-0 px-1 text-xs hidden-xs" data-topid="{posts.toPid}" href="{config.relative_path}/post/{encodeURIComponent(posts.toPid)}"><i class="fa fa-reply"></i> @{{{ if posts.parent.user.userslug }}}{posts.parent.user.username}{{{ else }}}{{tx("global:guest")}}{{{ end }}}</a>
 				{{{ end }}}
 
 				<span>
@@ -57,7 +57,7 @@
 				<span>
 					<i component="post/edit-indicator" class="fa fa-pencil-square<!-- IF privileges.posts:history --> pointer<!-- END --> edit-icon <!-- IF !posts.editor.username -->hidden<!-- ENDIF !posts.editor.username -->"></i>
 
-					<span data-editor="{posts.editor.userslug}" component="post/editor" class="hidden">[[global:last-edited-by, {posts.editor.username}]] <span class="timeago" title="{isoTimeToLocaleString(posts.editedISO, config.userLang)}"></span></span>
+					<span data-editor="{posts.editor.userslug}" component="post/editor" class="hidden">{{tx("global:last-edited-by", txEscape(posts.editor.username))}} <span class="timeago" title="{isoTimeToLocaleString(posts.editedISO, config.userLang)}"></span></span>
 
 					<span class="visible-xs-inline-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
 						<a class="permalink text-muted" href="{config.relative_path}/post/{encodeURIComponent(posts.pid)}"><span class="timeago" title="{posts.timestampISO}"></span></a>
@@ -72,12 +72,12 @@
 <br />
 
 <div class="content" component="post/content" itemprop="text">
-	{{{ if posts.txContent }}}{{tx(posts.content)}}{{{ else }}}{{txEscape(posts.content)}}{{{ end }}}
+	{{{ if posts.txContent }}}{{tx(posts.content)}}{{{ else }}}{{posts.content}}{{{ end }}}
 </div>
 
 <div class="post-footer">
 	{{{ if posts.user.signature }}}
-	<div component="post/signature" data-uid="{posts.user.uid}" class="post-signature">{{txEscape(posts.user.signature)}}</div>
+	<div component="post/signature" data-uid="{posts.user.uid}" class="post-signature">{{posts.user.signature}}</div>
 	{{{ end }}}
 
 	<div class="clearfix">
@@ -92,8 +92,8 @@
 			{{{ end }}}
 		</span>
 
-		<span class="replies-count small" component="post/reply-count/text" data-replies="{posts.replies.count}">{tx(posts.replies.text)}</span>
-		<span class="replies-last hidden-xs small">[[topic:last-reply-time]] <span class="timeago" title="{posts.replies.timestampISO}"></span></span>
+		<span class="replies-count small" component="post/reply-count/text" data-replies="{posts.replies.count}">{{tx(posts.replies.text)}}</span>
+		<span class="replies-last hidden-xs small">{{tx("topic:last-reply-time")}} <span class="timeago" title="{posts.replies.timestampISO}"></span></span>
 
 		<i class="fa fa-fw fa-chevron-down" component="post/replies/open"></i>
 	</a>
@@ -102,12 +102,12 @@
 	<small class="d-flex justify-content-end align-items-center gap-1" component="post/actions">
 		<!-- IMPORT partials/topic/reactions.tpl -->
 		<span class="post-tools">
-			<a component="post/reply" href="#" class="btn btn-sm btn-link user-select-none <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">[[topic:reply]]</a>
-			<a component="post/quote" href="#" class="btn btn-sm btn-link user-select-none <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">[[topic:quote]]</a>
+			<a component="post/reply" href="#" class="btn btn-sm btn-link user-select-none <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">{{tx("topic:reply")}}</a>
+			<a component="post/quote" href="#" class="btn btn-sm btn-link user-select-none <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">{{tx("topic:quote")}}</a>
 		</span>
 
 		{{{ if ./announces }}}
-		<a component="post/announce-count" href="#" class="btn-ghost-sm" title="[[topic:announcers]]"><i class="fa fa-share-alt text-primary"></i> {./announces}</a>
+		<a component="post/announce-count" href="#" class="btn-ghost-sm" title="{{tx("topic:announcers")}}"><i class="fa fa-share-alt text-primary"></i> {./announces}</a>
 		{{{ end }}}
 
 		<!-- IF !reputation:disabled -->

package/templates/partials/topic/quickreply.tpl

@@ -9,8 +9,8 @@
 		<input type="hidden" name="tid" value="{tid}" />
 		<input type="hidden" name="_csrf" value="{config.csrf_token}" />
 		<div class="quickreply-message position-relative">
-			<textarea rows="4" name="content" component="topic/quickreply/text" class="form-control mousetrap" placeholder="[[modules:composer.textarea.placeholder]]"></textarea>
-			<div class="imagedrop"><div>[[topic:composer.drag-and-drop-images]]</div></div>
+			<textarea rows="4" name="content" component="topic/quickreply/text" class="form-control mousetrap" placeholder="{{tx("modules:composer.textarea.placeholder")}}"></textarea>
+			<div class="imagedrop"><div>{{tx("topic:composer.drag-and-drop-images")}}</div></div>
 		</div>
 		<div>
 			<div class="d-flex justify-content-end gap-2">
@@ -18,8 +18,10 @@
 					<!-- IMPORT partials/category/selector-dropdown-left.tpl -->
 				</div>
 				<button type="button" component="topic/quickreply/upload/button" class="btn btn-ghost btn-sm border"><i class="fa fa-upload"></i></button>
-				<button type="button" component="topic/quickreply/expand" class="btn btn-ghost btn-sm border" title="[[topic:open-composer]]"><i class="fa fa-expand"></i></button>
-				<button type="submit" component="topic/quickreply/button" class="btn btn-sm btn-primary">[[topic:post-quick-{{{ if tid }}}reply{{{ else }}}create{{{ end }}}]]</button>
+				<button type="button" component="topic/quickreply/expand" class="btn btn-ghost btn-sm border" title="{{tx("topic:open-composer")}}"><i class="fa fa-expand"></i></button>
+				<button type="submit" component="topic/quickreply/button" class="btn btn-sm btn-primary">
+					{{{ if tid }}}{{tx("topic:post-quick-reply")}}{{{ else }}}{{tx("topic:post-quick-create")}}{{{ end }}}
+				</button>
 			</div>
 		</div>
 	</form>

package/templates/partials/topic/reply-button.tpl

@@ -1,27 +1,27 @@
 <div component="topic/reply/container" class="btn-group bottom-sheet <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">
-	<a href="{config.relative_path}/compose?tid={tid}" class="btn btn-sm btn-primary" component="topic/reply" data-ajaxify="false" role="button"><i class="fa fa-reply visible-xs-inline"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[topic:reply]]</span></a>
+	<a href="{config.relative_path}/compose?tid={tid}" class="btn btn-sm btn-primary" component="topic/reply" data-ajaxify="false" role="button"><i class="fa fa-reply visible-xs-inline"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> {{tx("topic:reply")}}</span></a>
 	<button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 		<span class="caret"></span>
 	</button>
 	<ul class="dropdown-menu dropdown-menu-end p-1" role="menu">
-		<li><a class="dropdown-item rounded-1" href="#" component="topic/reply-as-topic" role="menuitem">[[topic:reply-as-topic]]</a></li>
+		<li><a class="dropdown-item rounded-1" href="#" component="topic/reply-as-topic" role="menuitem">{{tx("topic:reply-as-topic")}}</a></li>
 	</ul>
 </div>
 
 <!-- IF loggedIn -->
 <!-- IF !privileges.topics:reply -->
 <!-- IF locked -->
-<a component="topic/reply/locked" class="btn btn-sm btn-primary" disabled><i class="fa fa-lock"></i> [[topic:locked]]</a>
+<a component="topic/reply/locked" class="btn btn-sm btn-primary" disabled><i class="fa fa-lock"></i> {{tx("topic:locked")}}</a>
 <!-- ENDIF locked -->
 <!-- ENDIF !privileges.topics:reply -->
 
 <!-- IF !locked -->
-<a component="topic/reply/locked" class="btn btn-sm btn-primary hidden" disabled><i class="fa fa-lock"></i> [[topic:locked]]</a>
+<a component="topic/reply/locked" class="btn btn-sm btn-primary hidden" disabled><i class="fa fa-lock"></i> {{tx("topic:locked")}}</a>
 <!-- ENDIF !locked -->
 
 <!-- ELSE -->
 
 <!-- IF !privileges.topics:reply -->
-<a component="topic/reply/guest" href="{config.relative_path}/login" class="btn btn-sm btn-primary">[[topic:guest-login-reply]]</a>
+<a component="topic/reply/guest" href="{config.relative_path}/login" class="btn btn-sm btn-primary">{{tx("topic:guest-login-reply")}}</a>
 <!-- ENDIF !privileges.topics:reply -->
 <!-- ENDIF loggedIn -->

package/templates/partials/topic/selection-tooltip.tpl

@@ -1,3 +1,3 @@
 <div component="selection/tooltip" class="selection-tooltip-container position-absolute card card-body p-1 rounded-1 mt-2" style="z-index: 1;">
-    <button component="selection/tooltip/quote" class="btn btn-sm btn-primary quote-tooltip-btn">[[topic:quote]]</button>
+    <button component="selection/tooltip/quote" class="btn btn-sm btn-primary quote-tooltip-btn">{{tx("topic:quote")}}</button>
 </div>

package/templates/partials/topic/sort.tpl

@@ -1,22 +1,22 @@
-<div title="[[topic:sort-by]]" class="dropdown bottom-sheet hidden-xs" component="thread/sort">
-	<button class="btn btn-sm btn-ghost dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[aria:post-sort-option, {sortOptionLabel}]]">
+<div title="{{tx("topic:sort-by")}}" class="dropdown bottom-sheet hidden-xs" component="thread/sort">
+	<button class="btn btn-sm btn-ghost dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="{{tx("aria:post-sort-option", sortOptionLabel)}}">
 	<i class="fa fa-fw fa-arrow-down-wide-short text-secondary"></i></button>
 	<ul class="dropdown-menu dropdown-menu-end p-1 text-sm" role="menu">
 		<li>
 			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" class="oldest_to_newest" data-sort="oldest_to_newest" role="menuitem">
-				<span class="flex-grow-1">[[topic:oldest-to-newest]]</span>
+				<span class="flex-grow-1">{{tx("topic:oldest-to-newest")}}</span>
 				<i class="flex-shrink-0 fa fa-fw text-secondary"></i>
 			</a>
 		</li>
 		<li>
 			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" class="newest_to_oldest" data-sort="newest_to_oldest" role="menuitem">
-				<span class="flex-grow-1">[[topic:newest-to-oldest]]</span>
+				<span class="flex-grow-1">{{tx("topic:newest-to-oldest")}}</span>
 				<i class="flex-shrink-0 fa fa-fw text-secondary"></i>
 			</a>
 		</li>
 		<li>
 			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" href="#" class="most_votes" data-sort="most_votes" role="menuitem">
-				<span class="flex-grow-1">[[topic:most-votes]]</span>
+				<span class="flex-grow-1">{{tx("topic:most-votes")}}</span>
 				<i class="flex-shrink-0 fa fa-fw text-secondary"></i>
 			</a>
 		</li>

package/templates/partials/topic/stats.tpl

@@ -1,30 +1,30 @@
 {{{ if ./crossposts.length }}}
 <span class="badge text-body border border-gray-300 stats text-xs position-relative">
-	<i class="fa-regular fa-fw fa-clone visible-xs-inline" title="[[global:crossposts]]"></i>
+	<i class="fa-regular fa-fw fa-clone visible-xs-inline" title="{{tx("global:crossposts")}}"></i>
 	<span component="topic/crosspost-count" title="{crossposts.length}" class="fw-bold">{humanReadableNumber(crossposts.length)}</span>
-	<span class="hidden-xs text-lowercase fw-normal">[[global:crossposts]]</span>
-	<a href="#" aria-label="[[aria:show-crossposts]]" id="show-crossposts" class="stretched-link"></a>
+	<span class="hidden-xs text-lowercase fw-normal">{{tx("global:crossposts")}}</span>
+	<a href="#" aria-label="{{tx("aria:show-crossposts")}}" id="show-crossposts" class="stretched-link"></a>
 </span>
 {{{ end }}}
 <span class="badge text-body border border-gray-300 stats text-xs">
-	<i class="fa-regular fa-fw fa-message visible-xs-inline" title="[[global:posts]]"></i>
+	<i class="fa-regular fa-fw fa-message visible-xs-inline" title="{{tx("global:posts")}}"></i>
 	<span component="topic/post-count" title="{postcount}" class="fw-bold">{humanReadableNumber(postcount)}</span>
-	<span class="hidden-xs text-lowercase fw-normal">[[global:posts]]</span>
+	<span class="hidden-xs text-lowercase fw-normal">{{tx("global:posts")}}</span>
 </span>
 <span class="badge text-body border border-gray-300 stats text-xs">
-	<i class="fa fa-fw fa-user visible-xs-inline" title="[[global:posters]]"></i>
+	<i class="fa fa-fw fa-user visible-xs-inline" title="{{tx("global:posters")}}"></i>
 	<span title="{postercount}" class="fw-bold">{humanReadableNumber(postercount)}</span>
-	<span class="hidden-xs text-lowercase fw-normal">[[global:posters]]</span>
+	<span class="hidden-xs text-lowercase fw-normal">{{tx("global:posters")}}</span>
 </span>
 <span class="badge text-body border border-gray-300 stats text-xs">
-	<i class="fa fa-fw fa-eye visible-xs-inline" title="[[global:views]]"></i>
+	<i class="fa fa-fw fa-eye visible-xs-inline" title="{{tx("global:views")}}"></i>
 	<span class="fw-bold" title="{viewcount}">{humanReadableNumber(viewcount)}</span>
-	<span class="hidden-xs text-lowercase fw-normal">[[global:views]]</span>
+	<span class="hidden-xs text-lowercase fw-normal">{{tx("global:views")}}</span>
 </span>
 {{{ if ./followercount }}}
 <span class="badge text-body border border-gray-300 stats text-xs">
-	<i class="fa fa-fw fa-bell-o visible-xs-inline" title="[[global:watching]]"></i>
+	<i class="fa fa-fw fa-bell-o visible-xs-inline" title="{{tx("global:watching")}}"></i>
 	<span class="fw-bold" title="{viewcount}">{humanReadableNumber(followercount)}</span>
-	<span class="hidden-xs text-lowercase fw-normal">[[global:watching]]</span>
+	<span class="hidden-xs text-lowercase fw-normal">{{tx("global:watching")}}</span>
 </span>
 {{{ end }}}

package/templates/partials/topic/tools.tpl

@@ -1,5 +1,5 @@
 {{{ if privileges.view_thread_tools }}}
-<div title="[[topic:thread-tools.title]]" class="dropdown thread-tools bottom-sheet">
+<div title="{{tx("topic:thread-tools.title")}}" class="dropdown thread-tools bottom-sheet">
 	<button class="btn btn-sm btn-ghost dropdown-toggle" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
 		<i class="fa fa-fw fa-gear text-secondary"></i>
 	</button>

package/templates/partials/topic/watch.tpl

@@ -1,9 +1,9 @@
 {{{ if config.loggedIn }}}
 <div class="dropdown bottom-sheet" component="topic/watch"
 data-bs-toggle="tooltip"
-	{{{if isFollowing}}}title="[[topic:watching]]"{{{end}}}
-	{{{if isNotFollowing}}}title="[[topic:not-watching]]"{{{end}}}
-	{{{if isIgnoring}}}title="[[topic:ignoring]]"{{{end}}}
+	{{{if isFollowing}}}title="{{tx("topic:watching")}}"{{{end}}}
+	{{{if isNotFollowing}}}title="{{tx("topic:not-watching")}}"{{{end}}}
+	{{{if isIgnoring}}}title="{{tx("topic:ignoring")}}"{{{end}}}
 >
 	<button class="btn btn-sm btn-ghost dropdown-toggle text-secondary" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
 		<span component="topic/following/menu" <!-- IF !isFollowing -->class="hidden"<!-- ENDIF !isFollowing -->><i class="fa fa-fw fa-bell-o"></i></span>
@@ -18,9 +18,9 @@ data-bs-toggle="tooltip"
 				<div class="flex-grow-1 d-flex flex-column">
 					<span class="d-flex align-items-center gap-2">
 						<i class="flex-shrink-0 fa fa-fw fa-bell-o text-secondary"></i>
-						<span class="flex-grow-1 fw-semibold">[[topic:watching]]</span>
+						<span class="flex-grow-1 fw-semibold">{{tx("topic:watching")}}</span>
 					</span>
-					<div class="help-text text-secondary text-xs">[[topic:watching.description]]</div>
+					<div class="help-text text-secondary text-xs">{{tx("topic:watching.description")}}</div>
 				</div>
 				<span class="flex-shrink-0"><i component="topic/following/check" class="fa fa-fw {{{ if isFollowing }}}fa-check{{{ end }}}"></i></span>
 			</a>
@@ -31,9 +31,9 @@ data-bs-toggle="tooltip"
 				<div class="flex-grow-1 d-flex flex-column">
 					<span class="d-flex align-items-center gap-2">
 						<i class="flex-shrink-0 fa fa-fw fa-bell-slash-o text-secondary"></i>
-						<span class="flex-grow-1 fw-semibold">[[topic:not-watching]]</span>
+						<span class="flex-grow-1 fw-semibold">{{tx("topic:not-watching")}}</span>
 					</span>
-					<div class="help-text text-secondary text-xs">[[topic:not-watching.description]]</div>
+					<div class="help-text text-secondary text-xs">{{tx("topic:not-watching.description")}}</div>
 				</div>
 				<span class="flex-shrink-0"><i component="topic/not-following/check" class="fa fa-fw {{{ if isNotFollowing }}}fa-check{{{ end }}}"></i></span>
 			</a>
@@ -44,9 +44,9 @@ data-bs-toggle="tooltip"
 				<div class="flex-grow-1 d-flex flex-column">
 					<span class="d-flex align-items-center gap-2">
 						<i class="flex-shrink-0 fa fa-fw fa-eye-slash text-secondary"></i>
-						<span class="flex-grow-1 fw-semibold">[[topic:ignoring]]</span>
+						<span class="flex-grow-1 fw-semibold">{{tx("topic:ignoring")}}</span>
 					</span>
-					<div class="help-text text-secondary text-xs">[[topic:ignoring.description]]</div>
+					<div class="help-text text-secondary text-xs">{{tx("topic:ignoring.description")}}</div>
 				</div>
 				<span class="flex-shrink-0"><i component="topic/ignoring/check" class="fa fa-fw {{{ if isIgnoring }}}fa-check{{{ end }}}"></i></span>
 			</a>