Add lots of things

drill-and-practice/views/login.eta

@@ -0,0 +1,18 @@
+<% layout("./layouts/layout.eta") %>
+
+<h1>Login</h1>
+
+<form method="POST" action="/auth/login">
+  Email:<br/>
+  <input type="email" name="email" /><br/>
+  Password:<br/>
+  <input type="password" name="password" /><br/>
+  <input type="submit" value="Login" />
+</form>
+
+<% if(it.error){ %>
+  <b><%= it.error %></b>
+  <br/>
+<% } %>
+
+<a href="/auth/register">Are you a new user?</a>

drill-and-practice/views/main.eta

@@ -2,11 +2,13 @@
 
 <h1>MCQ Application</h1>
 
-<P>This is a web application that is used for repeated practice of learned content. The application provides a list of topics and allows creating multiple-choice questions into those topics that are then answered by self and others. The application also shows basic statistics: the total number of available questions and the total number of question answers. In addition, the application also provides an API for retrieving and answering random questions.</p>
+<P>This is a web application that is used for repeated practice of learned content. The application provides a list of topics and allows creating multiple-choice questions into those topics that are then answered by self and others.</p>
 
-<p>Are you already registered? <a href="/login">Login</a></p>
+<p>The application also shows basic statistics: the total number of available questions and the total number of question answers. In addition, the application also provides an API for retrieving and answering random questions.</p>
 
-<p>Not registered yet? <a href="/register">Register</a></p>
+<p>Are you already registered? <a href="/auth/login">Login</a></p>
+
+<p>Not registered yet? <a href="/auth/register">Register</a></p>
 
 <h2>Statistics</h2>
 <p>Total number of:</p>

drill-and-practice/views/register.eta

@@ -0,0 +1,21 @@
+<% layout("./layouts/layout.eta") %>
+
+<h1>New user registration</h1>
+
+<form method="POST" action="/auth/register">
+  Email:<br/>
+  <input type="email" name="email" /><br/>
+  Password:<br/>
+  <input type="password" name="password" /><br/>
+  <input type="submit" value="Register" />
+</form>
+
+<% if (it.errors) { %>
+    <% Object.keys(it.errors).forEach((error) => { %>
+        <% Object.values(it.errors[error]).forEach((err) => { %>
+            <%= err %>
+        <% }); %>
+    <% }); %>
+<% } %>
+<br/>
+<a href="/auth/login">Are you already registered?</a>