From a6e6f8be88a93699765f25aee0e6109a3eb0b307 Mon Sep 17 00:00:00 2001
From: "Jannis M. Hoffmann" <jannis.hoffmann@rwth-aachen.de>
Date: Tue, 3 May 2022 18:22:43 +0200
Subject: reworked templates based on purecss

---
 templates/webmail/login.html.ep | 69 ++++++++++++++---------------------------
 1 file changed, 24 insertions(+), 45 deletions(-)

(limited to 'templates/webmail/login.html.ep')

diff --git a/templates/webmail/login.html.ep b/templates/webmail/login.html.ep
index 4b2da5d..3e224a8 100644
--- a/templates/webmail/login.html.ep
+++ b/templates/webmail/login.html.ep
@@ -1,55 +1,34 @@
 % layout 'mainlayout';
 
-<table id=noaction>
-  <thead>
-    <tr>
-      <th id=top-section> JWebmail – <%= ucfirst l 'login' %> </th>
-    </tr>
-  </thead>
+<div id=login class="jwm-base">
+
+  <h1>
+    JWebmail – <%= ucfirst l 'login' %>
+  </h1>
 
-  <tbody>
 % if (my $msg = flash('message') || stash('warning')) {
-    <tr>
-      <td class="warning flash-fade">
-        %= $msg
-      <td>
-    </tr>
+  <p class="jwm-warning">
+    %= $msg
+  </p>
 % }
 
-    <tr>
-      <td class=login-form>
-        %= form_for login => (name => 'login1') => (method => 'post') => begin
-
-          <table>
-            <tr>
-              <td class=label-cell>
-                %= label_for userid => ucfirst l 'userid'
-              </td> 
-              <td> 
-                %= text_field 'userid'
-              </td>
-            </tr>
-            <tr>
-              <td class=label-cell> 
-                %= label_for password => ucfirst l 'passwd'
-              </td> 
-              <td> 
-                %= password_field 'password'
-              </td> 
-            </tr>
-            <tr class=submit-row>
-              <td colspan=2> 
-                %= submit_button l 'login'
-              </td> 
-            </tr>
-          </table>
-
-        % end
-      </td>
-    </tr>
+  %= form_for login => (name => 'login1') => (method => 'post') => (class => 'pure-form pure-form-aligned jwm-round') => begin
+    <fieldset>
+      <div class="pure-control-group">
+        %= label_for userid => ucfirst l 'userid'
+        %= text_field 'userid' => '' => (required => '')
+      </div>
+      <div class="pure-control-group">
+        %= label_for password => ucfirst l 'passwd'
+        %= password_field 'password' => (required => '')
+      </div>
+      <div class="pure-controls">
+        %= submit_button l('login') => (class => 'pure-button pure-button-primary')
+      </div>
+    </fieldset>
+  % end
 
-  </tbody>
-</table>
+</div>
 
 %= javascript begin
   if (!document.login1.userid.value) {
-- 
cgit v1.2.3