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

package/templates/partials/flags/filters.tpl

@@ -1,189 +0,0 @@
-<div component="flags/filters" class="d-flex flex-wrap gap-2 pb-3 border-bottom">
-	<div class="btn-group bottom-sheet">
-		<a class="filter-btn btn btn-light btn-sm border {{{ if filters.quick }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
-			<span class="filter-label">{{{ if filters.quick }}}[[flags:filter-quick-{./filters.quick}]]{{{ else }}}[[flags:quick-filters]]{{{ end }}}</span>
-			<span class="caret text-primary opacity-75"></span>
-		</a>
-		<ul class="dropdown-menu p-1 text-sm" role="menu">
-			<li>
-				<a class="dropdown-item rounded-1" href="{config.relative_path}/flags?quick=mine" role="menuitem">[[flags:filter-quick-mine]]</a>
-			</li>
-		</ul>
-	</div>
-
-
-	<div component="category/dropdown" class="btn-group category-dropdown-container bottom-sheet">
-		<button type="button" class="filter-btn btn btn-light btn-sm border d-flex gap-2 dropdown-toggle {{{ if filters.cid }}}active-filter{{{ end }}}" data-bs-toggle="dropdown">
-			{{{ if selectedCategory }}}
-			<span class="category-item d-inline-flex align-items-center gap-1">
-				{buildCategoryIcon(selectedCategory, "18px", "rounded-circle")}
-				<span class="visible-md-inline visible-lg-inline">{selectedCategory.name}</span>
-			</span>
-			{{{ else }}}
-			<span class="visible-md-inline visible-lg-inline">[[unread:all-categories]]</span>
-			{{{ end }}}
-			<span class="caret text-primary opacity-75"></span>
-		</button>
-		<div component="category-selector-search" class="hidden position-absolute">
-			<input type="text" class="form-control form-control-sm" placeholder="[[search:type-to-search]]" autocomplete="off">
-		</div>
-
-		<div class="dropdown-menu p-1">
-			<ul component="category/list" class="list-unstyled mb-0 text-sm category-dropdown-menu ghost-scrollbar" role="menu">
-				{{{each categoryItems}}}
-				<li role="presentation" class="category {{{ if ../disabledClass }}}disabled{{{ end }}}" data-cid="{../cid}" data-parent-cid="{../parentCid}" data-name="{../name}">
-					<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="#">
-						{../level}
-						<span component="category-markup" class="flex-grow-1" style="{{{ if ../match }}}font-weight: bold;{{{end}}}">
-							<div class="category-item d-inline-flex align-items-center gap-1">
-								{{{ if ./icon }}}
-								{buildCategoryIcon(@value, "24px", "rounded-circle")}
-								{{{ end }}}
-								{./name}
-							</div>
-						</span>
-						<i component="category/select/icon" class="flex-shrink-0 fa fa-fw fa-check {{{ if !../selected }}}invisible{{{ end }}}"></i>
-					</a>
-				</li>
-				{{{end}}}
-			</ul>
-		</div>
-	</div>
-
-	<div class="btn-group bottom-sheet">
-		<a class="filter-btn btn btn-light btn-sm border {{{ if (sort != "newest") }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
-			<span class="filter-label">{{{ if (sort != "newest") }}}[[flags:sort-{./sort}]]{{{ else }}}[[flags:sort]]{{{ end }}}</span>
-			<span class="caret text-primary opacity-75"></span>
-		</a>
-		<ul class="dropdown-menu p-1 text-sm" role="menu">
-			<li><h6 class="dropdown-header">[[flags:sort-all]]</h6></li>
-			<li class="dropdown-item rounded-1" data-name="sort" data-value="newest" role="menuitem">[[flags:sort-newest]]</li>
-			<li class="dropdown-item rounded-1" data-name="sort" data-value="oldest" role="menuitem">[[flags:sort-oldest]]</li>
-			<li class="dropdown-item rounded-1" data-name="sort" data-value="reports" role="menuitem">[[flags:sort-reports]]</li>
-			<li><h6 class="dropdown-header">[[flags:sort-posts-only]]</h6></li>
-			<li class="dropdown-item rounded-1" data-name="sort" data-value="downvotes" role="menuitem">[[flags:sort-downvotes]]</li>
-			<li class="dropdown-item rounded-1" data-name="sort" data-value="upvotes" role="menuitem">[[flags:sort-upvotes]]</li>
-			<li class="dropdown-item rounded-1" data-name="sort" data-value="replies" role="menuitem">[[flags:sort-replies]]</li>
-		</ul>
-	</div>
-
-	<div class="btn-group bottom-sheet">
-		<a class="filter-btn btn btn-light btn-sm border {{{ if filters.state }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
-			<span class="filter-label">{{{ if filters.state }}}[[flags:state-{./filters.state}]]{{{ else }}}[[flags:filter-state]]{{{ end }}}</span>
-			<span class="caret text-primary opacity-75"></span>
-		</a>
-		<ul class="dropdown-menu p-1 text-sm" role="menu">
-			<li class="dropdown-item rounded-1" data-name="state" data-value="open" role="menuitem">[[flags:state-open]]</li>
-			<li class="dropdown-item rounded-1" data-name="state" data-value="wip" role="menuitem">[[flags:state-wip]]</li>
-			<li class="dropdown-item rounded-1" data-name="state" data-value="resolved" role="menuitem">[[flags:state-resolved]]</li>
-			<li class="dropdown-item rounded-1" data-name="state" data-value="rejected" role="menuitem">[[flags:state-rejected]]</li>
-		</ul>
-	</div>
-
-	<div class="btn-group bottom-sheet">
-		<a class="filter-btn btn btn-light btn-sm border {{{ if filters.type }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
-			<span class="filter-label">{{{ if filters.type }}}[[flags:filter-type-{./filters.type}]]{{{ else }}}[[flags:filter-type]]{{{ end }}}</span>
-			<span class="caret text-primary opacity-75"></span>
-		</a>
-		<ul class="dropdown-menu p-1 text-sm" role="menu">
-			<li class="dropdown-item rounded-1" data-name="type" data-value="all" role="menuitem">[[flags:filter-type-all]]</li>
-			<li class="dropdown-item rounded-1" data-name="type" data-value="post" role="menuitem">[[flags:filter-type-post]]</li>
-			<li class="dropdown-item rounded-1" data-name="type" data-value="user" role="menuitem">[[flags:filter-type-user]]</li>
-		</ul>
-	</div>
-
-	<div component="flags/filter/assignee" class="dropdown bottom-sheet" data-filter-name="assignee">
-		<a component="user/filter/button" class="filter-btn btn btn-light btn-sm border {{{ if filters.assignee }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
-			<span class="filter-label">[[flags:filter-assignee]]</span>
-			<span class="caret text-primary opacity-75"></span>
-		</a>
-
-		<ul class="dropdown-menu p-1 text-sm" style="min-width: 350px;" role="menu">
-			<li class="px-3 py-1 d-flex flex-column gap-2">
-				<input type="text" class="form-control" component="user/filter/search" placeholder="[[search:type-a-username]]">
-				<div component="user/filter/selected" class="d-flex flex-wrap gap-2">
-					{{{ each selected.assignee }}}
-					<div class="d-flex px-2 py-1 rounded-1 text-bg-primary gap-2 align-items-center text-sm">
-						{buildAvatar(@value, "16px", true)} {./username}
-						<button component="user/filter/delete" data-uid="{./uid}" class="btn btn-primary btn-sm py-0"><i class="fa fa-times fa-xs"></i></button>
-					</div>
-					{{{ end }}}
-				</div>
-				<hr/>
-				<div component="user/filter/results" class="d-flex flex-wrap gap-2">
-					{{{ each userFilterResults }}}
-					<button class="btn btn-light btn-sm border" data-uid="{./uid}" data-username="{./username}">{buildAvatar(@value, "16px", true)} {./username}</button>
-					{{{ end }}}
-				</div>
-			</li>
-		</ul>
-	</div>
-
-	<div component="flags/filter/reporterId" class="dropdown bottom-sheet" data-filter-name="reporterId">
-		<a component="user/filter/button" class="filter-btn btn btn-light btn-sm border {{{ if filters.reporterId }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
-			<span class="filter-label">[[flags:filter-reporterId]]</span>
-			<span class="caret text-primary opacity-75"></span>
-		</a>
-
-		<ul class="dropdown-menu p-1 text-sm" style="min-width: 350px;" role="menu">
-			<li class="px-3 py-1 d-flex flex-column gap-2">
-				<input type="text" class="form-control" component="user/filter/search" placeholder="[[search:type-a-username]]">
-				<div component="user/filter/selected" class="d-flex flex-wrap gap-2">
-					{{{ each selected.reporterId }}}
-					<div class="d-flex px-2 py-1 rounded-1 text-bg-primary gap-2 align-items-center text-sm">
-						{buildAvatar(@value, "16px", true)} {./username}
-						<button component="user/filter/delete" data-uid="{./uid}" class="btn btn-primary btn-sm py-0"><i class="fa fa-times fa-xs"></i></button>
-					</div>
-					{{{ end }}}
-				</div>
-				<hr/>
-				<div component="user/filter/results" class="d-flex flex-wrap gap-2">
-					{{{ each userFilterResults }}}
-					<button class="btn btn-light btn-sm border" data-uid="{./uid}" data-username="{./username}">{buildAvatar(@value, "16px", true)} {./username}</button>
-					{{{ end }}}
-				</div>
-			</li>
-		</ul>
-	</div>
-
-	<div component="flags/filter/targetUid" class="dropdown bottom-sheet" data-filter-name="targetUid">
-		<a component="user/filter/button" class="filter-btn btn btn-light btn-sm border {{{ if filters.targetUid }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
-			<span class="filter-label">[[flags:filter-targetUid]]</span>
-			<span class="caret text-primary opacity-75"></span>
-		</a>
-
-		<ul class="dropdown-menu p-1 text-sm" style="min-width: 350px;" role="menu">
-			<li class="px-3 py-1 d-flex flex-column">
-				<input type="text" class="form-control" component="user/filter/search" placeholder="[[search:type-a-username]]">
-				<div component="user/filter/selected" class="d-flex flex-wrap gap-2">
-					{{{ each selected.targetUid }}}
-					<div class="d-flex px-2 py-1 rounded-1 text-bg-primary gap-2 align-items-center text-sm">
-						{buildAvatar(@value, "16px", true)} {./username}
-						<button component="user/filter/delete" data-uid="{./uid}" class="btn btn-primary btn-sm py-0"><i class="fa fa-times fa-xs"></i></button>
-					</div>
-					{{{ end }}}
-				</div>
-				<hr/>
-				<div component="user/filter/results" class="d-flex flex-wrap gap-2">
-					{{{ each userFilterResults }}}
-					<button class="btn btn-light btn-sm border" data-uid="{./uid}" data-username="{./username}">{buildAvatar(@value, "16px", true)} {./username}</button>
-					{{{ end }}}
-				</div>
-			</li>
-		</ul>
-	</div>
-
-	<div component="flags/filters/reset" class="ms-auto">
-		<a class="filter-btn btn btn-warning btn-sm border {{{ if !hasFilter }}}btn-light disabled{{{ end }}}" href="{config.relative_path}/flags" role="button">
-			<span class="filter-label">[[flags:filter-reset]]</span>
-		</a>
-	</div>
-
-	<!-- IMPORT partials/flags/bulk-actions.tpl -->
-
-	<form role="form">
-		<input type="hidden" name="sort" value="{./sort}" />
-		<input type="hidden" name="state" value="{./filters.state}" />
-		<input type="hidden" name="type" value="{./filters.type}" />
-	</form>
-</div>

