From 01300ba54a67730451408a25c696d7178a32ee6e Mon Sep 17 00:00:00 2001
From: Jochen Mehlich <coding@jochenmehlich.de>
Date: Wed, 28 Aug 2024 14:53:37 +0200
Subject: [PATCH] added login functionality

Signed-off-by: Jochen Mehlich <coding@jochenmehlich.de>
---
 theme/templates/login.html | 21 ++++++---------------
 zitate/forms.py            |  6 ++++++
 zitate/views.py            | 20 +++++++++++++++++++-
 3 files changed, 31 insertions(+), 16 deletions(-)
 create mode 100644 zitate/forms.py

diff --git a/theme/templates/login.html b/theme/templates/login.html
index 431b094..cc3ff6e 100644
--- a/theme/templates/login.html
+++ b/theme/templates/login.html
@@ -8,29 +8,20 @@
               <h1 class="text-xl font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white">
                   Sign in to your account
               </h1>
-              <form class="space-y-4 md:space-y-6" action="#">
+              <form class="space-y-4 md:space-y-6" method="post">
+                  {% csrf_token %}
+                  
                   <div>
-                      <label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Your email</label>
-                      <input type="email" name="email" id="email" class="bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="name@company.com" required="">
+                      <label for="username" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Your username</label>
+                      <input type="text" name="username" id="username" class="bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="fooboar" required="">
                   </div>
                   <div>
                       <label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Password</label>
                       <input type="password" name="password" id="password" placeholder="••••••••" class="bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required="">
                   </div>
-                  <div class="flex items-center justify-between">
-                      <div class="flex items-start">
-                          <div class="flex items-center h-5">
-                            <input id="remember" aria-describedby="remember" type="checkbox" class="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-primary-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-primary-600 dark:ring-offset-gray-800" required="">
-                          </div>
-                          <div class="ml-3 text-sm">
-                            <label for="remember" class="text-gray-500 dark:text-gray-300">Remember me</label>
-                          </div>
-                      </div>
-                      <a href="#" class="text-sm font-medium text-primary-600 hover:underline dark:text-primary-500">Forgot password?</a>
-                  </div>
                   <button type="submit" class="w-full text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800">Sign in</button>
                   <p class="text-sm font-light text-gray-500 dark:text-gray-400">
-                      Don’t have an account yet? <a href="#" class="font-medium text-primary-600 hover:underline dark:text-primary-500">Sign up</a>
+                      Don’t have an account yet? <a href="#" class="font-medium text-primary-600 hover:underline dark:text-primary-500">Login</a>
                   </p>
               </form>
           </div>
diff --git a/zitate/forms.py b/zitate/forms.py
new file mode 100644
index 0000000..df82972
--- /dev/null
+++ b/zitate/forms.py
@@ -0,0 +1,6 @@
+from django import forms
+from django.contrib.auth.models import User
+
+class LoginForm(forms.Form):
+    username = forms.CharField(label="username", max_length=255)
+    password = forms.CharField(label="password", max_length=255, widget=forms.PasswordInput)
\ No newline at end of file
diff --git a/zitate/views.py b/zitate/views.py
index fc9e5ed..a9405ac 100644
--- a/zitate/views.py
+++ b/zitate/views.py
@@ -1,4 +1,22 @@
 from django.shortcuts import render
+import django.contrib.auth as dauth
+from django.shortcuts import redirect
+
+from zitate.forms import LoginForm
+
 
 def login(request):
-    return render(request, "login.html")
\ No newline at end of file
+    if request.method == "GET":
+        return render(request, "login.html")
+    elif request.method == "POST":
+        form = LoginForm(request.POST)
+        if form.is_valid():
+            username = form.cleaned_data["username"]
+            password = form.cleaned_data["password"]
+            user = dauth.authenticate(request, username=username, password=password)
+            if user is not None:
+                dauth.login(request, user)
+                return redirect("/")
+        else:
+            form = LoginForm()
+        return render(request, "login.html", {"form": form})
\ No newline at end of file