From 4d956fd84d2e443f78aa13dc338705cfb5bcb201 Mon Sep 17 00:00:00 2001
From: Arjit Chaudhary <arjit.c@gmail.com>
Date: Sun, 13 Sep 2015 02:17:55 +0530
Subject: [PATCH] Updated login UI

Screenshot http://i.imgur.com/tZcsyYq.png
---
 html/pages/logon.inc.php | 111 +++++++++++++++++++++------------------
 1 file changed, 59 insertions(+), 52 deletions(-)

diff --git a/html/pages/logon.inc.php b/html/pages/logon.inc.php
index a8a156574d..97e104accc 100644
--- a/html/pages/logon.inc.php
+++ b/html/pages/logon.inc.php
@@ -4,57 +4,64 @@ if( $config['twofactor'] && isset($twofactorform) ) {
 }
 else {
 ?>
-      <form class="form-horizontal" role="form" action="" method="post" name="logonform">
-        <div class="form-group">
-          <div class="col-sm-offset-4 col-sm-4">
-            <h3>Please log in:</h3>
-          </div>
-        </div>
-        <div class="form-group">
-          <div class="col-sm-offset-4 col-sm-4">
-            <input type="text" name="username" id="username" class="form-control" placeholder="Username" required autofocus />
-          </div>
-        </div>
-        <div class="form-group">
-          <div class="col-sm-offset-4 col-sm-4">
-            <input type="password" name="password" id="password" class="form-control" placeholder="Password" />
-          </div>
-        </div>
-        <div class="form-group">
-          <div class="col-sm-offset-4 col-sm-4">
-            <div class="checkbox">
-                <input type="checkbox" name="remember" id="remember" /> Remember me.
+      <div class="row">
+        <div class="col-md-4"></div>
+        <div class="col-md-4">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h3 class="panel-title">
+                <center>
+                  <img src="images/librenms_logo_light.png">
+                </center></h3>
             </div>
+            <div class="panel-body">
+              <div class="container-fluid">
+                <form class="form-horizontal" role="form" action="" method="post" name="logonform">
+                    <div class="form-group">
+                      
+                        <input type="text" name="username" id="username" class="form-control" placeholder="Username" required autofocus />
+                      
+                    </div>
+                    <div class="form-group">
+                      
+                        <input type="password" name="password" id="password" class="form-control" placeholder="Password" />
+                      
+                    </div>
+                    <div class="form-group">
+                      
+                        <div class="checkbox">
+                          <input type="checkbox" name="remember" id="remember" /> Remember me.
+                        </div>
+                      
+                    </div>
+                    <div class="form-group">
+                      <button type="submit" class="btn btn-default btn-block" name="submit" type="submit">Login</button>
+                    </div>
+                    <?php
+                    if (isset($auth_message)) {
+                        $msg_box[] = array('type'=>'error','message'=>$auth_message,'title'=>'Login error');
+                    }
+                    ?>
+                    <?php
+                    if (isset($config['login_message'])) {
+                      echo('
+                            <div class="form-group">
+                                <div class="alert alert-info text-center">'.$config['login_message'].'</div>
+                            </div>');
+                    }
+                    ?>
+                    </form>
+                    <script type="text/javascript">
+                    <!--
+                    document.logonform.username.focus();
+                    // -->
+                    </script>
+                    <?php
+                    }
+                    ?>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            <div class="col-md-4"></div>
           </div>
-        </div>
-        <div class="form-group">
-          <div class="col-sm-offset-4 col-sm-4">
-            <button type="submit" class="btn btn-default btn-block" name="submit" type="submit">Login</button>
-          </div>
-        </div>
-<?php
-if (isset($auth_message)) {
-    $msg_box[] = array('type'=>'error','message'=>$auth_message,'title'=>'Login error');
-}
-?>
-<?php
-if (isset($config['login_message'])) {
-  echo('
-        <div class="form-group">
-          <div class="col-sm-offset-4 col-sm-4">
-            <div class="alert alert-info text-center">'.$config['login_message'].'</div>
-          </div>
-        </div>');
-}
-?>
-      </form>
-<script type="text/javascript">
-<!--
-document.logonform.username.focus();
-// -->
-</script>
-<?php
-}
-?>
-    </div>
-</div>