nodebb-theme-harmony 1.0.0-beta.4 → 1.0.0-beta.41

package/templates/account/profile.tpl

@@ -1,85 +1,78 @@
-<div class="account mx-auto">
-	<!-- IMPORT partials/account/header.tpl -->
-
-	<div class="d-flex flex-column flex-md-row">
-		<!-- IMPORT partials/account/sidebar-left.tpl -->
+<!-- IMPORT partials/account/header.tpl -->
+{{{ if aboutme }}}
+<div component="aboutme" class="text-sm text-break">
+{aboutmeParsed}
+</div>
+{{{ end }}}
 
-		<div class="flex-1 ps-md-2 ps-lg-5">
-			{{{ if aboutme }}}
-			<div component="aboutme" class="text-sm">
-			{aboutmeParsed}
+<div class="account-stats container">
+	<div class="row row-cols-2 row-cols-xl-3 row-cols-xxl-4 g-2">
+		{{{ if !reputation:disabled }}}
+		<div class="stat">
+			<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100">
+				<span class="stat-label text-xs fw-semibold">[[global:reputation]]</span>
+				<span class="human-readable-number fs-2 ff-secondary" title="{reputation}">{reputation}</span>
 			</div>
-			{{{ end }}}
-
-			<div class="account-stats container">
-				<div class="row row-cols-2 row-cols-xl-3 row-cols-xxl-4 g-2">
-					{{{ if !reputation:disabled }}}
-					<div class="stat">
-						<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100">
-							<span class="stat-label text-xs fw-semibold">[[global:reputation]]</span>
-							<span class="human-readable-number fs-2 ff-secondary" title="{reputation}">{reputation}</span>
-						</div>
-					</div>
-					{{{ end }}}
-					<div class="stat">
-						<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100">
-							<span class="stat-label text-xs fw-semibold">[[user:profile_views]]</span>
-							<span class="human-readable-number fs-2 ff-secondary" title="
-							{profileviews}">{profileviews}</span>
-						</div>
-					</div>
+		</div>
+		{{{ end }}}
+		<div class="stat">
+			<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100">
+				<span class="stat-label text-xs fw-semibold">[[user:profile_views]]</span>
+				<span class="human-readable-number fs-2 ff-secondary" title="
+				{profileviews}">{profileviews}</span>
+			</div>
+		</div>
 
-					<div class="stat">
-						<div class="align-items-center justify-content-center card card-header px-0 py-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="timeago fs-6 ff-secondary" title="{joindateISO}"></span>
-						</div>
-					</div>
+		<div class="stat">
+			<div class="align-items-center justify-content-center card card-header px-0 py-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="timeago fs-6 ff-secondary" title="{joindateISO}"></span>
+			</div>
+		</div>
 
-					<div class="stat">
-						<div class="align-items-center justify-content-center card card-header px-0 py-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="timeago text-center text-break w-100 px-2 fs-6 ff-secondary" title="{lastonlineISO}"></span>
-						</div>
-					</div>
+		<div class="stat">
+			<div class="align-items-center justify-content-center card card-header px-0 py-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="timeago text-center text-break w-100 px-2 fs-6 ff-secondary" title="{lastonlineISO}"></span>
+			</div>
+		</div>
 
-					{{{ if email }}}
-					<div class="stat">
-						<div class="align-items-center justify-content-center card card-header px-0 py-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="text-sm text-center text-break w-100 px-2 ff-secondary">{email}</span>
-						</div>
-					</div>
-					{{{ end }}}
+		{{{ if email }}}
+		<div class="stat">
+			<div class="align-items-center justify-content-center card card-header px-0 py-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="text-sm text-center text-break w-100 px-2 ff-secondary">{email}</span>
+			</div>
+		</div>
+		{{{ end }}}
 
