nodebb-theme-harmony 3.0.14 → 3.0.16

package/templates/account/info.tpl

@@ -2,7 +2,7 @@
 
 {{{ if sessions.length }}}
 <div class="mb-3">
-	<h5>[[global:sessions]]</h5>
+	<h5>{{tx("global:sessions")}}</h5>
 	<ul class="list-group" component="user/sessions">
 		<!-- IMPORT partials/account/session-list.tpl -->
 	</ul>
@@ -13,7 +13,7 @@
 	<div class="col-sm-6 mb-3">
 		{{{ if invitedBy}}}
 		<div class="mb-4 pb-3 border-bottom">
-			<h6>[[user:info.invited-by]]</h6>
+			<h6>{{tx("user:info.invited-by")}}</h6>
 			<div class="d-flex align-items-center gap-2">
 				<a href="">{{buildAvatar(invitedBy, "24px", true)}}</a>
 				<a href="">{invitedBy.username}</a>
@@ -22,7 +22,7 @@
 		{{{ end }}}
 
 		<div class="mb-4 border-bottom">
-			<h6>[[global:recentips]]</h6>
+			<h6>{{tx("global:recentips")}}</h6>
 			<div class="">
 				<ul class="text-sm text-secondary">
 					{{{each ips}}}
@@ -33,7 +33,7 @@
 		</div>
 
 		<div class="mb-4 border-bottom">
-			<h6>[[user:info.username-history]]</h6>
+			<h6>{{tx("user:info.username-history")}}</h6>
 			<div class="">
 				<ul class="list-unstyled">
 					{{{ each usernames }}}
@@ -54,7 +54,7 @@
 		</div>
 
 		<div class="mb-4 border-bottom">
-			<h6>[[user:info.email-history]]</h6>
+			<h6>{{tx("user:info.email-history")}}</h6>
 			<div class="">
 				<ul class="list-unstyled">
 					{{{ each emails }}}
@@ -74,7 +74,7 @@
 		</div>
 
 			<div class="mb-3 border-bottom">
-			<h6>[[user:info.latest-flags]]</h6>
+			<h6>{{tx("user:info.latest-flags")}}</h6>
 			<div class="">
 				{{{ if history.flags.length }}}
 				<ul class="recent-flags list-unstyled">
@@ -83,20 +83,20 @@
 						<div class="mb-1 d-flex align-items-center justify-content-between">
 							<div>
 								{{{ if (./type == "user")}}}
-								<span class="badge text-bg-info">[[user:info.profile]]</span>
+								<span class="badge text-bg-info">{{tx("user:info.profile")}}</span>
 								{{{ else }}}
-								<span class="badge text-bg-info">[[user:info.post]]</span>
+								<span class="badge text-bg-info">{{tx("user:info.post")}}</span>
 								{{{ end }}}
 								<span class="timestamp timeago" title="{./timestampISO}"></span>
 							</div>
 
-							<a href="{config.relative_path}/flags/{./flagId}" class="badge badge border border-gray-300 text-body">[[user:info.view-flag]]</a>
+							<a href="{config.relative_path}/flags/{./flagId}" class="badge badge border border-gray-300 text-body">{{tx("user:info.view-flag")}}</a>
 						</div>
 
 						{{{ if (./type == "post") }}}
 						<p class="mb-1">
 							{{{ if history.flags.targetPurged }}}
-							<div>[[flags:target-purged]]</div>
+							<div>{{tx("flags:target-purged")}}</div>
 							{{{ else }}}
 							<a class="title" href="{config.relative_path}/post/{encodeURIComponent(./pid)}">{./title}</a>
 							{{{ end }}}
@@ -104,7 +104,7 @@
 						{{{ end }}}
 
 						<div class="d-flex gap-2 align-items-center mb-3">
-							<span class="text-sm">[[user:info.reported-by]]</span>
+							<span class="text-sm">{{tx("user:info.reported-by")}}</span>
 							<div class="d-flex text-nowrap">
 								{{{ each ./reports }}}
 								<a style="width: 18px; z-index: 3;" class="text-decoration-none" href="{config.relative_path}/user/{./reporter.userslug}">{{buildAvatar(./reporter, "24px", true)}}</a>
@@ -115,20 +115,20 @@
 					{{{ end }}}
 				</ul>
 				{{{ else }}}
-				<div class="alert alert-light">[[user:info.no-flags]]</div>
+				<div class="alert alert-light">{{tx("user:info.no-flags")}}</div>
 				{{{ end }}}
 			</div>
 		</div>
 
 		<div class="mb-3 border-bottom">
 			<h6 class="d-flex align-items-center justify-content-between">
-				[[user:info.ban-history]]
+				{{tx("user:info.ban-history")}}
 
 				{{{ if (!banned && !isSelf) }}}
