login/register ui, add register to menu

app/static/css/site.scss

@@ -142,3 +142,31 @@ nav.overlay {
     opacity: 0.8;
 }
 
+
+.login, .register {
+    margin-top: 16px;
+    margin-left: 24px;
+    textarea,
+    input {
+        padding: 4px;
+        margin-left: 0;
+        margin-top: 4px;
+        margin-bottom: 4px;
+        margin-right: 4px;
+        background: none;
+        color: white;
+        border: 1px solid green;
+    }
+    button {
+        margin-top: 4px;
+        background: black;
+        color: white;
+        border: solid 1px green;
+        padding: 8px;
+    }
+    button:hover,
+    button:active {
+        border: solid 1px lightgreen;
+        cursor: pointer;
+    }
+}

app/templates/base.html

@@ -53,6 +53,8 @@
     <a href="/logout/">logout</a>
     {% else %}
     <a href="/login/">login</a>
+    <br>
+    <a href="/register/">register</a>
     {% endif %}
     </div>
 </nav>

app/templates/login.html

@@ -7,8 +7,9 @@
     <form method="POST">
         {% csrf_token %}
         <input name="username" type="text" placeholder="your username" required></input>
+        <br>
         <input name="password" type="password" placeholder="your password" required></input>
-        <div class="buttons login">
+        <div class="buttons">
             <button id="login">Login</button>
         </div>
         <div class="error">{{ error }}</div>

app/user/views.py

@@ -16,9 +16,15 @@ User = get_user_model()
 
 @ratelimit(method="POST", block=True, rate="5/m")
 def register(request):
+    context = default_context(request)
     response = {}
+    request_type = 'json'
     if request.method == "POST":
-        data = json.loads(request.body)
+        if "username" in request.POST and "password" in request.POST:
+            data = request.POST
+            request_type = 'html'
+        else:
+            data = json.loads(request.body)
         if User.objects.filter(username__iexact=data['username']).exists():
             response['error'] = 'username not allowed'
         elif User.objects.filter(email__iexact=data['email']).exists():
@@ -33,8 +39,16 @@ def register(request):
             user = django.contrib.auth.authenticate(username=data['username'], password=data['password'])
             django.contrib.auth.login(request, user)
             response['user'] = user.username
+        if request_type == 'html':
+            if 'error' in response:
+                context['error'] = response['error']
+                return render(request, 'register.html', context)
+            else:
+                return redirect('/')
         return render_to_json(response)
     else:
+        if request.user.is_authenticated:
+            return redirect('/')
         context = default_context(request)
         return render(request, 'register.html', context)