-					{{{ if websiteName }}}
-					<div class="stat">
-						<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100 gap-2">
-							<span class="stat-label text-xs fw-semibold"><i class="text-muted fa-solid fa-globe"></i> <span>[[user:website]]</span></span>
-							<a class="text-sm text-center text-break w-100 px-2 ff-secondary text-underline text-reset" href="{websiteLink}" rel="nofollow noopener noreferrer">{websiteName}</a>
-						</div>
-					</div>
-					{{{ end }}}
+		{{{ if websiteName }}}
+		<div class="stat">
+			<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100 gap-2">
+				<span class="stat-label text-xs fw-semibold"><i class="text-muted fa-solid fa-globe"></i> <span>[[user:website]]</span></span>
+				<a class="text-sm text-center text-break w-100 px-2 ff-secondary text-underline text-reset" href="{websiteLink}" rel="nofollow noopener noreferrer">{websiteName}</a>
+			</div>
+		</div>
+		{{{ end }}}
 
-					{{{ if location }}}
-					<div class="stat">
-						<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100 gap-2">
-							<span class="stat-label text-xs fw-semibold"><i class="text-muted fa-solid fa-map-pin"></i> <span>[[user:location]]</span></span>
-							<span class="text-center text-break w-100 px-2 fs-6 ff-secondary">{location}</span>
-						</div>
-					</div>
-					{{{ end }}}
+		{{{ if location }}}
+		<div class="stat">
+			<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100 gap-2">
+				<span class="stat-label text-xs fw-semibold"><i class="text-muted fa-solid fa-map-pin"></i> <span>[[user:location]]</span></span>
+				<span class="text-center text-break w-100 px-2 fs-6 ff-secondary">{location}</span>
+			</div>
+		</div>
+		{{{ end }}}
 
-					{{{ if age }}}
-					<div class="stat">
-						<div class="align-items-center justify-content-center card card-header px-0 py-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="fs-6 ff-secondary">{age}</span>
-						</div>
-					</div>
-					{{{ end }}}
-				</div>
+		{{{ if age }}}
+		<div class="stat">
+			<div class="align-items-center justify-content-center card card-header px-0 py-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="fs-6 ff-secondary">{age}</span>
 			</div>
 		</div>
+		{{{ end }}}
 	</div>
 </div>
+
+<!-- IMPORT partials/account/footer.tpl -->

package/templates/account/sessions.tpl

@@ -1,31 +1,9 @@
-<div class="account">
-	<!-- IMPORT partials/account/header.tpl -->
+<!-- IMPORT partials/account/header.tpl -->
 
-	<div class="d-flex flex-column flex-md-row">
-		<!-- IMPORT partials/account/sidebar-left.tpl -->
-		<div class="flex-1 ps-md-2 ps-lg-5" style="min-width: 0;">
-			<p class="lead">[[user:sessions.description]]</p>
-			<hr />
-			<ul class="list-group" component="user/sessions">
-				{{{each sessions}}}
-				<li class="list-group-item" data-uuid="{../uuid}">
-					<div class="float-end">
-						<!-- IF isSelfOrAdminOrGlobalModerator -->
-						<!-- IF !../current -->
-						<button class="btn btn-sm btn-outline-secondary" type="button" data-action="revokeSession">Revoke Session</button>
-						<!-- ENDIF !../current -->
-						<!-- ENDIF isSelfOrAdminOrGlobalModerator -->
-						{function.userAgentIcons}
-						<i class="fa fa-circle text-<!-- IF ../current -->success<!-- ELSE -->muted<!-- ENDIF ../current -->"></i>
-					</div>
-					{../browser} {../version} on {../platform}<br />
-					<small class="timeago text-muted" title="{../datetimeISO}"></small>
-					<ul>
-						<li><strong>[[global:ip_address]]</strong>: {../ip}</li>
-					</ul>
-				</li>
-				{{{end}}}
-			</ul>
-		</div>
-	</div>
-</div>
+<p class="lead">[[user:sessions.description]]</p>
+<hr />
+<ul class="list-group" component="user/sessions">
+	<!-- IMPORT partials/account/session-list.tpl -->
+</ul>
+
+<!-- IMPORT partials/account/footer.tpl -->

