landmark-serve/templates/views/signin.jade

Web Application Framework and Admin GUI / Content Management System built on Express.js and Mongoose

extends ../layout/auth

block content
	h1.sr-only Sign In
	.auth-box
		.auth-box-col
			include ../includes/auth-brand
			
		.auth-box-col
			if user
				p.lead Hi #{user.name.first},
				p.lead You're already signed in.
				.toolbar
					if user.isAdmin
						a(href='/landmark').btn.btn-primary Open Landmark
					a(href='/landmark/signout').btn.btn-cancel Sign out
			
			else
				form(method="post", novalidate).auth-form
					input(type='hidden', name=csrf_token_key, value=csrf_token_value)
					.form-group
						label(for='email') Email
						input(type='email', name='email', id='email', value=submitted.email).form-control
					.form-group
						label(for='password') Password
						input(type='password', name='password', id='password').form-control
					
					button(type='submit').btn.btn-primary Sign In
				
				//- TODO generic forgotten password functionality
				//- a(href=js).btn.btn-link Forgot Password?
				
block js
	//- Only focus the field after the shake animation is complete
	if messages && messages.error.length
		script setTimeout(function() { try { document.getElementById('email').focus(); } catch(e) {}; }, 800);
	else
		script try { document.getElementById('email').focus(); } catch(e) {};