-				<button class="btn btn-sm btn-danger" component="account/ban">[[user:ban-account]]</button>
+				<button class="btn btn-sm btn-danger" component="account/ban">{{tx("user:ban-account")}}</button>
 				{{{ end }}}
 				{{{ if (banned && !isSelf) }}}
-				<button class="btn btn-sm btn-success" component="account/unban">[[user:unban-account]]</button>
+				<button class="btn btn-sm btn-success" component="account/unban">{{tx("user:unban-account")}}</button>
 				{{{ end }}}
 			</h6>
 			<div class="">
@@ -155,10 +155,10 @@
 						</p>
 						<p>
 							{{{ if ./until }}}
-							<span class="expiry">[[user:info.banned-until, {isoTimeToLocaleString(./untilISO, config.userLang)}]]</span>
+							<span class="expiry">{{tx("user:info.banned-until", isoTimeToLocaleString(./untilISO, config.userLang))}}</span>
 							{{{ else }}}
 							{{{ if (./type != "unban") }}}
-							<span class="expiry">[[user:info.banned-permanently]]</span>
+							<span class="expiry">{{tx("user:info.banned-permanently")}}</span>
 							{{{ end }}}
 							{{{ end }}}
 						</p>
@@ -166,22 +166,22 @@
 					{{{ end }}}
 				</ul>
 				{{{ else }}}
-				<div class="alert alert-light">[[user:info.no-ban-history]]</div>
+				<div class="alert alert-light">{{tx("user:info.no-ban-history")}}</div>
 				{{{ end }}}
 			</div>
 		</div>
 
 		<div class="mb-3">
 			<h6 class="d-flex align-items-center justify-content-between">
-				[[user:info.mute-history]]
+				{{tx("user:info.mute-history")}}
 
 				{{{ if !muted }}}
 				{{{ if !isSelf }}}
-				<button class="btn btn-sm btn-danger" component="account/mute">[[user:mute-account]]</button>
+				<button class="btn btn-sm btn-danger" component="account/mute">{{tx("user:mute-account")}}</button>
 				{{{ end }}}
 				{{{ else }}}
 				{{{ if !isSelf }}}
-				<button class="btn btn-sm btn-success" component="account/unmute">[[user:unmute-account]]</button>
+				<button class="btn btn-sm btn-success" component="account/unmute">{{tx("user:unmute-account")}}</button>
 				{{{ end }}}
 				{{{ end }}}
 			</h6>
@@ -199,24 +199,24 @@
 								<span class="timestamp timeago" title="{./timestampISO}"></span>
 							</div>
 							{{{ if (./type != "unmute") }}}
-							<span class="badge text-bg-danger">[[user:muted]]</span>
+							<span class="badge text-bg-danger">{{tx("user:muted")}}</span>
 							{{{ else }}}
-							<span class="badge text-bg-success">[[user:unmuted]]</span>
+							<span class="badge text-bg-success">{{tx("user:unmuted")}}</span>
 							{{{ end }}}
 						</div>
 						<p class="mb-1">
-							<span class="reason">[[user:info.banned-reason-label]]: <strong>{{tx(./reason)}}</strong></span>
+							<span class="reason">{{tx("user:info.banned-reason-label")}}: <strong>{{tx(./reason)}}</strong></span>
 						</p>
 						<p>
 							{{{ if ./until }}}
-							<span class="expiry">[[user:info.muted-until, {isoTimeToLocaleString(./untilISO, config.userLang)}]]</span>
+							<span class="expiry">{{tx("user:info.muted-until", isoTimeToLocaleString(./untilISO, config.userLang))}}</span>
 							{{{ end }}}
 						</p>
 					</li>
 					{{{ end }}}
 				</ul>
 				{{{ else }}}
-				<div class="alert alert-light">[[user:info.no-mute-history]]</div>
+				<div class="alert alert-light">{{tx("user:info.no-mute-history")}}</div>
 				{{{ end }}}
 			</div>
 		</div>
@@ -227,12 +227,12 @@
 		{{{ if isAdminOrGlobalModerator }}}
 		<div class="card">
 			<h5 class="card-header">
-				[[user:info.moderation-note]]
+				{{tx("user:info.moderation-note")}}
 			</h5>
 			<div class="card-body">
-				<textarea component="account/moderation-note" class="form-control mb-3" aria-label="[[user:info.moderation-note]]"></textarea>
+				<textarea component="account/moderation-note" class="form-control mb-3" aria-label="{{tx("user:info.moderation-note")}}"></textarea>
 
-				<button class="btn btn-sm float-end btn-success" component="account/save-moderation-note">[[user:info.moderation-note.add]]</button>
+				<button class="btn btn-sm float-end btn-success" component="account/save-moderation-note">{{tx("user:info.moderation-note.add")}}</button>
 				<br/>
 				<div component="account/moderation-note/list">
 					{{{ each moderationNotes }}}
@@ -250,16 +250,16 @@
 
 						<div component="account/moderation-note/content-area" class="d-flex flex-column">
 							<div class="content text-secondary">
