From c57ebef076438c83a0e408227341398249566ff1 Mon Sep 17 00:00:00 2001
From: stilbruch <stilbruch@protonmail.com>
Date: Wed, 23 Mar 2022 12:30:23 -0500
Subject: User registration and login now works

---
 app/templates/user/login.html    | 16 ++++++++++------
 app/templates/user/register.html | 21 +++++++++++++++++----
 2 files changed, 27 insertions(+), 10 deletions(-)

(limited to 'app/templates')

diff --git a/app/templates/user/login.html b/app/templates/user/login.html
index 7a671c1..9aaf33c 100644
--- a/app/templates/user/login.html
+++ b/app/templates/user/login.html
@@ -3,26 +3,30 @@
 {% block content %}
 	<div class="login">
 		<div class="form">
-			<section class="hero is-primary is-fullheight">
+			<section class="hero is-primary is-fullheight-with-navbar">
 				<div class="hero-body">
 					<div class="container">
 						<div class="columns is-centered">
 							<div class="column is-5-tablet is-4-desktop is-3-widescreen">
 								<h1 class="title is-2">Log in</h1>
-								<form action="" class="box">
+
+								<!-- TODO: render errors -->
+
+								<form method="POST" class="box">
+									{{ form.csrf_token }}
 									<div class="field">
-										<label for="" class="label">Email</label>
+										<label for="" class="label">Username</label>
 										<div class="control has-icons-left">
-											<input type="email" placeholder="e.g. bobsmith@gmail.com" class="input" required>
+											<input id="username" name="username" type="text" class="input" required>
 											<span class="icon is-small is-left">
-												<i class="fa fa-envelope"></i>
+												<i class="fa fa-user"></i>
 											</span>
 										</div>
 									</div>
 									<div class="field">
 										<label for="" class="label">Password</label>
 										<div class="control has-icons-left">
-											<input type="password" placeholder="*******" class="input" required>
+											<input id="password" name="password" type="password" placeholder="*******" class="input" required>
 											<span class="icon is-small is-left">
 												<i class="fa fa-lock"></i>
 											</span>
diff --git a/app/templates/user/register.html b/app/templates/user/register.html
index dc61204..6341671 100644
--- a/app/templates/user/register.html
+++ b/app/templates/user/register.html
@@ -3,17 +3,30 @@
 {% block content %}
 	<div class="register">
 		<div class="form">
-			<section class="hero is-primary is-fullheight">
+			<section class="hero is-primary is-fullheight-with-navbar">
 				<div class="hero-body">
 					<div class="container">
 						<div class="columns is-centered">
 							<div class="column is-5-tablet is-4-desktop is-3-widescreen">
 								<h1 class="title is-2">Sign up</h1>
-								<form action="" class="box">
+
+								<!-- TODO: render errors -->
+
+								<form method="POST" class="box">
+									{{ form.csrf_token }}
+									<div class="field">
+										<label for="" class="label">Username</label>
+										<div class="control has-icons-left">
+											<input id="username" name="username" type="text" placeholder="e.g. gymdude99" class="input" required>
+											<span class="icon is-small is-left">
+												<i class="fa fa-user"></i>
+											</span>
+										</div>
+									</div>
 									<div class="field">
 										<label for="" class="label">Email</label>
 										<div class="control has-icons-left">
-											<input type="email" placeholder="e.g. bobsmith@gmail.com" class="input" required>
+											<input id="email" name="email" type="email" placeholder="e.g. bobsmith@gmail.com" class="input" required>
 											<span class="icon is-small is-left">
 												<i class="fa fa-envelope"></i>
 											</span>
@@ -22,7 +35,7 @@
 									<div class="field">
 										<label for="" class="label">Password</label>
 										<div class="control has-icons-left">
-											<input type="password" placeholder="*******" class="input" required>
+											<input id="password" name="password" type="password" placeholder="*******" class="input" required>
 											<span class="icon is-small is-left">
 												<i class="fa fa-lock"></i>
 											</span>
-- 
cgit v1.2.3