package/templates/account/settings.tpl

@@ -1,218 +1,213 @@
-<div class="account">
-	<!-- IMPORT partials/account/header.tpl -->
+<!-- IMPORT partials/account/header.tpl -->
 
-	<div class="d-flex flex-column flex-md-row">
-		<!-- IMPORT partials/account/sidebar-left.tpl -->
-		<div class="flex-1 ps-md-2 ps-lg-5" style="min-width: 0;">
-			<div class="mb-3 d-flex justify-content-between">
-				<h3 class="fw-semibold fs-5">{{{ if isSelf }}}[[pages:account/settings]]{{{ else }}}[[pages:account/settings-of, {username}]]{{{ end }}}</h3>
-				<button id="submitBtn" class="btn btn-primary">[[global:save_changes]]</button>
-			</div>
-			<div class="row">
-				<div class="col-12 col-md-6">
-					{{{ if !disableCustomUserSkins }}}
-					<h6 class="fw-bold">[[user:select-skin]]</h6>
-					<div class="">
-						<select class="form-select form-select-sm" id="bootswatchSkin" data-property="bootswatchSkin">
-							{{{each bootswatchSkinOptions}}}
-							<option value="{bootswatchSkinOptions.value}" {{{ if bootswatchSkinOptions.selected }}}selected{{{ end }}}>{bootswatchSkinOptions.name}</option>
-							{{{end}}}
-						</select>
-					</div>
-					<hr/>
-					{{{ end }}}
+<div class="mb-3 d-flex justify-content-between">
+	<h3 class="fw-semibold fs-5">{{{ if isSelf }}}[[pages:account/settings]]{{{ else }}}[[pages:account/settings-of, {username}]]{{{ end }}}</h3>
+	<button id="submitBtn" class="btn btn-primary">[[global:save_changes]]</button>
+</div>
+<div class="row">
+	<div class="col-12 col-md-6">
+		{{{ if !disableCustomUserSkins }}}
+		<h6 class="fw-bold">[[user:select-skin]]</h6>
+		<div class="">
+			<select class="form-select form-select-sm" id="bootswatchSkin" data-property="bootswatchSkin">
+				{{{each bootswatchSkinOptions}}}
+				<option value="{bootswatchSkinOptions.value}" {{{ if bootswatchSkinOptions.selected }}}selected{{{ end }}}>{bootswatchSkinOptions.name}</option>
+				{{{end}}}
+			</select>
+		</div>
+		<hr/>
+		{{{ end }}}
 