-								{./note}
+								{{txEscape(./note)}}
 							</div>
-							<button component="account/moderation-note/edit" class="btn btn-sm btn-link align-self-end">[[topic:edit]]</button>
+							<button component="account/moderation-note/edit" class="btn btn-sm btn-link align-self-end">{{tx("topic:edit")}}</button>
 						</div>
 
 						<div component="account/moderation-note/edit-area" class="d-flex flex-column gap-2 hidden">
 							<textarea class="form-control form-control-sm w-100 overflow-hidden">{./rawNote}</textarea>
 							<div class="align-self-end">
-								<button component="account/moderation-note/cancel-edit" class="btn btn-sm btn-link text-danger align-self-end">[[global:cancel]]</button>
-								<button component="account/moderation-note/save-edit" class="btn btn-sm btn-primary align-self-end">[[global:save]]</button>
+								<button component="account/moderation-note/cancel-edit" class="btn btn-sm btn-link text-danger align-self-end">{{tx("global:cancel")}}</button>
+								<button component="account/moderation-note/save-edit" class="btn btn-sm btn-primary align-self-end">{{tx("global:save")}}</button>
 							</div>
 						</div>
 					</div>

package/templates/account/posts.tpl

@@ -1,21 +1,21 @@
 <!-- IMPORT partials/account/header.tpl -->
 
 <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
-	<h3 class="fw-semibold fs-5 mb-0">[[global:posts]]</h3>
+	<h3 class="fw-semibold fs-5 mb-0">{{tx("global:posts")}}</h3>
 	<div class="d-flex flex-wrap gap-1">
-		<a href="{config.relative_path}/user/{userslug}/posts" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/posts }}}active{{{ end }}}">[[global:header.recent]]</a>
+		<a href="{config.relative_path}/user/{userslug}/posts" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/posts }}}active{{{ end }}}">{{tx("global:header.recent")}}</a>
 		{{{ if !reputation:disabled }}}
-		<a href="{config.relative_path}/user/{userslug}/best"class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/best }}}active{{{ end }}}">[[global:best]]</a>
-		<a href="{config.relative_path}/user/{userslug}/controversial" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/controversial }}}active{{{ end }}}">[[global:controversial]]</a>
+		<a href="{config.relative_path}/user/{userslug}/best"class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/best }}}active{{{ end }}}">{{tx("global:best")}}</a>
+		<a href="{config.relative_path}/user/{userslug}/controversial" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/controversial }}}active{{{ end }}}">{{tx("global:controversial")}}</a>
 		{{{ if canEdit }}}
-		<a href="{config.relative_path}/user/{userslug}/upvoted" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/upvoted }}}active{{{ end }}}">[[global:upvoted]]</a>
+		<a href="{config.relative_path}/user/{userslug}/upvoted" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/upvoted }}}active{{{ end }}}">{{tx("global:upvoted")}}</a>
 		{{{ if !downvote:disabled }}}
-		<a href="{config.relative_path}/user/{userslug}/downvoted" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/downvoted }}}active{{{ end }}}">[[global:downvoted]]</a>
+		<a href="{config.relative_path}/user/{userslug}/downvoted" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/downvoted }}}active{{{ end }}}">{{tx("global:downvoted")}}</a>
 		{{{ end }}}
 		{{{ end }}}
 		{{{ end }}}
 		{{{ if canEdit }}}
-		<a href="{config.relative_path}/user/{userslug}/bookmarks" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/bookmarks }}}active{{{ end }}}">[[user:bookmarks]]</a>
+		<a href="{config.relative_path}/user/{userslug}/bookmarks" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/bookmarks }}}active{{{ end }}}">{{tx("user:bookmarks")}}</a>
 		{{{ end }}}
 	</div>
 </div>

package/templates/account/profile.tpl

@@ -27,14 +27,14 @@
 		{{{ if !reputation:disabled }}}
 		<div class="stat">
 			<div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100">
-				<span class="stat-label text-xs fw-semibold">[[global:reputation]]</span>
+				<span class="stat-label text-xs fw-semibold">{{tx("global:reputation")}}</span>
 				<span class="fs-2 ff-secondary" title="{formattedNumber(reputation)}">{humanReadableNumber(reputation)}</span>
 			</div>
 		</div>
 		{{{ end }}}
 		<div class="stat">
 			<div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100">
-				<span class="stat-label text-xs fw-semibold">[[user:profile-views]]</span>
+				<span class="stat-label text-xs fw-semibold">{{tx("user:profile-views")}}</span>
 				<span class="fs-2 ff-secondary" title="
 				{formattedNumber(profileviews)}">{humanReadableNumber(profileviews)}</span>
 			</div>
@@ -42,14 +42,14 @@
 
 		<div class="stat">
 			<div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100 gap-2">
