awx/awx/ui/client/src/login/loginModal.partial.html
2015-09-23 17:00:13 -04:00

81 lines
3.9 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 ng-src="/static/assets/{{ customLogo }}" >
</div>
<div class="modal-body">
<div class="LoginModal-alert" ng-show="!sessionExpired">
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>
<form id="login-form"
name="loginForm"
class="form-horizontal"
autocomplete="off" novalidate>
<div class="form-group">
<label class="control-label col-md-offset-1
col-md-2 col-sm-offset-1 col-sm-2
col-xs-3 prepend-asterisk
LoginModal-labelAsterisk">Username
</label>
<div class="col-md-8 col-sm-8 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-offset-1
col-md-2 col-sm-offset-1 col-sm-2
col-xs-3 prepend-asterisk
LoginModal-labelAsterisk">Password
</label>
<div class="col-md-8 col-sm-8 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="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>