Restyle of Login page.
This commit is contained in:
parent
03c188db89
commit
d7f471f41f
|
@ -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"] {
|
||||||
|
margin-bottom: -1px;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="password"] {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="submit"] {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
max-width: 450px;
|
||||||
|
padding: 40px 60px;
|
||||||
|
margin: 15px auto;
|
||||||
|
border: 1px solid #e7e7e7;
|
||||||
|
background-color: #fff;
|
||||||
|
box-shadow: 0 0 6px 0 rgba(0,0,0,0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control {
|
||||||
|
height: 54px;
|
||||||
|
}
|
||||||
|
|
||||||
|
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="action" value="login"/>
|
||||||
<input type="hidden" name="view" value="postlogin"/>
|
<input type="hidden" name="view" value="postlogin"/>
|
||||||
<input type="hidden" name="postLoginQuery" value="<?php echo $_SERVER['QUERY_STRING'] ?>">
|
<input type="hidden" name="postLoginQuery" value="<?php echo $_SERVER['QUERY_STRING'] ?>">
|
||||||
<table id="loginTable" class="minor" cellspacing="0">
|
|
||||||
<tbody>
|
<h1><?php echo translate('Login') ?></h1>
|
||||||
<tr>
|
|
||||||
<td class="colLeft"><?php echo translate('Username') ?></td>
|
<label for="inputEmail" class="sr-only"><?php echo translate('Username') ?></label>
|
||||||
<td class="colRight"><input type="text" name="username" value="<?php echo isset($_REQUEST['username'])?validHtmlStr($_REQUEST['username']):"" ?>" size="12"/></td>
|
<input type="text" name="username" class="form-control" placeholder="Username" required autofocus />
|
||||||
</tr>
|
|
||||||
<tr>
|
<label for="inputPassword" class="sr-only"><?php echo translate('Password') ?></label>
|
||||||
<td class="colLeft"><?php echo translate('Password') ?></td>
|
<input type="password" name="password" value="" size="12" class="form-control" placeholder="Password" required />
|
||||||
<td class="colRight"><input type="password" name="password" value="" size="12"/></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
<input type="submit" value="<?php echo translate('Login') ?>"/>
|
|
||||||
<!-- PP: Added recaptcha widget if enabled -->
|
|
||||||
<?php
|
<?php
|
||||||
if (defined('ZM_OPT_USE_GOOG_RECAPTCHA')
|
if (defined('ZM_OPT_USE_GOOG_RECAPTCHA')
|
||||||
&& defined('ZM_OPT_GOOG_RECAPTCHA_SITEKEY')
|
&& defined('ZM_OPT_GOOG_RECAPTCHA_SITEKEY')
|
||||||
&& defined('ZM_OPT_GOOG_RECAPTCHA_SECRETKEY')
|
&& defined('ZM_OPT_GOOG_RECAPTCHA_SECRETKEY')
|
||||||
&& ZM_OPT_USE_GOOG_RECAPTCHA && ZM_OPT_GOOG_RECAPTCHA_SITEKEY && ZM_OPT_GOOG_RECAPTCHA_SECRETKEY)
|
&& ZM_OPT_USE_GOOG_RECAPTCHA && ZM_OPT_GOOG_RECAPTCHA_SITEKEY && ZM_OPT_GOOG_RECAPTCHA_SECRETKEY)
|
||||||
{
|
{
|
||||||
echo "<br/><br/><center> <div class='g-recaptcha' data-sitekey='".ZM_OPT_GOOG_RECAPTCHA_SITEKEY."'></div> </center>";
|
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>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in New Issue