-				<span class="stat-label text-xs fw-semibold"><i class="text-muted fa-solid fa-user-plus"></i> <span>[[user:joined]]</span></span>
+				<span class="stat-label text-xs fw-semibold"><i class="text-muted fa-solid fa-user-plus"></i> <span>{{tx("user:joined")}}</span></span>
 				<span class="timeago text-center text-break w-100 px-2 fs-6 ff-secondary" title="{joindateISO}"></span>
 			</div>
 		</div>
 
 		<div class="stat">
 			<div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100 gap-2">
-				<span class="stat-label text-xs fw-semibold"><i class="text-muted fa-solid fa-clock"></i> <span>[[user:lastonline]]</span></span>
+				<span class="stat-label text-xs fw-semibold"><i class="text-muted fa-solid fa-clock"></i> <span>{{tx("user:lastonline")}}</span></span>
 				<span class="timeago text-center text-break w-100 px-2 fs-6 ff-secondary" title="{lastonlineISO}"></span>
 			</div>
 		</div>
@@ -57,7 +57,7 @@
 		{{{ if email }}}
 		<div class="stat">
 			<div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100 gap-2">
-				<span class="stat-label text-xs fw-semibold"><i class="text-muted fa-solid fa-envelope"></i> <span>[[user:email]]</span> {{{ if emailHidden}}}<span class="text-lowercase">([[global:hidden]])</span>{{{ end }}}</span>
+				<span class="stat-label text-xs fw-semibold"><i class="text-muted fa-solid fa-envelope"></i> <span>{{tx("user:email")}}</span> {{{ if emailHidden}}}<span class="text-lowercase">({{tx("global:hidden")}})</span>{{{ end }}}</span>
 				<span class="text-center text-break w-100 px-2 ff-secondary">{email}</span>
 			</div>
 		</div>
@@ -66,7 +66,7 @@
 		{{{ if age }}}
 		<div class="stat">
 			<div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100 gap-2">
-				<span class="stat-label text-xs fw-semibold"><span><i class="text-muted fa-solid fa-cake-candles"></i> [[user:age]]</span></span>
+				<span class="stat-label text-xs fw-semibold"><span><i class="text-muted fa-solid fa-cake-candles"></i> {{tx("user:age")}}</span></span>
 				<span class="fs-6 ff-secondary">{age}</span>
 			</div>
 		</div>

package/templates/account/sessions.tpl

@@ -1,6 +1,6 @@
 <!-- IMPORT partials/account/header.tpl -->
 
-<p class="lead">[[user:sessions.description]]</p>
+<p class="lead">{{tx("user:sessions.description")}}</p>
 <hr />
 <ul class="list-group" component="user/sessions">
 	<!-- IMPORT partials/account/session-list.tpl -->

package/templates/account/settings.tpl

@@ -1,13 +1,13 @@
 <!-- IMPORT partials/account/header.tpl -->
 
 <div class="d-flex justify-content-between py-1 mb-3 align-items-center position-sticky top-0 bg-body">
-	<h3 class="fw-semibold fs-5 mb-0">{{{ if isSelf }}}[[pages:account/settings]]{{{ else }}}[[pages:account/settings-of, {username}]]{{{ end }}}</h3>
-	<button id="submitBtn" class="btn btn-sm btn-primary">[[global:save-changes]]</button>
+	<h3 class="fw-semibold fs-5 mb-0">{{{ if isSelf }}}{{tx("pages:account/settings")}}{{{ else }}}{{tx("pages:account/settings-of", txEscape(username))}}{{{ end }}}</h3>
+	<button id="submitBtn" class="btn btn-sm btn-primary">{{tx("global:save-changes")}}</button>
 </div>
 <div class="row">
 	<div class="col-12 col-md-6">
 		{{{ if !disableCustomUserSkins }}}
-		<label for="bootswatchSkin" class="form-label fw-bold">[[user:select-skin]]</label>
+		<label for="bootswatchSkin" class="form-label fw-bold">{{tx("user:select-skin")}}</label>
 		<select class="form-select form-select-sm" id="bootswatchSkin" data-property="bootswatchSkin">
 			{{{each bootswatchSkinOptions}}}
 			<option value="{bootswatchSkinOptions.value}" {{{ if bootswatchSkinOptions.selected }}}selected{{{ end }}}>{{tx(bootswatchSkinOptions.name)}}</option>
@@ -18,7 +18,7 @@
 		{{{ end }}}
 
 		{{{ if allowUserHomePage }}}
-		<label for="homePageRoute" class="form-label fw-bold">[[user:select-homepage]]</label>
+		<label for="homePageRoute" class="form-label fw-bold">{{tx("user:select-homepage")}}</label>
 
 		<div class="mb-2">
 			<select class="form-select form-select-sm" id="homePageRoute" data-property="homePageRoute">
@@ -27,42 +27,42 @@
 				<option value="{./route}" {{{ if ./selected }}}selected="1"{{{ end }}}>{./name}</option>
 				{{{ end }}}
 			</select>
