From 1e45ae2ea3497958b2ea6a20137955cfc3bbc964 Mon Sep 17 00:00:00 2001
From: "Gabriel A. Giovanini" <mail@gabrielgio.me>
Date: Wed, 11 Dec 2024 17:05:12 +0100
Subject: feat: Add UI/Handler login process

It adds the whole workflow to store and handle login on both UI and
handler level. With that the login information should be available at
any point given the context.
---
 templates/login.qtpl | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

(limited to 'templates/login.qtpl')

diff --git a/templates/login.qtpl b/templates/login.qtpl
index eee5711..7815bd7 100644
--- a/templates/login.qtpl
+++ b/templates/login.qtpl
@@ -1,31 +1,41 @@
+{% import "context" %}
+
 {% code
 type LoginPage struct {
+    ErrorMessage string
 }
 %}
 
-{% func (p *LoginPage) Title() %}Hello{% endfunc %}
+{% func (p *LoginPage) Title(ctx context.Context) %}Hello{% endfunc %}
 
-{% func (p *LoginPage) Navbar() %}{%= Navbar(Login) %}{% endfunc %}
+{% func (p *LoginPage) Navbar(ctx context.Context) %}{%= Navbar(ctx, Login) %}{% endfunc %}
 
-{% func (p *LoginPage) Content() %}
+{% func (p *LoginPage) Content(ctx context.Context) %}
 <div class="row">
   <div class="col-md-6 offset-md-3">
-    <form>
+    <form action="/login/" method="POST">
       <div class="form-group m-3">
         <label for="username" class="form-label">Username</label>
-        <input type="text" class="form-control" id="username" aria-describedby="emailHelp">
+        <input type="text" class="form-control" name="username" id="username">
       </div>
       <div class="form-group m-3">
         <label for="password" class="form-label">Password</label>
-        <input type="password" class="form-control" id="password">
+        <input type="password" class="form-control" name="password" id="password">
       </div>
       <div class="form-group m-3">
         <button type="submit" class="btn btn-primary">Login</button>
       </div>
     </form>
   </div>
+  {% if p.ErrorMessage != "" %}
+  <div class="col-md-6 offset-md-3">
+    <div class="alert alert-warning text-center" >
+        {%s p.ErrorMessage  %}
+    </div>
+  </div>
+  {% endif %}
 </div>
 {% endfunc %}
 
-{% func (p *LoginPage) Script() %}
+{% func (p *LoginPage) Script(ctx context.Context) %}
 {% endfunc %}
-- 
cgit v1.2.3