From 04d6cd03512d3ddb16a777529df9255555a34f81 Mon Sep 17 00:00:00 2001
From: Jochen Mehlich <coding@jochenmehlich.de>
Date: Wed, 28 Aug 2024 15:14:21 +0200
Subject: [PATCH] finished login openid button form

Signed-off-by: Jochen Mehlich <coding@jochenmehlich.de>
---
 theme/templates/login.html | 24 +++++++++++++++++++-----
 zitate/views.py            | 23 +++++++++++++----------
 2 files changed, 32 insertions(+), 15 deletions(-)

diff --git a/theme/templates/login.html b/theme/templates/login.html
index cc3ff6e..b47446b 100644
--- a/theme/templates/login.html
+++ b/theme/templates/login.html
@@ -9,8 +9,8 @@
                   Sign in to your account
               </h1>
               <form class="space-y-4 md:space-y-6" method="post">
+                  <input type="hidden" name="auth_type" value="form">
                   {% csrf_token %}
-                  
                   <div>
                       <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="">
@@ -19,10 +19,24 @@
                       <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>
-                  <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">Login</a>
-                  </p>
+                  <button type="submit" class="w-full inline-flex items-center justify-center p-0.5 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-purple-600 to-blue-500 group-hover:from-purple-600 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800">
+                      <span class="w-full px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
+                          Login
+                        </span>
+                  </button>
+              </form>
+              <form class="md:space-y-6" method="post">
+                  <input type="hidden" name="auth_type" value="openid">
+                  {% csrf_token %}
+                  <div class="inline-flex items-center justify-center w-full">
+                      <hr class="w-64 h-px my-8 bg-gray-200 border-0 dark:bg-gray-700">
+                      <span class="absolute px-3 font-medium text-gray-900 -translate-x-1/2 bg-white left-1/2 dark:text-white dark:bg-gray-800">or</span>
+                  </div>
+                  <button class="w-full inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-purple-600 to-blue-500 group-hover:from-purple-600 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800">
+                      <span class="w-full px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
+                        Login with StuVe SSO
+                      </span>
+                  </button>
               </form>
           </div>
       </div>
diff --git a/zitate/views.py b/zitate/views.py
index a9405ac..6f21462 100644
--- a/zitate/views.py
+++ b/zitate/views.py
@@ -10,13 +10,16 @@ def login(request):
         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
+        auth_type = request.POST.get("auth_type")
+        if auth_type == "form":
+            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:
+                return render(request, "login.html", {"userError": True})
+        elif auth_type == "openid":
+            return render(request, "login.html")
\ No newline at end of file