-			<p class="form-text text-xs">[[user:homepage-description]]</p>
+			<p class="form-text text-xs">{{tx("user:homepage-description")}}</p>
 		</div>
 		<div id="homePageCustomContainer" class="mb-2" style="display: none;">
-			<label class="form-label fw-bold" for="homePageCustom">[[user:custom-route]]</label>
+			<label class="form-label fw-bold" for="homePageCustom">{{tx("user:custom-route")}}</label>
 			<input type="text" class="form-control form-control-sm" data-property="homePageCustom" id="homePageCustom" value="{settings.homePageRoute}"/>
-			<p class="form-text text-xs">[[user:custom-route-help]]</p>
+			<p class="form-text text-xs">{{tx("user:custom-route-help")}}</p>
 		</div>
 
 		<hr/>
 		{{{ end }}}
 
-		<h6 class="fw-bold">[[global:privacy]]</h6>
+		<h6 class="fw-bold">{{tx("global:privacy")}}</h6>
 
 		{{{ if !hideEmail }}}
 		<div class="form-check form-switch">
 			<input class="form-check-input" type="checkbox" role="switch" id="showemail" data-property="showemail" {{{ if settings.showemail }}}checked {{{ end }}}/>
-			<label class="form-check-label text-sm" for="showemail">[[user:show-email]]</label>
+			<label class="form-check-label text-sm" for="showemail">{{tx("user:show-email")}}</label>
 		</div>
 		{{{ end }}}
 
 		{{{ if !hideFullname }}}
 		<div class="form-check form-switch">
 			<input class="form-check-input" type="checkbox" role="switch" id="showfullname" data-property="showfullname" {{{ if settings.showfullname }}}checked{{{ end }}}/>
-			<label class="form-check-label text-sm" for="showfullname">[[user:show-fullname]]</label>
+			<label class="form-check-label text-sm" for="showfullname">{{tx("user:show-fullname")}}</label>
 		</div>
 		{{{ end }}}
 
 		{{{ if !config.disableChat }}}
 		<div class="form-check form-switch mb-3">
 			<input class="form-check-input" type="checkbox" role="switch" id="disableIncomingChats" data-property="disableIncomingChats" {{{ if settings.disableIncomingChats }}}checked{{{ end }}}/>
-			<label class="form-check-label text-sm" for="disableIncomingChats">[[user:disable-incoming-chats]]</label>
+			<label class="form-check-label text-sm" for="disableIncomingChats">{{tx("user:disable-incoming-chats")}}</label>
 		</div>
 
 
 		<div class="d-flex flex-column mb-3">
-			<label class="form-label text-sm" for="chatAllowListAdd">[[user:chat-allow-list]]</label>
+			<label class="form-label text-sm" for="chatAllowListAdd">{{tx("user:chat-allow-list")}}</label>
 
 			<div component="chat/allow/list" class="d-flex flex-wrap gap-2 mb-2">
 				{{{ each settings.chatAllowListUsers }}}
@@ -77,7 +77,7 @@
 		</div>
 
 		<div class="d-flex flex-column mb-3">
-			<label class="form-label text-sm" for="chatAllowListAdd">[[user:chat-deny-list]]</label>
+			<label class="form-label text-sm" for="chatAllowListAdd">{{tx("user:chat-deny-list")}}</label>
 
 			<div component="chat/deny/list" class="d-flex flex-wrap gap-2 mb-2">
 				{{{ each settings.chatDenyListUsers }}}
@@ -88,99 +88,99 @@
 				{{{ end }}}
 			</div>
 
-			<input type="text" class="form-control form-control-sm" id="chatDenyListAdd" placeholder="[[user:chat-list-add-user]]"/>
+			<input type="text" class="form-control form-control-sm" id="chatDenyListAdd" placeholder="{{tx("user:chat-list-add-user")}}"/>
 		</div>
 
 		{{{ end }}}
 
 		<hr/>
 
-		<h6 class="fw-bold">[[user:browsing]]</h6>
+		<h6 class="fw-bold">{{tx("user:browsing")}}</h6>
 
 		<div class="mb-3">
 			<div class="d-flex gap-4 align-items-center justify-content-between mb-3">
-				<label class="form-label text-sm mb-0" for="unreadCutoff">[[user:unread.cutoff, {maxUnreadCutoff}]]</label>
+				<label class="form-label text-sm mb-0" for="unreadCutoff">{{tx("user:unread.cutoff", maxUnreadCutoff)}}</label>
 				<input id="unreadCutoff" value="{settings.unreadCutoff}" type="number" class="form-control form-control-sm text-end" data-property="unreadCutoff" min="1" max="{maxUnreadCutoff}" style="max-width: 64px;">
 			</div>