package/templates/partials/flags/results.tpl

@@ -1,38 +0,0 @@
-<div class="card card-header text-xs px-2 py-1 fw-semibold border-0 align-self-start">
-	[[flags:x-flags-found, {count}]]
-</div>
-
-<table class="table table-striped table-hover" component="flags/list">
-	<thead>
-		<tr>
-			<th></th>
-			<th class="text-xs text-muted">[[flags:reports]]</th>
-			<th class="text-xs text-muted">[[flags:first-reported]]</th>
-			<th class="text-xs text-muted">[[flags:state]]</th>
-			<th>
-				<input type="checkbox" data-action="toggle-all" autocomplete="off" />
-			</th>
-		</tr>
-	</thead>
-	<tbody>
-		{{{ each flags }}}
-		<tr data-flag-id="{./flagId}">
-			<td>
-				<a class="text-reset text-decoration-underline" href="{config.relative_path}/flags/{./flagId}">
-					{./target_readable}
-				</a>
-			</td>
-			<td>
-				{./heat}
-			</td>
-			<td><span class="timeago" title="{./datetimeISO}"></span></td>
-			<td><span class="badge bg-{./labelClass}">[[flags:state-{./state}]]</span></td>
-			<td>
-				<input type="checkbox" autocomplete="off" />
-			</td>
-		</tr>
-		{{{end}}}
-	</tbody>
-</table>
-
-<!-- IMPORT partials/paginator.tpl -->

