Closes #164 Tweak login UI to allow for longer strings

merge-requests/2/head
Mike Koch 9 years ago
parent f93620b09e
commit 9411f9f980

@ -326,171 +326,185 @@ function print_login()
hesk_handle_messages(); hesk_handle_messages();
?></div> ?></div>
<div> <div>
<form class="form-signin form-horizontal" role="form" action="index.php" method="post" name="form1"> <div class="panel panel-default form-signin">
<div class="panel-heading">
<h2 class="form-signin-heading"><span <?php echo $iconDisplay; ?>><span class="mega-octicon octicon-sign-in"></span>&nbsp;</span><?php echo $hesklang['admin_login']; ?></a></h2><br/> <h4><span <?php echo $iconDisplay; ?>><span class="mega-octicon octicon-sign-in"></span>&nbsp;</span><?php echo $hesklang['admin_login']; ?></a></h4>
<?php if (in_array('pass',$_SESSION['a_iserror'])) { echo '<div class="form-group has-error">';} else { echo '<div class="form-group">';}?> </div>
<label for="user" class="col-sm-3 control-label"><?php echo $hesklang['username']; ?>:</label> <div class="panel-body">
<div class="col-sm-9"> <form class="form-signin form-horizontal" role="form" action="index.php" method="post" name="form1">
<?php if (in_array('pass',$_SESSION['a_iserror'])) { echo '<div class="form-group has-error">';} else { echo '<div class="form-group">';}?>
<label for="user" class="col-sm-4 control-label"><?php echo $hesklang['username']; ?>:</label>
<div class="col-sm-8">
<?php <?php
if (defined('HESK_USER')) if (defined('HESK_USER'))
{ {
$savedUser = HESK_USER; $savedUser = HESK_USER;
} }
else else
{ {
$savedUser = hesk_htmlspecialchars( hesk_COOKIE('hesk_username') ); $savedUser = hesk_htmlspecialchars( hesk_COOKIE('hesk_username') );
} }
$is_1 = ''; $is_1 = '';
$is_2 = ''; $is_2 = '';
$is_3 = ''; $is_3 = '';
$remember_user = hesk_POST('remember_user'); $remember_user = hesk_POST('remember_user');
if ($hesk_settings['autologin'] && (isset($_COOKIE['hesk_p']) || $remember_user == 'AUTOLOGIN') ) if ($hesk_settings['autologin'] && (isset($_COOKIE['hesk_p']) || $remember_user == 'AUTOLOGIN') )
{ {
$is_1 = 'checked="checked"'; $is_1 = 'checked="checked"';
} }
elseif (isset($_COOKIE['hesk_username']) || $remember_user == 'JUSTUSER' ) elseif (isset($_COOKIE['hesk_username']) || $remember_user == 'JUSTUSER' )
{ {
$is_2 = 'checked="checked"'; $is_2 = 'checked="checked"';
} }
else else
{ {
$is_3 = 'checked="checked"'; $is_3 = 'checked="checked"';
} }
if ($hesk_settings['list_users']) if ($hesk_settings['list_users'])
{ {
echo '<select class="form-control" name="user">'; echo '<select class="form-control" name="user">';
$res = hesk_dbQuery('SELECT `user` FROM `'.hesk_dbEscape($hesk_settings['db_pfix']).'users` ORDER BY `user` ASC'); $res = hesk_dbQuery('SELECT `user` FROM `'.hesk_dbEscape($hesk_settings['db_pfix']).'users` ORDER BY `user` ASC');
while ($row=hesk_dbFetchAssoc($res)) while ($row=hesk_dbFetchAssoc($res))
{ {
$sel = (strtolower($savedUser) == strtolower($row['user'])) ? 'selected="selected"' : ''; $sel = (strtolower($savedUser) == strtolower($row['user'])) ? 'selected="selected"' : '';
echo '<option value="'.$row['user'].'" '.$sel.'>'.$row['user'].'</option>'; echo '<option value="'.$row['user'].'" '.$sel.'>'.$row['user'].'</option>';
} }
echo '</select>'; echo '</select>';
} }
else else
{ {
echo '<input class="form-control" type="text" name="user" size="35" placeholder="'.$hesklang['username'].'" value="'.$savedUser.'" />'; echo '<input class="form-control" type="text" name="user" size="35" placeholder="'.$hesklang['username'].'" value="'.$savedUser.'" />';
} }
?> ?>
</div> </div>
</div> </div>
<?php if (in_array('pass',$_SESSION['a_iserror'])) { echo '<div class="form-group has-error">';} else { echo '<div class="form-group">';}?> <?php if (in_array('pass',$_SESSION['a_iserror'])) { echo '<div class="form-group has-error">';} else { echo '<div class="form-group">';}?>
<label for="pass" class="col-sm-3 control-label"><?php echo $hesklang['pass']; ?>:</label> <label for="pass" class="col-sm-4 control-label"><?php echo $hesklang['pass']; ?>:</label>
<div class="col-sm-9"> <div class="col-sm-8">
<input type="password" class="form-control" id="pass" name="pass" size="35" placeholder="<?php echo $hesklang['pass']; ?>" /> <input type="password" class="form-control" id="pass" name="pass" size="35" placeholder="<?php echo $hesklang['pass']; ?>" />
</div>
</div> </div>
<?php </div>
if ($hesk_settings['secimg_use'] == 2) <?php
{ if ($hesk_settings['secimg_use'] == 2)
{
// SPAM prevention verified for this session // SPAM prevention verified for this session
if (isset($_SESSION['img_a_verified'])) if (isset($_SESSION['img_a_verified']))
{ {
echo '<img src="'.HESK_PATH.'img/success.png" width="16" height="16" border="0" alt="" style="vertical-align:text-bottom" /> '.$hesklang['vrfy']; echo '<img src="'.HESK_PATH.'img/success.png" width="16" height="16" border="0" alt="" style="vertical-align:text-bottom" /> '.$hesklang['vrfy'];
} }
// Not verified yet, should we use Recaptcha? // Not verified yet, should we use Recaptcha?
elseif ($hesk_settings['recaptcha_use'] == 1) elseif ($hesk_settings['recaptcha_use'] == 1)
{ {
?> ?>
<script type="text/javascript"> <script type="text/javascript">
var RecaptchaOptions = { var RecaptchaOptions = {
theme : '<?php echo ( isset($_SESSION['a_iserror']) && in_array('mysecnum',$_SESSION['a_iserror']) ) ? 'red' : 'white'; ?>', theme : '<?php echo ( isset($_SESSION['a_iserror']) && in_array('mysecnum',$_SESSION['a_iserror']) ) ? 'red' : 'white'; ?>',
custom_translations : { custom_translations : {
visual_challenge : "<?php echo hesk_slashJS($hesklang['visual_challenge']); ?>", visual_challenge : "<?php echo hesk_slashJS($hesklang['visual_challenge']); ?>",
audio_challenge : "<?php echo hesk_slashJS($hesklang['audio_challenge']); ?>", audio_challenge : "<?php echo hesk_slashJS($hesklang['audio_challenge']); ?>",
refresh_btn : "<?php echo hesk_slashJS($hesklang['refresh_btn']); ?>", refresh_btn : "<?php echo hesk_slashJS($hesklang['refresh_btn']); ?>",
instructions_visual : "<?php echo hesk_slashJS($hesklang['instructions_visual']); ?>", instructions_visual : "<?php echo hesk_slashJS($hesklang['instructions_visual']); ?>",
instructions_context : "<?php echo hesk_slashJS($hesklang['instructions_context']); ?>", instructions_context : "<?php echo hesk_slashJS($hesklang['instructions_context']); ?>",
instructions_audio : "<?php echo hesk_slashJS($hesklang['instructions_audio']); ?>", instructions_audio : "<?php echo hesk_slashJS($hesklang['instructions_audio']); ?>",
help_btn : "<?php echo hesk_slashJS($hesklang['help_btn']); ?>", help_btn : "<?php echo hesk_slashJS($hesklang['help_btn']); ?>",
play_again : "<?php echo hesk_slashJS($hesklang['play_again']); ?>", play_again : "<?php echo hesk_slashJS($hesklang['play_again']); ?>",
cant_hear_this : "<?php echo hesk_slashJS($hesklang['cant_hear_this']); ?>", cant_hear_this : "<?php echo hesk_slashJS($hesklang['cant_hear_this']); ?>",
incorrect_try_again : "<?php echo hesk_slashJS($hesklang['incorrect_try_again']); ?>", incorrect_try_again : "<?php echo hesk_slashJS($hesklang['incorrect_try_again']); ?>",
image_alt_text : "<?php echo hesk_slashJS($hesklang['image_alt_text']); ?>" image_alt_text : "<?php echo hesk_slashJS($hesklang['image_alt_text']); ?>"
} }
}; };
</script> </script>
<?php <?php
require_once(HESK_PATH . 'inc/recaptcha/recaptchalib.php'); require_once(HESK_PATH . 'inc/recaptcha/recaptchalib.php');
echo '<div class="form-group"><div class="col-md-8 col-md-offset-4">';
echo recaptcha_get_html($hesk_settings['recaptcha_public_key'], null, true); echo recaptcha_get_html($hesk_settings['recaptcha_public_key'], null, true);
echo '</div></div>';
} }
// Use reCaptcha API v2? // Use reCaptcha API v2?
elseif ($hesk_settings['recaptcha_use'] == 2) elseif ($hesk_settings['recaptcha_use'] == 2)
{ {
?> ?>
<div class="g-recaptcha" data-sitekey="<?php echo $hesk_settings['recaptcha_public_key']; ?>"></div> <div class="form-group">
<div class="col-md-8 col-md-offset-4">
<div class="g-recaptcha" data-sitekey="<?php echo $hesk_settings['recaptcha_public_key']; ?>"></div>
</div>
</div>
<?php <?php
} }
// At least use some basic PHP generated image (better than nothing) // At least use some basic PHP generated image (better than nothing)
else else
{ {
$cls = in_array('mysecnum',$_SESSION['a_iserror']) ? ' class="isError" ' : ''; echo '<div class="form-group"><div class="col-md-8 col-md-offset-4">';
$cls = in_array('mysecnum',$_SESSION['a_iserror']) ? ' class="isError" ' : '';
echo $hesklang['sec_enter'].'<br />&nbsp;<br /><img src="'.HESK_PATH.'print_sec_img.php?'.rand(10000,99999).'" width="150" height="40" alt="'.$hesklang['sec_img'].'" title="'.$hesklang['sec_img'].'" border="1" name="secimg" style="vertical-align:text-bottom" /> '. echo $hesklang['sec_enter'].'<br />&nbsp;<br /><img src="'.HESK_PATH.'print_sec_img.php?'.rand(10000,99999).'" width="150" height="40" alt="'.$hesklang['sec_img'].'" title="'.$hesklang['sec_img'].'" border="1" name="secimg" style="vertical-align:text-bottom" /> '.
'<a href="javascript:void(0)" onclick="javascript:document.form1.secimg.src=\''.HESK_PATH.'print_sec_img.php?\'+ ( Math.floor((90000)*Math.random()) + 10000);"><img src="'.HESK_PATH.'img/reload.png" height="24" width="24" alt="'.$hesklang['reload'].'" title="'.$hesklang['reload'].'" border="0" style="vertical-align:text-bottom" /></a>'. '<a href="javascript:void(0)" onclick="javascript:document.form1.secimg.src=\''.HESK_PATH.'print_sec_img.php?\'+ ( Math.floor((90000)*Math.random()) + 10000);"><img src="'.HESK_PATH.'img/reload.png" height="24" width="24" alt="'.$hesklang['reload'].'" title="'.$hesklang['reload'].'" border="0" style="vertical-align:text-bottom" /></a>'.
'<br />&nbsp;<br /><input type="text" name="mysecnum" size="20" maxlength="5" '.$cls.' />'; '<br />&nbsp;<br /><input type="text" name="mysecnum" size="20" maxlength="5" '.$cls.' />';
} echo '</div></div>';
} // End if $hesk_settings['secimg_use'] == 2 }
} // End if $hesk_settings['secimg_use'] == 2
if ($hesk_settings['autologin']) if ($hesk_settings['autologin'])
{ {
?> ?>
<div class="form-group"> <div class="form-group">
<div class="col-sm-offset-2 col-sm-10"> <div class="col-md-offset-4 col-md-8">
<div class="radio"> <div class="radio">
<label><input type="radio" name="remember_user" value="AUTOLOGIN" <?php echo $is_1; ?> /> <?php echo $hesklang['autologin']; ?></label> <label><input type="radio" name="remember_user" value="AUTOLOGIN" <?php echo $is_1; ?> /> <?php echo $hesklang['autologin']; ?></label>
</div> </div>
<div class="radio"> <div class="radio">
<label><input type="radio" name="remember_user" value="JUSTUSER" <?php echo $is_2; ?> /> <?php echo $hesklang['just_user']; ?></label> <label><input type="radio" name="remember_user" value="JUSTUSER" <?php echo $is_2; ?> /> <?php echo $hesklang['just_user']; ?></label>
</div> </div>
<div class="radio"> <div class="radio">
<label><input type="radio" name="remember_user" value="NOTHANKS" <?php echo $is_3; ?> /> <?php echo $hesklang['nothx']; ?></label> <label><input type="radio" name="remember_user" value="NOTHANKS" <?php echo $is_3; ?> /> <?php echo $hesklang['nothx']; ?></label>
</div>
</div> </div>
</div> </div>
</div> <?php
<?php }
} else
else {
{ ?>
?> <div class="form-group">
<div class="form-group"> <div class="col-md-offset-4 col-md-8">
<div class="col-sm-offset-2 col-sm-10"> <div class="checkbox">
<div class="checkbox"> <label><input type="checkbox" name="remember_user" value="JUSTUSER" <?php echo $is_2; ?> /> <?php echo $hesklang['remember_user']; ?></label>
<label><input type="checkbox" name="remember_user" value="JUSTUSER" <?php echo $is_2; ?> /> <?php echo $hesklang['remember_user']; ?></label> </div>
</div> </div>
</div> </div>
</div> <?php
<?php } // End if $hesk_settings['autologin']
} // End if $hesk_settings['autologin'] ?>
?> <div class="form-group">
<div class="form-group"> <div class="col-md-offset-4 col-md-8">
<div class="col-sm-offset-2 col-sm-10"> <input type="submit" value="<?php echo $hesklang['click_login']; ?>" class="btn btn-default" />
<input type="submit" value="<?php echo $hesklang['click_login']; ?>" class="btn btn-default" /> <input type="hidden" name="a" value="do_login" />
<input type="hidden" name="a" value="do_login" /> <?php
<?php if ( hesk_isREQUEST('goto') && $url=hesk_REQUEST('goto') )
if ( hesk_isREQUEST('goto') && $url=hesk_REQUEST('goto') ) {
{ echo '<input type="hidden" name="goto" value="'.$url.'" />';
echo '<input type="hidden" name="goto" value="'.$url.'" />'; }
}
// Do we allow staff password reset?
// Do we allow staff password reset? if ($hesk_settings['reset_pass'])
if ($hesk_settings['reset_pass']) {
{ echo '<br />&nbsp;<br /><a href="password.php" class="smaller">'.$hesklang['fpass'].'</a>';
echo '<br />&nbsp;<br /><a href="password.php" class="smaller">'.$hesklang['fpass'].'</a>'; }
} ?>
?> </div>
</div> </div>
</form>
</div> </div>
</div>
</form>
</div> </div>
<p>&nbsp;</p> <p>&nbsp;</p>

@ -134,13 +134,12 @@
text-decoration: underline; text-decoration: underline;
} }
.form-signin { .form-signin {
max-width: 330px; max-width: 800px;
padding: 15px;
margin: 0 auto; margin: 0 auto;
} }
.loginError { .loginError {
width: 40%; max-width: 800px;
padding: 20px; padding-top: 20px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }

@ -137,13 +137,12 @@
text-decoration: underline; text-decoration: underline;
} }
.form-signin { .form-signin {
max-width: 330px; max-width: 800px;
padding: 15px;
margin: 0 auto; margin: 0 auto;
} }
.loginError { .loginError {
width: 40%; max-width: 800px;
padding: 20px; padding-top: 20px;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
} }

Loading…
Cancel
Save