-			<p class="form-text text-xs">[[user:unread.cutoff-help]]</p>
+			<p class="form-text text-xs">{{tx("user:unread.cutoff-help")}}</p>
 		</div>
 
 		<div class="form-check form-switch">
 			<input class="form-check-input" type="checkbox" role="switch" id="openOutgoingLinksInNewTab" data-property="openOutgoingLinksInNewTab" {{{ if settings.openOutgoingLinksInNewTab }}}checked{{{ end }}}/>
-			<label class="form-check-label text-sm" for="openOutgoingLinksInNewTab">[[user:open-links-in-new-tab]]</label>
+			<label class="form-check-label text-sm" for="openOutgoingLinksInNewTab">{{tx("user:open-links-in-new-tab")}}</label>
 		</div>
 
 		<div class="form-check form-switch">
 			<input class="form-check-input" type="checkbox" role="switch" id="updateUrlWithPostIndex" data-property="updateUrlWithPostIndex" {{{ if settings.updateUrlWithPostIndex }}}checked{{{ end }}}/>
-			<label class="form-check-label text-sm" for="updateUrlWithPostIndex">[[user:update-url-with-post-index]]</label>
+			<label class="form-check-label text-sm" for="updateUrlWithPostIndex">{{tx("user:update-url-with-post-index")}}</label>
 		</div>
 
 		<div class="form-check form-switch">
 			<input class="form-check-input" type="checkbox" role="switch" id="scrollToMyPost" data-property="scrollToMyPost" {{{ if settings.scrollToMyPost }}}checked{{{ end }}}/>
-			<label class="form-check-label text-sm" for="scrollToMyPost">[[user:scroll-to-my-post]]</label>
+			<label class="form-check-label text-sm" for="scrollToMyPost">{{tx("user:scroll-to-my-post")}}</label>
 		</div>
 
 		{{{ if inTopicSearchAvailable }}}
 		<div class="form-check form-switch">
 			<input class="form-check-input" type="checkbox" role="switch" id="topicSearchEnabled" data-property="topicSearchEnabled" {{{ if settings.topicSearchEnabled }}}checked{{{ end }}}/>
-			<label class="form-check-label text-sm" for="topicSearchEnabled">[[user:enable-topic-searching]]</label>
+			<label class="form-check-label text-sm" for="topicSearchEnabled">{{tx("user:enable-topic-searching")}}</label>
 		</div>
-		<p class="form-text text-xs">[[user:topic-search-help]]</p>
+		<p class="form-text text-xs">{{tx("user:topic-search-help")}}</p>
 		{{{ end }}}
 
 		<hr/>
 
-		<h6 class="fw-bold">[[global:pagination]]</h6>
+		<h6 class="fw-bold">{{tx("global:pagination")}}</h6>
 
 		<div class="mb-2 form-check form-switch">
 			<input type="checkbox" role="switch" id="usePagination" class="form-check-input" data-property="usePagination" {{{ if settings.usePagination }}}checked{{{ end }}}>
-			<label class="form-check-label text-sm" for="usePagination">[[user:paginate-description]]</label>
+			<label class="form-check-label text-sm" for="usePagination">{{tx("user:paginate-description")}}</label>
 		</div>
 		<div class="d-flex gap-4 align-items-center justify-content-between  mb-2">
-			<label class="form-label text-sm text-nowrap mb-0" for="topicsPerPage">[[user:topics-per-page]] ([[user:max-items-per-page, {maxTopicsPerPage}]])</label>
+			<label class="form-label text-sm text-nowrap mb-0" for="topicsPerPage">{{tx("user:topics-per-page", maxTopicsPerPage)}}</label>
 			<input type="number" class="form-control form-control-sm text-end" id="topicsPerPage" data-property="topicsPerPage" value="{settings.topicsPerPage}" min="1" max="{maxTopicsPerPage}" style="max-width: 64px;">
 		</div>
 		<div class="d-flex gap-4 align-items-center justify-content-between">
-			<label class="form-label text-sm text-nowrap mb-0" for="postsPerPage">[[user:posts-per-page]] ([[user:max-items-per-page, {maxPostsPerPage}]])</label>
+			<label class="form-label text-sm text-nowrap mb-0" for="postsPerPage">{{tx("user:posts-per-page", maxPostsPerPage)}}</label>
 			<input type="number" class="form-control form-control-sm text-end" id="postsPerPage" data-property="postsPerPage" value="{settings.postsPerPage}" min="1" max="{maxPostsPerPage}" style="max-width: 64px;">
 		</div>
 
 		<hr/>
 
-		<h6 class="fw-bold">[[global:sort]]</h6>
+		<h6 class="fw-bold">{{tx("global:sort")}}</h6>
 
 		<div class="mb-2">
-			<label class="form-label text-sm" for="categoryTopicSort">[[user:category-topic-sort]]</label>
+			<label class="form-label text-sm" for="categoryTopicSort">{{tx("user:category-topic-sort")}}</label>
 			<select class="form-select form-select-sm" id="categoryTopicSort" data-property="categoryTopicSort">