package/templates/partials/groups/filter-dropdown-content.tpl

@@ -1,25 +0,0 @@
-<div class="dropdown bottom-sheet">
-	<button type="button" class="btn-ghost-sm ff-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-		{{{ if selectedGroup }}}
-		<span class="fw-semibold">{selectedGroup.displayName}</span>
-		{{{ else }}}
-		<span class="fw-semibold">[[groups:all-groups]]</span>
-		{{{ end }}} <span class="caret text-primary opacity-75"></span>
-	</button>
-	<ul class="dropdown-menu p-1 text-sm" role="menu">
-		<li role="presentation" class="user {{{ if !selectedGroup}}}selected{{{end}}}">
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="{config.relative_path}/{allGroupsUrl}">
-				<div class="flex-grow-1">[[groups:all-groups]]</div>
-				<i class="flex-shrink-0 fa fa-fw {{{ if !selectedGroup }}}fa-check{{{ end }}}"></i>
-			</a>
-		</li>
-		{{{ each groups }}}
-		<li role="presentation" class="user {{{ if ./selected}}}selected{{{end}}}">
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="{config.relative_path}/{./url}">
-				<div class="flex-grow-1 d-inline-flex gap-1 align-items-center">{./displayName}</div>
-				<i class="flex-shrink-0 fa fa-fw {{{ if ./selected }}}fa-check{{{ end }}}"></i>
-			</a>
-		</li>
-		{{{end}}}
-	</ul>
-</div>

