Restyle of Login page.

This commit is contained in:
Kyle Johnson 2016-03-12 20:11:32 -05:00
parent 03c188db89
commit d7f471f41f
1 changed files with 67 additions and 54 deletions

View File

@ -1,60 +1,73 @@
<?php <?php
//
// ZoneMinder web login view file, $Date$, $Revision$
// Copyright (C) 2001-2008 Philip Coombes
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation; either version 2
// of the License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
//
xhtmlHeaders(__FILE__, translate('Login') ); xhtmlHeaders(__FILE__, translate('Login') );
?> ?>
<body> <body>
<div id="page"> <style>
<div id="header"> body {
<h1>ZoneMinder <?php echo translate('Login') ?></h1> background-color: #f8f8f8;
</div> }
<div id="content">
<form name="loginForm" id="loginForm" method="post" action="<?php echo $_SERVER['PHP_SELF'] ?>"> input[type="text"] {
<input type="hidden" name="action" value="login"/> margin-bottom: -1px;
<input type="hidden" name="view" value="postlogin"/> border-bottom-right-radius: 0;
<input type="hidden" name="postLoginQuery" value="<?php echo $_SERVER['QUERY_STRING'] ?>"> border-bottom-left-radius: 0;
<table id="loginTable" class="minor" cellspacing="0"> }
<tbody>
<tr> input[type="password"] {
<td class="colLeft"><?php echo translate('Username') ?></td> margin-bottom: 10px;
<td class="colRight"><input type="text" name="username" value="<?php echo isset($_REQUEST['username'])?validHtmlStr($_REQUEST['username']):"" ?>" size="12"/></td> border-top-left-radius: 0;
</tr> border-top-right-radius: 0;
<tr> }
<td class="colLeft"><?php echo translate('Password') ?></td>
<td class="colRight"><input type="password" name="password" value="" size="12"/></td> input[type="submit"] {
</tr> margin-top: 20px;
</tbody> }
</table>
<input type="submit" value="<?php echo translate('Login') ?>"/> form {
<!-- PP: Added recaptcha widget if enabled --> max-width: 450px;
<?php padding: 40px 60px;
if (defined('ZM_OPT_USE_GOOG_RECAPTCHA') margin: 15px auto;
&& defined('ZM_OPT_GOOG_RECAPTCHA_SITEKEY') border: 1px solid #e7e7e7;
&& defined('ZM_OPT_GOOG_RECAPTCHA_SECRETKEY') background-color: #fff;
&& ZM_OPT_USE_GOOG_RECAPTCHA && ZM_OPT_GOOG_RECAPTCHA_SITEKEY && ZM_OPT_GOOG_RECAPTCHA_SECRETKEY) box-shadow: 0 0 6px 0 rgba(0,0,0,0.08);
{ }
echo "<br/><br/><center> <div class='g-recaptcha' data-sitekey='".ZM_OPT_GOOG_RECAPTCHA_SITEKEY."'></div> </center>";
} .form-control {
?> height: 54px;
</form> }
</div>
</div> h1 {
font-size: 250%;
margin-top: 0;
margin-bottom: 15px;
}
</style>
<div class="container">
<form class="center-block" name="loginForm" id="loginForm" method="post" action="<?php echo $_SERVER['PHP_SELF'] ?>">
<input type="hidden" name="action" value="login"/>
<input type="hidden" name="view" value="postlogin"/>
<input type="hidden" name="postLoginQuery" value="<?php echo $_SERVER['QUERY_STRING'] ?>">
<h1><?php echo translate('Login') ?></h1>
<label for="inputEmail" class="sr-only"><?php echo translate('Username') ?></label>
<input type="text" name="username" class="form-control" placeholder="Username" required autofocus />
<label for="inputPassword" class="sr-only"><?php echo translate('Password') ?></label>
<input type="password" name="password" value="" size="12" class="form-control" placeholder="Password" required />
<?php
if (defined('ZM_OPT_USE_GOOG_RECAPTCHA')
&& defined('ZM_OPT_GOOG_RECAPTCHA_SITEKEY')
&& defined('ZM_OPT_GOOG_RECAPTCHA_SECRETKEY')
&& ZM_OPT_USE_GOOG_RECAPTCHA && ZM_OPT_GOOG_RECAPTCHA_SITEKEY && ZM_OPT_GOOG_RECAPTCHA_SECRETKEY)
{
echo "<div class='g-recaptcha' data-sitekey='".ZM_OPT_GOOG_RECAPTCHA_SITEKEY."'></div>";
} ?>
<input class="btn btn-lg btn-primary btn-block" type="submit" value="<?php echo translate('Login') ?>"/>
</form>
</div>
</body> </body>
</html> </html>