-				<option value="recently_replied" {{{ if (settings.categoryTopicSort == "recently_replied") }}}selected{{{ end }}}>[[topic:recently-replied]]</option>
-				<option value="recently_created" {{{ if (settings.categoryTopicSort == "recently_created") }}}selected{{{ end }}}>[[topic:recently-created]]</option>
-				<option value="most_posts" {{{ if (settings.categoryTopicSort == "most_posts") }}}selected{{{ end }}}>[[topic:most-posts]]</option>
-				<option value="most_votes" {{{ if (settings.categoryTopicSort == "most_votes") }}}selected{{{ end }}}>[[topic:most-votes]]</option>
-				<option value="most_views" {{{ if (settings.categoryTopicSort == "most_views") }}}selected{{{ end }}}>[[topic:most-views]]</option>
+				<option value="recently_replied" {{{ if (settings.categoryTopicSort == "recently_replied") }}}selected{{{ end }}}>{{tx("topic:recently-replied")}}</option>
+				<option value="recently_created" {{{ if (settings.categoryTopicSort == "recently_created") }}}selected{{{ end }}}>{{tx("topic:recently-created")}}</option>
+				<option value="most_posts" {{{ if (settings.categoryTopicSort == "most_posts") }}}selected{{{ end }}}>{{tx("topic:most-posts")}}</option>
+				<option value="most_votes" {{{ if (settings.categoryTopicSort == "most_votes") }}}selected{{{ end }}}>{{tx("topic:most-votes")}}</option>
+				<option value="most_views" {{{ if (settings.categoryTopicSort == "most_views") }}}selected{{{ end }}}>{{tx("topic:most-views")}}</option>
 			</select>
 		</div>
 		<div>
-			<label class="form-label text-sm" for="topicPostSort">[[user:topic-post-sort]]</label>
+			<label class="form-label text-sm" for="topicPostSort">{{tx("user:topic-post-sort")}}</label>
 			<select class="form-select form-select-sm" id="topicPostSort" data-property="topicPostSort">
-				<option value="oldest_to_newest" {{{ if (settings.topicPostSort == "oldest_to_newest") }}}selected{{{ end }}}>[[topic:oldest-to-newest]]</option>
-				<option value="newest_to_oldest" {{{ if (settings.topicPostSort == "newest_to_oldest") }}}selected{{{ end }}}>[[topic:newest-to-oldest]]</option>
-				<option value="most_votes" {{{ if (settings.topicPostSort == "most_votes") }}}selected{{{ end }}}>[[topic:most-votes]]</option>
+				<option value="oldest_to_newest" {{{ if (settings.topicPostSort == "oldest_to_newest") }}}selected{{{ end }}}>{{tx("topic:oldest-to-newest")}}</option>
+				<option value="newest_to_oldest" {{{ if (settings.topicPostSort == "newest_to_oldest") }}}selected{{{ end }}}>{{tx("topic:newest-to-oldest")}}</option>
+				<option value="most_votes" {{{ if (settings.topicPostSort == "most_votes") }}}selected{{{ end }}}>{{tx("topic:most-votes")}}</option>
 			</select>
 		</div>
 
 
 		{{{ if !disableEmailSubscriptions }}}
 		<hr/>
-		<h6 class="fw-bold">[[global:email]]</h6>
+		<h6 class="fw-bold">{{tx("global:email")}}</h6>
 		<div>
 			<div class="mb-2">
-				<label class="form-label text-sm" for="dailyDigestFreq">[[user:digest-label]]</label>
+				<label class="form-label text-sm" for="dailyDigestFreq">{{tx("user:digest-label")}}</label>
 				<select class="form-select form-select-sm" id="dailyDigestFreq" data-property="dailyDigestFreq" autocomplete="off">
 					{{{each dailyDigestFreqOptions}}}
 					<option value="{./value}" {{{ if ./selected }}}selected="1"{{{ end }}}>{{tx(./name)}}</option>
 					{{{end}}}
 				</select>
-				<p class="form-text text-xs">[[user:digest-description]]</p>
+				<p class="form-text text-xs">{{tx("user:digest-description")}}</p>
 			</div>
 		</div>
 		{{{ end }}}
@@ -196,7 +196,7 @@
 	</div>
 
 	<div class="col-12 col-md-6">
-		<label class="form-label fw-bold" for="userLang">[[global:language]]</label>
+		<label class="form-label fw-bold" for="userLang">{{tx("global:language")}}</label>
 		<select id="userLang" data-property="userLang" class="form-select form-select-sm mb-2">
 			{{{each languages}}}
 			<option value="{./code}" {{{ if ./selected }}}selected{{{ end }}}>{./name} ({./code})</option>
@@ -206,7 +206,7 @@
 		<hr/>
 
 		{{{ if (isAdmin && isSelf) }}}