package/templates/partials/tags/filter-dropdown-content.tpl

@@ -1,38 +0,0 @@
-<button type="button" class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    {{{ if selectedTag }}}
-    <span class="d-inline-flex align-items-center gap-1">
-        <i class="fa fa-fw fa-tags text-primary"></i>
-        <span class="visible-md-inline visible-lg-inline fw-semibold">{selectedTag.label}</span>
-    </span>
-    {{{ else }}}
-    <i class="fa fa-fw fa-tags text-primary"></i>
-    <span class="visible-md-inline visible-lg-inline fw-semibold">[[tags:all-tags]]</span>
-    {{{ end }}}
-</button>
-
-<div component="tag/filter/search" class="hidden position-absolute top-0">
-    <input type="text" class="form-control form-control-sm" placeholder="[[search:type-to-search]]" autocomplete="off">
-</div>
-
-<div class="dropdown-menu p-1">
-    <ul component="tag/filter/list" class="list-unstyled mb-0 text-sm overflow-auto ghost-scrollbar" role="menu" style="max-height: 500px;" role="menu">
-        <li role="presentation" data-tag="">
-            <a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="#">
-                <span class="flex-grow-1">[[tags:all-tags]]</span>
-                <i component="tag/select/icon" class="flex-shrink-0 fa fa-fw fa-check {{{if selectedTag }}}invisible{{{ end }}}"></i>
-            </a>
-        </li>
-        {{{ each tagItems }}}
-        <li role="presentation" data-tag="{./valueEscaped}">
-            <a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="#">
-                <span component="tag-markup" class="flex-grow-1">
-                    <div class="d-inline-flex align-items-center gap-1">
-                        {./valueEscaped}
-                    </div>
-                </span>
-                <i component="tag/select/icon" class="flex-shrink-0 fa fa-fw fa-check {{{ if !./selected }}}invisible{{{ end }}}"></i>
-            </a>
-        </li>
-        {{{ end }}}
-    </ul>
-</div>

package/templates/partials/tags/watch.tpl

