Cleanup for AdminLTE

root/usr/share/smanager/themes/AdminLTE/templates/login.html.ep

@@ -1,69 +1,95 @@
-% layout 'default', title => "Sme server 2 - login";
+% layout 'AdminLTE' , title => "Sme server 2 - login";
 
 % content_for 'module' => begin
 
-<div id="" class="">
-
-    %if ( config 'debug' ) {
-	<p>
-	%= dumper $c->current_route
-	%if ( stash 'trt' ) {
-	    %= dumper stash 'trt'
-	%}
-	</p>
+  %if ( config 'debug' ) {
+  <p>
+  <!-- %= dumper $c->current_route -->
+  %if ( stash 'trt' ) {
+      %= dumper stash 'trt'
+  %}
+  </p>
     %}
 
 % if ( stash 'error' ) {
-    	<br><div class="">
-    	%= $c->render_to_string(inline => stash 'error') 
-	</div>
+      <br><div class="">
+      %= $c->render_to_string(inline => stash 'error') 
+  </div>
 %}
 
 % my $btn = l('use_SIGNIN');
 % if ( $trt eq 'RESET' ) {
-    	<br><div class=""><h2>
-    	%= $c->render_to_string(inline => l 'use_DESC_RESET') 
-	</h2></div>
-	% $btn = l('use_RESET');
+      <br><div class=""><h2>
+      %= $c->render_to_string(inline => l 'use_DESC_RESET') 
+  </h2></div>
+  % $btn = l('use_RESET');
 %}
 
-    <h1>
-    %=l 'use_TITLE'
-    </h1>
+<div class="login-page bg-body-secondary-subtle app-loaded">
+      <!-- /.login-logo -->
 
-    %= form_for '/login' => (method => 'POST') => begin
+    <div class="login-box">
+      <div class="card card-outline card-success">
+        <div class="card-header">
+            <div class="d-flex justify-content-center">
+              <img class="img-fluid" src="images/KoozaliServerManager.png" alt="Koozali Logo">
+            </div>
+            <br>
+            <a href="/smanager" class="link-dark text-center link-offset-2 link-opacity-100 link-opacity-50-hover">
+              <h1 class="mb-0"><b>Koozali</b></h1><br><h3>Server Manager</h3>
+            </a>
+            <br> 
+            <h1 class="text-center">
+                %=l 'use_TITLE'
+            </h1>
+          </div>
 
-    <p><span class="">
-    %=l 'USER_NAME'
-    </span><span class="">
-    %= text_field 'Username'
-    </span></p>
 
-% if ( $trt ne 'RESET' ) {
-    <p><span class="">
-    %=l 'PASSWORD'
-    </span><span class="">
-    %= password_field 'Password', id => "", autocomplete => 'current-password', class=>""
-    % if (config 'hasJquery') {
-	%#<a href='#' id="" class=""> <img src="images/visible.png" height="16" alt="Visible"></a>
-    % }
-    </span></p>
-%}
+        <div class="card-body login-card-body">
+          <p class="login-box-msg">Sign in to start your session</p>
+          <form action="/smanager/login" method="POST">
+            <div class="input-group mb-1">
+              <div class="form-floating">
+                <input name='Username' id="Username" type="text" class="form-control" placeholder="<%=l 'USER_NAME'%>">
+                <label for="Username">User</label>
+              </div>
+              <div class="input-group-text"><span class="bi bi-person-fill"></span></div>
+            </div>
+            <div class="input-group mb-1">
+              <div class="form-floating">
+                <input name='Password' id="Password" type="password" class="form-control" placeholder="<%=l 'PASSWORD'%>">
+                <label for="Password">Password</label>
+              </div>
+              <div class="input-group-text"><span class="bi bi-lock-fill"></span></div>
+            </div>
 
-    %= hidden_field 'From' => $c->tx->req->url
-    %= hidden_field 'Trt' => $trt
+            %= hidden_field 'From' => $c->tx->req->url
+            %= hidden_field 'Trt' => stash 'trt'
 
-    <br>
-    <div class="">
-    %= submit_button "$btn", class => ""
+            <!--begin::Row-->
+            <div class="row">
+              <div class="col-8 d-inline-flex align-items-center">
+                <div class="form-check">
+                  <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+                  <label class="form-check-label" for="flexCheckDefault"> Remember Me </label>
+                </div>
+              </div>
+              <!-- /.col -->
+              <div class="col-4">
+                <div class="d-grid gap-2">
+                  <button type="submit" class="btn btn-primary">Sign In</button>
+                </div>
+              </div>
+              <!-- /.col -->
+            </div>
+            <!--end::Row-->
+          </form>
+          <p class="mb-1"><a href="login2">I forgot my password</a></p>
+        </div>
+        <!-- /.login-card-body -->
+      </div>
     </div>
-    %if ( config 'pwdreset' ) {
-	<div class=""><a href='login2'>
-        %=l 'use_FORGOT'
-        </a></div>
-    %}
-
-  % end
-
+    <!-- /.login-box -->
 </div>
-%end
+
+% end