We implemented the functionalities that register new users in our system. The next step is to authenticate these users. Let's first provide an interface to enter a username and password. We need to add a new route handler in frontend/js/app.js:
Router
.add('login', function() {
var p = new Login();
showPage(p);
})All the other pages so far use the same idea. We will initialize a new controller and pass it to the showPage helper. The template that is used here is as follows:
// frontend/tpl/login.html
<header>
<navigation></navigation>
</header>
<div class="hero">
<h1>Login</h1>
</div>
<form>
{{#if error && error != ''}}
<div class="error">{{error}}</div>
{{/if}}
{{#if success && success != ''}}
<div class="success">{{{success}}}</div>
{{else}}
<label for="email">Email</label>
<input type="text" id="email" value="...