@@ -1,42 +0,0 @@
-{{{ if config.loggedIn }}}
-<div class="btn-group bottom-sheet" component="tag/watch">
-	<button class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
-		<span component="tag/following/menu" class="d-flex gap-2 align-items-center{{{ if !isFollowing }}} hidden{{{ end }}}">
-			<i class="flex-shrink-0 fa fa-fw fa-bell-o text-primary"></i>
-			<span class="d-none d-md-inline fw-semibold">[[tags:watching]]</span>
-		</span>
-
-		<span component="tag/not-following/menu" class="d-flex gap-2 align-items-center{{{ if isFollowing}}} hidden{{{ end }}}">
-			<i class="flex-shrink-0 fa fa-fw fa-bell-slash-o text-primary"></i>
-			<span class="d-none d-md-inline fw-semibold">[[tags:not-watching]]</span>
-		</span>
-	</button>
-	<ul class="dropdown-menu p-1 text-sm" role="menu">
-		<li>
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2 p-2" href="#" component="tag/following" role="menuitem">
-				<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"></i>
-						<span class="flex-grow-1 fw-semibold">[[tags:watching]]</span>
-					</span>
-					<div class="help-text text-muted text-xs">[[tags:watching.description]]</div>
-				</div>
-				<span class="flex-shrink-0"><i component="tag/following/check" class="fa fa-fw {{{ if isFollowing }}}fa-check{{{ end }}}"></i></span>
-			</a>
-		</li>
-
-		<li>
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2 p-2" href="#" component="tag/not-following" role="menuitem">
-				<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"></i>
-						<span class="flex-grow-1 fw-semibold">[[tags:not-watching]]</span>
-					</span>
-					<div class="help-text text-muted text-xs">[[tags:not-watching.description]]</div>
-				</div>
-				<span class="flex-shrink-0"><i component="tag/not-following/check" class="fa fa-fw {{{ if !isFollowing }}}fa-check{{{ end }}}"></i></span>
-			</a>
-		</li>
-	</ul>
-</div>
-{{{ end }}}

package/templates/partials/users/filter-dropdown-content.tpl

@@ -1,23 +0,0 @@
-<button type="button" class="btn-ghost-sm ff-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-	{{{ if selectedUser }}}
-	<span class="fw-semibold">{buildAvatar(selectedUser, "20px", true, "not-responsive")} {selectedUser.username}</span>
-	{{{ else }}}
-	<span class="fw-semibold">[[users:all-users]]</span>
-	{{{ end }}} <span class="caret text-primary opacity-75"></span>
-</button>
-<ul class="dropdown-menu p-1 text-sm" role="menu">
-	<li role="presentation" class="user {{{ if !selectedUser}}}selected{{{end}}}">
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="{config.relative_path}/{allUsersUrl}">
-			<div class="flex-grow-1">[[users:all-users]]</div>
-			<i class="flex-shrink-0 fa fa-fw {{{ if !selectedUser }}}fa-check{{{ end }}}"></i>
-		</a>
-	</li>
-	{{{ each users }}}
-	<li role="presentation" class="user {{{ if ./selected}}}selected{{{end}}}">
-		<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="{config.relative_path}/{./url}">
-			<div class="flex-grow-1 d-inline-flex gap-1 align-items-center">{buildAvatar(@value, "24px", true, "not-responsive")} {./username}</div>
-			<i class="flex-shrink-0 fa fa-fw {{{ if ./selected }}}fa-check{{{ end }}}"></i>
-		</a>
-	</li>
-	{{{end}}}
-</ul>

package/templates/register.tpl

