web - basic pages

bin/web/views/blocks/login.pug

@@ -0,0 +1,10 @@
+append var
+	- var breadcrumb = {0: {"name": "authRXBN", "href": "/"}, 1: {"name": "ERROR - Please login", "active": true}};
+	- var title = "Please login";
+.uk-flex.uk-margin-medium-top.uk-margin-medium-bottom
+	div(class="uk-width-auto uk-width-1-4@s")
+	.uk-flex.uk-flex-auto.uk-flex-column.uk-flex-center.uk-margin-left.uk-margin-right
+		h1 Please login
+		p You need to be logged in to use this service
+		a(href="/login").uk-button.uk-button-default Login
+	div(class="uk-width-auto uk-width-1-4@s")

bin/web/views/error/404.pug

@@ -0,0 +1,14 @@
+extends ../blocks/layout.pug
+append var
+	if(user)
+		- var breadcrumb = {0: {"name": "authRXBN", "href": "/"}, 1: {"name": "404 - not found", "active": true}};
+		- var title = "I'm so sooryy";
+
+append content
+	.uk-flex.uk-margin-medium-top.uk-margin-medium-bottom
+		div(class="uk-width-auto uk-width-1-4@s")
+		.uk-flex.uk-flex-auto.uk-flex-column.uk-flex-center.uk-margin-left.uk-margin-right
+			h1 Me so sorry.
+			p Could not find something which belongs to your interests.
+			a(href="/").uk-button.uk-button-default Home
+		div(class="uk-width-auto uk-width-1-4@s")

bin/web/views/error/login.pug

@@ -1,10 +1,22 @@
+extends ../blocks/layout.pug
 append var
-	- var breadcrumb = {0: {"name": "authRXBN", "href": "/"}, 1: {"name": "ERROR - Please login", "active": true}};
+	if(user)
-	- var title = "Please login";
+		- var breadcrumb = {0: {"name": "authRXBN", "href": "/"}, 1: {"name": "Login", "active": true}};
+		- var title = "Login";
+
+append content
 	.uk-flex.uk-margin-medium-top.uk-margin-medium-bottom
 		div(class="uk-width-auto uk-width-1-4@s")
 		.uk-flex.uk-flex-auto.uk-flex-column.uk-flex-center.uk-margin-left.uk-margin-right
 			h1 Please login
-		p You need to be logged in to use this service
+			form.uk-form-horizontal
+				.uk-margin
+					label.uk-form-label(for="login_user") Username / Email
+					.uk-form-controls
+						input.uk-input#login_user(type="text", placeholder="tetrahedron")
+				.uk-margin
+					label.uk-form-label(for="login_pass") Password
+					.uk-form-controls
+						input.uk-input#login_pass(type="password")
 			a(href="/login").uk-button.uk-button-default Login
 		div(class="uk-width-auto uk-width-1-4@s")

bin/web/views/error/permission.pug

@@ -0,0 +1,14 @@
+extends ../blocks/layout.pug
+append var
+	if(user)
+		- var breadcrumb = {0: {"name": "authRXBN", "href": "/"}, 1: {"name": "401 - Permission needed", "active": true}};
+		- var title = "Me so sooryy";
+
+append content
+	.uk-flex.uk-margin-medium-top.uk-margin-medium-bottom
+		div(class="uk-width-auto uk-width-1-4@s")
+		.uk-flex.uk-flex-auto.uk-flex-column.uk-flex-center.uk-margin-left.uk-margin-right
+			h1 You so sorry.
+			p You are in the wrong circles.
+			a(href="/").uk-button.uk-button-default Home
+		div(class="uk-width-auto uk-width-1-4@s")

bin/web/views/index.pug

@@ -25,4 +25,4 @@ append content
 			h1 Apps
 			+items()
 	else
-		include error/login.pug
+		include blocks/login.pug

bin/web/views/login.pug

@@ -0,0 +1,22 @@
+extends blocks/layout.pug
+append var
+	if(user)
+		- var breadcrumb = {0: {"name": "authRXBN", "href": "/"}, 1: {"name": "Login", "active": true}};
+		- var title = "Login";
+
+append content
+	.uk-flex.uk-margin-medium-top.uk-margin-medium-bottom
+		div(class="uk-width-auto uk-width-1-4@s")
+		.uk-flex.uk-flex-auto.uk-flex-column.uk-flex-center.uk-margin-left.uk-margin-right
+			h1= login_title|| "Please login"
+			form.uk-form-horizontal
+				.uk-margin
+					label.uk-form-label(for="login_user") Username / Email
+					.uk-form-controls
+						input.uk-input#login_user(type="text", placeholder="tetrahedron")
+				.uk-margin
+					label.uk-form-label(for="login_pass") Password
+					.uk-form-controls
+						input.uk-input#login_pass(type="password")
+			a(href="/login").uk-button.uk-button-default Login
+		div(class="uk-width-auto uk-width-1-4@s")

bin/web/views/register.pug

@@ -0,0 +1,22 @@
+extends blocks/layout.pug
+append var
+	if(user)
+		- var breadcrumb = {0: {"name": "authRXBN", "href": "/"}, 1: {"name": "Register", "active": true}};
+		- var title = "Register";
+
+append content
+	.uk-flex.uk-margin-medium-top.uk-margin-medium-bottom
+		div(class="uk-width-auto uk-width-1-4@s")
+		.uk-flex.uk-flex-auto.uk-flex-column.uk-flex-center.uk-margin-left.uk-margin-right
+			h1 Register an account
+			form.uk-form-horizontal
+				.uk-margin
+					label.uk-form-label(for="login_user") Username / Email
+					.uk-form-controls
+						input.uk-input#login_user(type="text", placeholder="tetrahedron")
+				.uk-margin
+					label.uk-form-label(for="login_pass") Password
+					.uk-form-controls
+						input.uk-input#login_pass(type="password")
+			a(href="/login").uk-button.uk-button-default Login
+		div(class="uk-width-auto uk-width-1-4@s")

bin/web/views/reset.pug

@@ -0,0 +1,22 @@
+extends blocks/layout.pug
+append var
+	if(user)
+		- var breadcrumb = {0: {"name": "authRXBN", "href": "/"}, 1: {"name": "Forgot your password?", "active": true}};
+		- var title = "Reset password";
+
+append content
+	.uk-flex.uk-margin-medium-top.uk-margin-medium-bottom
+		div(class="uk-width-auto uk-width-1-4@s")
+		.uk-flex.uk-flex-auto.uk-flex-column.uk-flex-center.uk-margin-left.uk-margin-right
+			h1 Reset Password
+			form.uk-form-horizontal
+				.uk-margin
+					label.uk-form-label(for="login_user") Username / Email
+					.uk-form-controls
+						input.uk-input#login_user(type="text", placeholder="tetrahedron")
+				.uk-margin
+					label.uk-form-label(for="login_pass") Password
+					.uk-form-controls
+						input.uk-input#login_pass(type="password")
+			a(href="/login").uk-button.uk-button-default Login
+		div(class="uk-width-auto uk-width-1-4@s")