-		<label class="form-label fw-bold" for="acpLang">[[user:acp-language]]</label>
+		<label class="form-label fw-bold" for="acpLang">{{tx("user:acp-language")}}</label>
 		<select id="acpLang" data-property="acpLang" class="form-select form-select-sm">
 			{{{each acpLanguages}}}
 			<option value="{./code}" {{{ if ./selected }}}selected{{{ end }}}>{./name} ({./code})</option>
@@ -216,38 +216,38 @@
 		<hr/>
 		{{{ end }}}
 
-		<h6 class="fw-bold">[[topic:watch]]</h6>
+		<h6 class="fw-bold">{{tx("topic:watch")}}</h6>
 		<div>
 			<div class="form-check form-switch">
 				<input class="form-check-input" type="checkbox" role="switch" id="followTopicsOnCreate" data-property="followTopicsOnCreate" {{{ if settings.followTopicsOnCreate }}}checked{{{ end }}}/>
-				<label class="form-check-label text-sm" for="followTopicsOnCreate">[[user:follow-topics-you-create]]</label>
+				<label class="form-check-label text-sm" for="followTopicsOnCreate">{{tx("user:follow-topics-you-create")}}</label>
 			</div>
 			<div class="form-check form-switch">
 				<input class="form-check-input" type="checkbox" role="switch" id="followTopicsOnReply" data-property="followTopicsOnReply" {{{ if settings.followTopicsOnReply }}}checked{{{ end }}}/>
-				<label class="form-check-label text-sm" for="followTopicsOnReply">[[user:follow-topics-you-reply-to]]</label>
+				<label class="form-check-label text-sm" for="followTopicsOnReply">{{tx("user:follow-topics-you-reply-to")}}</label>
 			</div>
 			<div class="mb-2">
-				<label class="form-label text-sm" for="categoryWatchState">[[user:default-category-watch-state]]</label>
+				<label class="form-label text-sm" for="categoryWatchState">{{tx("user:default-category-watch-state")}}</label>
 				<select class="form-select form-select-sm" id="categoryWatchState" data-property="categoryWatchState">
-					<option value="tracking" {{{ if categoryWatchState.tracking }}}selected{{{ end }}}>[[category:tracking]]</option>
-					<option value="notwatching" {{{ if categoryWatchState.notwatching }}}selected{{{ end }}}>[[category:not-watching]]</option>
-					<option value="ignoring" {{{ if categoryWatchState.ignoring }}}selected{{{ end }}}>[[category:ignoring]]</option>
+					<option value="tracking" {{{ if categoryWatchState.tracking }}}selected{{{ end }}}>{{tx("category:tracking")}}</option>
+					<option value="notwatching" {{{ if categoryWatchState.notwatching }}}selected{{{ end }}}>{{tx("category:not-watching")}}</option>
+					<option value="ignoring" {{{ if categoryWatchState.ignoring }}}selected{{{ end }}}>{{tx("category:ignoring")}}</option>
 				</select>
 			</div>
 		</div>
 		<hr/>
 
-		<h6 class="fw-bold">[[user:notifications]]</h6>
+		<h6 class="fw-bold">{{tx("user:notifications")}}</h6>
 		<div>
 			<div class="row align-items-center mb-2">
 				<div class="col-7">
-					<label class="text-sm" for="upvote-notif-freq">[[user:upvote-notif-freq]]</label>
+					<label class="text-sm" for="upvote-notif-freq">{{tx("user:upvote-notif-freq")}}</label>
 				</div>
 				<div class="col-5">
 					<select class="form-select form-select-sm" id="upvote-notif-freq" name="upvote-notif-freq" data-property="upvoteNotifFreq">
 						{{{ each upvoteNotifFreq }}}
 						<option value="{./name}" {{{ if ./selected }}}selected{{{ end }}}>
-							[[user:upvote-notif-freq.{./name}]]
+							{{tx(./label)}}
 						</option>
 						{{{end}}}
 					</select>
@@ -255,15 +255,15 @@
 			</div>
 			<div class="form-check form-switch mb-3">
 				<input class="form-check-input" type="checkbox" role="switch" id="hideReadNotifications" data-property="hideReadNotifications" {{{ if settings.hideReadNotifications }}}checked{{{ end }}} />
-				<label class="form-check-label text-sm" for="hideReadNotifications">[[user:hide-read-notifications]]</label>
+				<label class="form-check-label text-sm" for="hideReadNotifications">{{tx("user:hide-read-notifications")}}</label>
 			</div>
 			<hr />
 			<table component="notification/table" class="table">
 				<thead>
 					<tr>
 						<th></th>
-						<th class="text-center fw-semibold px-2">[[user:notification-type-web]]</th>
-						<th class="text-center fw-semibold px-2">[[user:notification-type-email]]</th>
+						<th class="text-center fw-semibold px-2">{{tx("user:notification-type-web")}}</th>
+						<th class="text-center fw-semibold px-2">{{tx("user:notification-type-email")}}</th>
 					</tr>
 				</thead>
 				<tbody>