feat: login/register widget areas

library.js

@@ -25,6 +25,7 @@ library.defineWidgetAreas = async function (areas) {
 	const templates = [
 		'categories.tpl', 'category.tpl', 'topic.tpl', 'users.tpl',
 		'unread.tpl', 'recent.tpl', 'popular.tpl', 'top.tpl', 'tags.tpl', 'tag.tpl',
+		'login.tpl', 'register.tpl',
 	];
 	function capitalizeFirst(str) {
 		return str.charAt(0).toUpperCase() + str.slice(1);

templates/login.tpl

@@ -1,8 +1,13 @@
 <!-- IMPORT partials/breadcrumbs.tpl -->
-
-<div class="row">
-	<!-- IF allowLocalLogin -->
-	<div class="<!-- IF alternate_logins -->col-md-6<!-- ELSE -->col-md-12<!-- ENDIF alternate_logins -->">
+<div data-widget-area="header">
+	{{{each widgets.header}}}
+	{{widgets.header.html}}
+	{{{end}}}
+</div>
+<div class="row login">
+	<div class="row {{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
+		{{{ if allowLocalLogin }}}
+		<div class="{{{ if alternate_logins }}}col-md-6{{{ else }}}col-md-12{{{ end }}}">
 			<div class="login-block">
 				<div class="alert alert-danger" id="login-error-notify" <!-- IF error -->style="display:block"<!-- ELSE -->style="display: none;"<!-- ENDIF error -->>
 					<button type="button" class="close" data-dismiss="alert">&times;</button>
@@ -58,10 +63,10 @@
 
 			</div>
 		</div>
-	<!-- ENDIF allowLocalLogin -->
+		{{{ end }}}
 
-	<!-- IF alternate_logins -->
-	<div class="<!-- IF allowLocalLogin -->col-md-6<!-- ELSE -->col-md-12<!-- ENDIF allowLocalLogin -->">
+		{{{ if alternate_logins }}}
+		<div class="{{{ if allowLocalLogin }}}col-md-6<{{{ else }}}col-md-12{{{ end }}}">
 			<div class="alt-login-block">
 				<h4>[[login:alternative_logins]]</h4>
 				<ul class="alt-logins">
@@ -71,5 +76,16 @@
 				</ul>
 			</div>
 		</div>
-	<!-- ENDIF alternate_logins -->
+		{{{ end }}}
+	</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>

templates/register.tpl

@@ -1,6 +1,11 @@
 <!-- IMPORT partials/breadcrumbs.tpl -->
-
+<div data-widget-area="header">
+	{{{each widgets.header}}}
+	{{widgets.header.html}}
+	{{{end}}}
+</div>
 <div class="row register">
+	<div class="row {{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
 		<div class="{register_window:spansize}">
 			<div class="register-block">
 				<div class="alert alert-danger<!-- IF !error --> hidden<!-- ENDIF !error -->" id="register-error-notify" >
@@ -56,7 +61,7 @@
 			</div>
 		</div>
 
-	<!-- IF alternate_logins -->
+		{{{ if alternate_logins }}}
 		<div class="col-md-6">
 			<div class="alt-register-block">
 				<h4>[[register:alternative_registration]]</h4>
@@ -67,5 +72,16 @@
 				</ul>
 			</div>
 		</div>
-	<!-- ENDIF alternate_logins -->
+		{{{ end }}}
+	</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>