Files
awx/awx/ui/client/src/login/loginModal/loginModal.partial.html
Jared Tabor c96f0234f9 UI side of the session limit
includes the 'control' socket, kicking the user out, and adjusting the
expireSession function based on the reason
2015-10-01 18:02:06 -04:00

89 lines
4.3 KiB
HTML

<div id="login-modal" class="modal fade LoginModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header LoginModal-header">
<img class="LoginModal-logoImage"
ng-src="/static/assets/{{ customLogo }}" >
</div>
<div class="modal-body">
<div class="LoginModal-alert" ng-show="!sessionExpired && !sessionLimitExpired">
Welcome to Ansible Tower! &nbsp;Please sign in.
</div>
<div class="LoginModal-alert" ng-show="sessionExpired">
Your session timed out due to inactivity. Please
sign in.
</div>
<div class="LoginModal-alert" ng-show="sessionLimitExpired">
Maximum per-user sessions reached. Please
sign in.
</div>
<form id="login-form"
name="loginForm"
class="form-horizontal"
autocomplete="off" novalidate>
<div class="form-group">
<label class="control-label
col-md-2 col-sm-2
col-xs-3 prepend-asterisk
LoginModal-labelAsterisk">Username
</label>
<div class="col-md-10 col-sm-10 col-xs-9">
<input type="text" name="login_username"
class="form-control"
ng-model="login_username"
id="login-username"
autocomplete="off" required>
<div class="error"
ng-show="loginForm.login_username.$dirty &&
loginForm.login_username.$error.required">
Please enter a username.
</div>
<div class="error api-error"
ng-bind="usernameError"></div>
</div>
</div>
<div class="form-group">
<label class="control-label
col-md-2 col-sm-2
col-xs-3 prepend-asterisk
LoginModal-labelAsterisk">Password
</label>
<div class="col-md-10 col-sm-10 col-xs-9">
<input type="password"
name="login_password"
id="login-password"
class="form-control"
ng-model="login_password" required
autocomplete="off">
<div class="error"
ng-show="loginForm.login_password.$dirty
&&
loginForm.login_password.$error.required">
Please enter a password.
</div>
<div class="error api-error"
ng-bind="passwordError"></div>
</div>
</div>
</form>
<div class="LoginModal-alert LoginModal-alert--error" ng-show="attemptFailed">
Invalid username and/or password. Please try again.
</div>
<div class="LoginModalNotice" ng-if="customLoginInfoPresent"><div class="LoginModalNotice-title">Notice</div>{{ customLoginInfo | sanitize }}</div>
</div>
<div class="modal-footer LoginModal-footer">
<div class="LoginModal-footerBlock">
<third-party-sign-on></third-party-sign-on>
</div>
<div class="LoginModal-footerBlock
LoginModal-footerBlock--submit">
<button ng-click="systemLogin(login_username, login_password)"
id="login-button" class="btn btn-primary">
<i class="fa fa-sign-in"></i> Sign in
</button>
</div>
</div>
</div>
</div>
</div>