-					{{{ if allowUserHomePage }}}
-					<h6 class="fw-bold">[[user:select-homepage]]</h6>
-					<div class="">
-						<div class="mb-2">
-							<select class="form-select form-select-sm" id="homePageRoute" data-property="homePageRoute">
-								<option value="none">None</option>
-								{{{each homePageRoutes}}}
-								<option value="{homePageRoutes.route}" <!-- IF homePageRoutes.selected -->selected="1"<!-- ENDIF homePageRoutes.selected -->>{homePageRoutes.name}</option>
-								{{{end}}}
-							</select>
-							<p class="form-text text-xs">[[user:homepage_description]]</p>
-						</div>
-						<div id="homePageCustom" class="mb-2" style="display: none;">
-							<label class="form-label" for="homePageCustom">[[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>
-						</div>
-					</div>
-					<hr/>
+		{{{ if allowUserHomePage }}}
+		<h6 class="fw-bold">[[user:select-homepage]]</h6>
+		<div class="">
+			<div class="mb-2">
+				<select class="form-select form-select-sm" id="homePageRoute" data-property="homePageRoute">
+					<option value="none">None</option>
+					{{{ each homePageRoutes }}}
+					<option value="{./route}" {{{ if ./selected }}}selected="1"{{{ end }}}>{./name}</option>
 					{{{ end }}}
+				</select>
+				<p class="form-text text-xs">[[user:homepage_description]]</p>
+			</div>
+			<div id="homePageCustom" class="mb-2" style="display: none;">
+				<label class="form-label" for="homePageCustom">[[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>
+			</div>
+		</div>
+		<hr/>
+		{{{ end }}}
 
-					<h6 class="fw-bold">[[global:privacy]]</h6>
-					<div class="">
-						{{{ if !hideEmail }}}
-						<div class="form-check">
-							<input class="form-check-input" type="checkbox" data-property="showemail" {{{ if settings.showemail }}}checked {{{ end }}}/>
-							<label class="form-check-label text-sm">[[user:show_email]]</label>
-						</div>
-						{{{ end }}}
+		<h6 class="fw-bold">[[global:privacy]]</h6>
+		<div class="">
+			{{{ if !hideEmail }}}
+			<div class="form-check">
+				<input class="form-check-input" type="checkbox" data-property="showemail" {{{ if settings.showemail }}}checked {{{ end }}}/>
+				<label class="form-check-label text-sm">[[user:show_email]]</label>
+			</div>
+			{{{ end }}}
 
-						{{{ if !hideFullname }}}
-						<div class="form-check">
-							<input class="form-check-input" type="checkbox" data-property="showfullname" {{{ if settings.showfullname }}}checked{{{ end }}}/>
-							<label class="form-check-label text-sm">[[user:show_fullname]]</label>
-						</div>
-						{{{ end }}}
-						{{{ if !config.disableChat }}}
-						<div class="form-check">
-							<input class="form-check-input" type="checkbox" data-property="restrictChat" {{{ if settings.restrictChat }}}checked{{{ end }}}/>
-							<label class="form-check-label text-sm">[[user:restrict_chats]]</label>
-						</div>
-						{{{ end }}}
-					</div>
-					<hr/>
+			{{{ if !hideFullname }}}
+			<div class="form-check">
+				<input class="form-check-input" type="checkbox" data-property="showfullname" {{{ if settings.showfullname }}}checked{{{ end }}}/>
+				<label class="form-check-label text-sm">[[user:show_fullname]]</label>
+			</div>
+			{{{ end }}}
+			{{{ if !config.disableChat }}}
+			<div class="form-check">
+				<input class="form-check-input" type="checkbox" data-property="restrictChat" {{{ if settings.restrictChat }}}checked{{{ end }}}/>
+				<label class="form-check-label text-sm">[[user:restrict_chats]]</label>
+			</div>
+			{{{ end }}}
+		</div>
+		<hr/>
 
-					<h6 class="fw-bold">[[user:browsing]]</h6>
-					<div class="">
-						<div class="form-check">
-							<input class="form-check-input" type="checkbox" data-property="openOutgoingLinksInNewTab" {{{ if settings.openOutgoingLinksInNewTab }}}checked{{{ end }}}/>
-							<label class="form-check-label">[[user:open_links_in_new_tab]]</label>
-						</div>
-						{{{ if inTopicSearchAvailable }}}
-						<div class="form-check">
-							<input class="form-check-input" type="checkbox" data-property="topicSearchEnabled" {{{ if settings.topicSearchEnabled }}}checked{{{ end }}}/>
-							<label class="form-check-label">[[user:enable_topic_searching]]</label>
-						</div>
-						<p class="form-text text-xs">[[user:topic_search_help]]</p>
-						{{{ end }}}
+		<h6 class="fw-bold">[[user:browsing]]</h6>
+		<div class="">
+			<div class="form-check">
+				<input class="form-check-input" type="checkbox" data-property="openOutgoingLinksInNewTab" {{{ if settings.openOutgoingLinksInNewTab }}}checked{{{ end }}}/>
+				<label class="form-check-label">[[user:open_links_in_new_tab]]</label>
+			</div>
+			{{{ if inTopicSearchAvailable }}}
+			<div class="form-check">
+				<input class="form-check-input" type="checkbox" data-property="topicSearchEnabled" {{{ if settings.topicSearchEnabled }}}checked{{{ end }}}/>
+				<label class="form-check-label">[[user:enable_topic_searching]]</label>
+			</div>
+			<p class="form-text text-xs">[[user:topic_search_help]]</p>
+			{{{ end }}}
 
-						<div class="form-check">
-							<input class="form-check-input" type="checkbox" data-property="updateUrlWithPostIndex" {{{ if settings.updateUrlWithPostIndex }}}checked{{{ end }}}/>
-							<label class="form-check-label">[[user:update_url_with_post_index]]</label>
-						</div>
-						<div class="form-check">
-							<input class="form-check-input" type="checkbox" data-property="scrollToMyPost" {{{ if settings.scrollToMyPost }}}checked{{{ end }}}/>
-							<label class="form-check-label">[[user:scroll_to_my_post]]</label>
-						</div>
-					</div>
-					<hr/>
+			<div class="form-check">
+				<input class="form-check-input" type="checkbox" data-property="updateUrlWithPostIndex" {{{ if settings.updateUrlWithPostIndex }}}checked{{{ end }}}/>
+				<label class="form-check-label">[[user:update_url_with_post_index]]</label>
+			</div>
+			<div class="form-check">
+				<input class="form-check-input" type="checkbox" data-property="scrollToMyPost" {{{ if settings.scrollToMyPost }}}checked{{{ end }}}/>
+				<label class="form-check-label">[[user:scroll_to_my_post]]</label>
+			</div>
+		</div>
+		<hr/>
 
-					<h6 class="fw-bold">[[global:pagination]]</h6>
-					<div class="">
-						<div class="mb-2 form-check">
-							<input type="checkbox" class="form-check-input" data-property="usePagination" {{{ if settings.usePagination }}}checked{{{ end }}}>
-							<label class="form-check-label">[[user:paginate_description]]</label>
-						</div>
-						<div class="mb-2">
-							<label class="form-label">[[user:topics_per_page]] ([[user:max_items_per_page, {maxTopicsPerPage}]])</label>
-							<input type="text" class="form-control form-control-sm" data-property="topicsPerPage" value="{settings.topicsPerPage}">
-						</div>
-						<div class="">
-							<label class="form-label">[[user:posts_per_page]] ([[user:max_items_per_page, {maxPostsPerPage}]])</label>
-							<input type="text" class="form-control form-control-sm" data-property="postsPerPage" value="{settings.postsPerPage}">
-						</div>
-					</div>
+		<h6 class="fw-bold">[[global:pagination]]</h6>
+		<div class="">
+			<div class="mb-2 form-check">
+				<input type="checkbox" class="form-check-input" data-property="usePagination" {{{ if settings.usePagination }}}checked{{{ end }}}>
+				<label class="form-check-label">[[user:paginate_description]]</label>
+			</div>
+			<div class="mb-2">
+				<label class="form-label">[[user:topics_per_page]] ([[user:max_items_per_page, {maxTopicsPerPage}]])</label>
+				<input type="text" class="form-control form-control-sm" data-property="topicsPerPage" value="{settings.topicsPerPage}">
+			</div>
+			<div class="">
+				<label class="form-label">[[user:posts_per_page]] ([[user:max_items_per_page, {maxPostsPerPage}]])</label>
+				<input type="text" class="form-control form-control-sm" data-property="postsPerPage" value="{settings.postsPerPage}">
+			</div>
+		</div>
 
-					{{{ if !disableEmailSubscriptions }}}
-					<hr/>
-					<h6 class="fw-bold">[[global:email]]</h6>
-					<div class="">
-						<div class="mb-2">
-							<label class="form-label" for="dailyDigestFreq">[[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 }}}>{./name}</option>
-								{{{end}}}
-							</select>
-							<p class="form-text text-xs">[[user:digest_description]]</p>
-						</div>
-					</div>
-					{{{ end }}}
+		{{{ if !disableEmailSubscriptions }}}
+		<hr/>
+		<h6 class="fw-bold">[[global:email]]</h6>
+		<div class="">
+			<div class="mb-2">
+				<label class="form-label" for="dailyDigestFreq">[[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 }}}>{./name}</option>
+					{{{end}}}
+				</select>
+				<p class="form-text text-xs">[[user:digest_description]]</p>
+			</div>
+		</div>
+		{{{ end }}}
 
-					{{{ each customSettings}}}
-					<hr/>
-					<h6 class="fw-bold">{./title}</h6>
-					<div class="">
-						{./content}
-					</div>
+		{{{ each customSettings}}}
+		<hr/>
+		<h6 class="fw-bold">{./title}</h6>
+		<div class="">
+			{./content}
+		</div>
 
-					{{{end}}}
-					<hr class="d-block d-md-none"/>
-				</div>
+		{{{end}}}
+		<hr class="d-block d-md-none"/>
+	</div>
 
-				<div class="col-12 col-md-6">
-					<h6 class="fw-bold">[[global:language]]</h6>
-					<div class="">
-						<select data-property="userLang" class="form-select form-select-sm mb-2">
-							{{{each languages}}}
-							<option value="{./code}" {{{ if ./selected }}}selected{{{ end }}}>{./name} ({./code})</option>
-							{{{end}}}
-						</select>
-					</div>
-					<hr/>
-					{{{ if (isAdmin && isSelf) }}}
-					<h6 class="fw-bold">[[user:acp_language]]</h6>
-					<div class="">
-						<select data-property="acpLang" class="form-select form-select-sm">
-							{{{each acpLanguages}}}
-							<option value="{./code}" {{{ if ./selected }}}selected{{{ end }}}>{./name} ({./code})</option>
-							{{{end}}}
-						</select>
-					</div>
-					<hr/>
-					{{{ end }}}
+	<div class="col-12 col-md-6">
+		<h6 class="fw-bold">[[global:language]]</h6>
+		<div class="">
+			<select data-property="userLang" class="form-select form-select-sm mb-2">
+				{{{each languages}}}
+				<option value="{./code}" {{{ if ./selected }}}selected{{{ end }}}>{./name} ({./code})</option>
+				{{{end}}}
+			</select>
+		</div>
+		<hr/>
+		{{{ if (isAdmin && isSelf) }}}
+		<h6 class="fw-bold">[[user:acp_language]]</h6>
+		<div class="">
+			<select data-property="acpLang" class="form-select form-select-sm">
+				{{{each acpLanguages}}}
+				<option value="{./code}" {{{ if ./selected }}}selected{{{ end }}}>{./name} ({./code})</option>
+				{{{end}}}
+			</select>
+		</div>
+		<hr/>
+		{{{ end }}}
+
+		<h6 class="fw-bold">[[topic:watch]]</h6>
+		<div class="">
+			<div class="form-check">
+				<input class="form-check-input" type="checkbox" data-property="followTopicsOnCreate" {{{ if settings.followTopicsOnCreate }}}checked{{{ end }}}/>
+				<label class="form-check-label">[[user:follow_topics_you_create]]</label>
+			</div>
+			<div class="form-check">
+				<input class="form-check-input" type="checkbox" data-property="followTopicsOnReply" {{{ if settings.followTopicsOnReply }}}checked{{{ end }}}/>
+					<label class="form-check-label">[[user:follow_topics_you_reply_to]]</label>
+			</div>
+			<div class="mb-2">
+				<label class="form-label">[[user:default-category-watch-state]]</label>
+				<select class="form-select form-select-sm" data-property="categoryWatchState">
+					<option value="watching" {{{ if categoryWatchState.watching }}}selected{{{ end }}}>[[category:watching]]</option>
+					<option value="notwatching" {{{ if categoryWatchState.notwatching }}}selected{{{ end }}}>[[category:not-watching]]</option>
+					<option value="ignoring" {{{ if categoryWatchState.ignoring }}}selected{{{ end }}}>[[category:ignoring]]</option>
+				</select>
+			</div>
+		</div>
+		<hr/>
 
-					<h6 class="fw-bold">[[topic:watch]]</h6>
-					<div class="">
-						<div class="form-check">
-							<input class="form-check-input" type="checkbox" data-property="followTopicsOnCreate" {{{ if settings.followTopicsOnCreate }}}checked{{{ end }}}/>
-							<label class="form-check-label">[[user:follow_topics_you_create]]</label>
-						</div>
-						<div class="form-check">
-							<input class="form-check-input" type="checkbox" data-property="followTopicsOnReply" {{{ if settings.followTopicsOnReply }}}checked{{{ end }}}/>
-							 <label class="form-check-label">[[user:follow_topics_you_reply_to]]</label>
-						</div>
-						<div class="mb-2">
-							<label class="form-label">[[user:default-category-watch-state]]</label>
-							<select class="form-select form-select-sm" data-property="categoryWatchState">
-								<option value="watching" {{{ if categoryWatchState.watching }}}selected{{{ end }}}>[[category:watching]]</option>
-								<option value="notwatching" {{{ if categoryWatchState.notwatching }}}selected{{{ end }}}>[[category:not-watching]]</option>
-								<option value="ignoring" {{{ if categoryWatchState.ignoring }}}selected{{{ end }}}>[[category:ignoring]]</option>
-							</select>
-						</div>
-					</div>
-					<hr/>
+		<h6 class="fw-bold">[[user:notifications]]</h6>
+		<div class="">
+			{{{each notificationSettings}}}
+			<div class="row mb-3">
+				<div class="col-7">
+					<label class="text-sm">{./label}</label>
+				</div>
+				<div class="mb-2 col-5">
+					<select class="form-select form-select-sm" data-property="{./name}">
+						<option value="none" {{{ if ./none }}}selected{{{ end }}}>[[notifications:none]]</option>
+						<option value="notification" {{{ if ./notification }}}selected{{{ end }}}>[[notifications:notification_only]]</option>
+						<option value="email" {{{ if ./email }}}selected{{{ end }}}>[[notifications:email_only]]</option>
+						<option value="notificationemail" {{{ if ./notificationemail }}}selected{{{ end }}}>[[notifications:notification_and_email]]</option>
+					</select>
+				</div>
+			</div>
+			{{{end}}}
 
-					<h6 class="fw-bold">[[user:notifications]]</h6>
-					<div class="">
-						{{{each notificationSettings}}}
-						<div class="row mb-3">
-							<div class="col-7">
-								<label class="text-sm">{./label}</label>
-							</div>
-							<div class="mb-2 col-5">
-								<select class="form-select form-select-sm" data-property="{./name}">
-									<option value="none" {{{ if ./none }}}selected{{{ end }}}>[[notifications:none]]</option>
-									<option value="notification" {{{ if ./notification }}}selected{{{ end }}}>[[notifications:notification_only]]</option>
-									<option value="email" {{{ if ./email }}}selected{{{ end }}}>[[notifications:email_only]]</option>
-									<option value="notificationemail" {{{ if ./notificationemail }}}selected{{{ end }}}>[[notifications:notification_and_email]]</option>
-								</select>
-							</div>
-						</div>
+			<div class="row">
+				<div class="col-7">
+					<label class="text-sm" for="upvote-notif-freq">[[user:upvote-notif-freq]]</label>
+				</div>
+				<div class="mb-2 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}]]
+						</option>
 						{{{end}}}
-
-						<div class="row">
-							<div class="col-7">
-								<label class="text-sm" for="upvote-notif-freq">[[user:upvote-notif-freq]]</label>
-							</div>
-							<div class="mb-2 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}]]
-									</option>
-									{{{end}}}
-								</select>
-							</div>
-						</div>
-					</div>
+					</select>
 				</div>
 			</div>
 		</div>
 	</div>
 </div>
+
+<!-- IMPORT partials/account/footer.tpl -->