@@ -1,104 +0,0 @@
-<div data-widget-area="header">
-	{{{each widgets.header}}}
-	{{widgets.header.html}}
-	{{{end}}}
-</div>
-<div class="row register flex-fill">
-	<div class="d-flex flex-column gap-2 {{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
-		<h2 class="tracking-tight fw-semibold text-center">[[global:register]]</h2>
-		<div class="row justify-content-center gap-5">
-
-			<div class="col-12 col-md-5 col-lg-3 px-md-0">
-				<div class="register-block">
-					<form component="register/local" class="d-flex flex-column gap-3" role="form" action="{config.relative_path}/register" method="post">
-						<div class="mb-2 d-flex flex-column gap-2">
-							<label for="username">[[register:username]]</label>
-							<div class="d-flex flex-column">
-								<input class="form-control" type="text" placeholder="[[register:username-placeholder]]" name="username" id="username" autocorrect="off" autocapitalize="off" autocomplete="nickname" aria-required="true" aria-describedby="username-notify"/>
-								<span class="register-feedback text-xs text-danger" id="username-notify" aria-live="polite"></span>
-								<span class="form-text text-xs">[[register:help.username-restrictions, {minimumUsernameLength}, {maximumUsernameLength}]]</span>
-							</div>
-						</div>
-
-						<div class="mb-2 d-flex flex-column gap-2">
-							<label for="password">[[register:password]]</label>
-							<div class="d-flex flex-column">
-								<input class="form-control" type="password" placeholder="[[register:password-placeholder]]" name="password" id="password" autocomplete="new-password" autocapitalize="off" aria-required="true" aria-describedby="password-notify"/>
-								<span class="register-feedback text-xs text-danger" id="password-notify" aria-live="polite"></span>
-								<span class="form-text text-xs">[[register:help.minimum-password-length, {minimumPasswordLength}]]</span>
-								<p id="caps-lock-warning" class="text-danger hidden">
-									<i class="fa fa-exclamation-triangle"></i> [[login:caps-lock-enabled]]
-								</p>
-							</div>
-						</div>
-
-						<div class="mb-2 d-flex flex-column gap-2">
-							<label for="password-confirm">[[register:confirm-password]]</label>
-							<div>
-								<input class="form-control" type="password" placeholder="[[register:confirm-password-placeholder]]" name="password-confirm" id="password-confirm" autocomplete="new-password" autocapitalize="off" aria-required="true" aria-describedby="password-confirm-notify"/>
-								<span class="register-feedback text-xs text-danger" id="password-confirm-notify" aria-live="polite"></span>
-							</div>
-						</div>
-
-						{{{ each regFormEntry }}}
-						<div class="mb-2 regFormEntry d-flex flex-column gap-2 {./styleName}">
-							<label for="{./inputId}">{./label}</label>
-							<div>{{./html}}</div>
-						</div>
-						{{{ end }}}
-
-						<button class="btn btn-primary" id="register" type="submit">[[register:register-now-button]]</button>
-
-						<div class="alert alert-danger{{{ if !error }}} hidden{{{ end }}}" id="register-error-notify" role="alert" aria-atomic="true">
-							<strong>[[error:registration-error]]</strong>
-							<p class="mb-0">{error}</p>
-						</div>
-
-						<hr/>
-
-						<span class="text-sm">[[register:already-have-account]]</span>
-						<a class="btn btn-outline-light text-body" href="{config.relative_path}/login">[[global:login]]</a>
-
-						<input id="token" type="hidden" name="token" value="" />
-						<input id="noscript" type="hidden" name="noscript" value="true" />
-						<input type="hidden" name="_csrf" value="{config.csrf_token}" />
-					</form>
-				</div>
-			</div>
-
-			{{{ if alternate_logins }}}
-			<div class="col-12 col-md-5 col-lg-3 px-md-0">
-				<div class="alt-register-block d-flex flex-column gap-2">
-					<label>[[register:alternative-registration]]</label>
-					<ul class="alt-logins list-unstyled">
-						{{{ each authentication }}}
-						<li class="{./name} mb-2">
-							<a class="btn btn-outline-light d-flex align-items-center" rel="nofollow noopener noreferrer" target="_top" href="{config.relative_path}{./url}">
-								{{{ if ./icons.svg }}}
-								{./icons.svg}
-								{{{ else }}}
-								<i class="flex-shrink-0 {./icons.normal}" style="color:{./color};"></i>
-								{{{ end }}}
-								{{{ if ./labels.register }}}
-								<div class="flex-grow-1 text-body text-sm">{./labels.register}</div>
-								{{{ end }}}
-							</a>
-						</li>
-						{{{ end }}}
-					</ul>
-				</div>
-			</div>
-			{{{ end }}}
-		</div>
-	</div>
-	<div data-widget-area="sidebar" class="col-lg-3 col-sm-12 {{{ if !widgets.sidebar.length }}}hidden{{{ end }}}">
-		{{{each widgets.sidebar}}}
-		{{widgets.sidebar.html}}
-		{{{end}}}
-	</div>
-</div>
-<div data-widget-area="footer">
-	{{{each widgets.footer}}}
-	{{widgets.footer.html}}
-	{{{end}}}
-</div>