Login UI optimize
This commit is contained in:
@@ -21,7 +21,12 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td><@locale code="login.text.captcha"/></td>
|
||||
<td><input required="" class="form-control" type='text' id="j_captcha" name="captcha" tabindex="3" value="" style="float: left;"/><img id="j_captchaimg" class="captcha-image" src="<@base/>/captcha"/></td>
|
||||
<td>
|
||||
<div class="input-group" >
|
||||
<input required="" class="form-control" type='text' id="j_captcha" name="captcha" tabindex="3" value=""/>
|
||||
<img id="j_captchaimg" class="captcha-image" src="<@base/>/captcha"/>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
@@ -7,23 +7,23 @@
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><@locale code="login.text.mobile"/></td>
|
||||
<!--<td><@locale code="login.text.mobile"/></td>-->
|
||||
<td>
|
||||
<div class="wrapper">
|
||||
<div class="input-group" style="width:250px;">
|
||||
<div class="input-group" >
|
||||
<i class="fa fa-mobile"></i>
|
||||
<input required="" class="form-control" type='text' id='mobile_j_username' name='username' value="" tabindex="1"/>
|
||||
<input required="" class="form-control" type='text' id='mobile_j_username' name='username' value="" tabindex="1" placeholder='<@locale code="login.text.mobile"/>'/>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><@locale code="login.text.smscode"/></td>
|
||||
<!--<td><@locale code="login.text.smscode"/></td>-->
|
||||
<td>
|
||||
<div class="wrapper">
|
||||
<div class="input-group" style="width:250px;">
|
||||
<div class="input-group" >
|
||||
<i class="fa fa-lock fa-2"></i>
|
||||
<input required="" class="form-control" type='password' id='mobile_j_password' name='password' value="" tabindex="2" style="float: left;"/>
|
||||
<input required="" class="form-control" type='password' id='mobile_j_password' name='password' value="" tabindex="2" style="float: left;" placeholder='<@locale code="login.text.smscode"/>'/>
|
||||
<button class="btn btn-outline-secondary" id="mobile_j_otp_button" tabindex="5" type="button" >
|
||||
<@locale code="login.text.login.mobile.obtain"/>
|
||||
</button>
|
||||
|
||||
@@ -7,37 +7,37 @@
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><@locale code="login.text.username"/></td>
|
||||
<!--<td><@locale code="login.text.username"/></td>-->
|
||||
<td>
|
||||
<div class="wrapper">
|
||||
<div class="input-group" style="width:250px;">
|
||||
<div class="input-group" >
|
||||
<i class="fa fa-user" ></i>
|
||||
<input required="" class="form-control" type='text' id='j_username' name='username' value="admin" tabindex="1"/>
|
||||
<input required="" class="form-control" type='text' id='j_username' name='username' value="admin" tabindex="1" placeholder='<@locale code="login.text.username"/>' />
|
||||
</div >
|
||||
</div >
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><@locale code="login.text.password"/></td>
|
||||
<!--<td><@locale code="login.text.password"/></td>-->
|
||||
<td>
|
||||
<div class="wrapper">
|
||||
<div class="input-group" style="width:250px;">
|
||||
<div class="input-group" >
|
||||
<i class="fa fa-key fa-2" style="color: #FFD700;"></i>
|
||||
<input required="" class="form-control" type='password' id='j_password' name='password' value="maxkey" tabindex="2"/>
|
||||
<i class="passwdeye fa fa-eye-slash fa-2" style="left: 220px; color: gainsboro;" refid="j_password" ></i>
|
||||
<input required="" class="form-control" type='password' id='j_password' name='password' value="maxkey" tabindex="2" placeholder='<@locale code="login.text.password"/>'/>
|
||||
<i class="passwdeye fa fa-eye-slash fa-2" style="left: 270px; color: gainsboro;" refid="j_password" ></i>
|
||||
</div >
|
||||
</div >
|
||||
</td>
|
||||
</tr>
|
||||
<#if true==isCaptcha>
|
||||
<tr>
|
||||
<td><@locale code="login.text.captcha"/></td>
|
||||
<!--<td><@locale code="login.text.captcha"/></td>-->
|
||||
<td>
|
||||
<div class="wrapper">
|
||||
|
||||
<div class="input-group" style="width:250px;">
|
||||
<div class="input-group" >
|
||||
<i class="fa fa-lock fa-2" ></i>
|
||||
<input required="" class="form-control " type='text' id="j_captcha" name="captcha" tabindex="3" value="" style="float: left;"/>
|
||||
<input required="" class="form-control " type='text' id="j_captcha" name="captcha" tabindex="3" value="" style="float: left;" placeholder='<@locale code="login.text.captcha"/>'/>
|
||||
<img id="j_captchaimg" class="captcha-image" src="<@base/>/captcha"/>
|
||||
</div >
|
||||
</div >
|
||||
|
||||
@@ -7,30 +7,30 @@
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><@locale code="login.text.username"/></td>
|
||||
<!--<td><@locale code="login.text.username"/></td>-->
|
||||
<td>
|
||||
<div class="wrapper">
|
||||
<i class="fa fa-user"></i>
|
||||
<input required="" class="form-control" type='text' id='tfa_j_username' name='username' value="" tabindex="1"/>
|
||||
<input required="" class="form-control" type='text' id='tfa_j_username' name='username' value="" tabindex="1" placeholder='<@locale code="login.text.username"/>'/>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><@locale code="login.text.password"/></td>
|
||||
<!--<td><@locale code="login.text.password"/></td>-->
|
||||
<td>
|
||||
<div class="wrapper">
|
||||
<i class="fa fa-key fa-2" style="color: #FFD700;"></i>
|
||||
<input required="" class="form-control" type='password' id='tfa_j_password' name='password' value="" tabindex="2" />
|
||||
<input required="" class="form-control" type='password' id='tfa_j_password' name='password' value="" tabindex="2" placeholder='<@locale code="login.text.password"/>'/>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<#if true==isMfa >
|
||||
<tr>
|
||||
<td><@locale code="login.text.captcha"/></td>
|
||||
<!--<td><@locale code="login.text.captcha"/></td>-->
|
||||
<td>
|
||||
<div class="wrapper">
|
||||
<i class="fa fa-lock fa-2"></i>
|
||||
<input required="" class="form-control" type='text' id="tfa_j_otp_captcha" name="otpCaptcha" tabindex="3" value="" style="float: left;"/>
|
||||
<input required="" class="form-control" type='text' id="tfa_j_otp_captcha" name="otpCaptcha" tabindex="3" value="" style="float: left;" placeholder='<@locale code="login.text.captcha"/>'/>
|
||||
<button class="btn btn-outline-secondary" id="tfa_j_otp_button" tabindex="5" type="button" >
|
||||
<@locale code="login.text.login.twofactor.obtain"/>
|
||||
</button>
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
<div class="row">
|
||||
</#if>
|
||||
<div class="col-3" style="min-width: 160px;">
|
||||
<table class="none" style="min-width: 160px; min-height: 120px;border-spacing: 0;border-collapse: collapse;">
|
||||
<table class="none" style="width: 100%; min-height: 120px;border-spacing: 0;border-collapse: collapse;">
|
||||
<tr><td style="text-align: center;border-spacing: 0;border-collapse: collapse;border: 0px;">
|
||||
<a target="_blank" title="${app.name}"
|
||||
<#if "SP"==app.inducer>
|
||||
|
||||
Reference in New Issue
Block a user