Move error message above login form and make it actually red

Original commit: elastic/x-pack-elasticsearch@abe5928e9b
This commit is contained in:
Lukas Olson 2015-11-20 13:09:16 -07:00
parent 25966f03d9
commit be6ce90ade

View File

@ -2,6 +2,9 @@
<h1><img ng-src="{{login.kibanaLogoUrl}}" /></h1>
<form id="login-form" ng-submit="login.submit(username, password)" class="animated infinite bounce">
<div ng-show="login.error" class="form-group has-error">
<label class="control-label">Oops! Invalid username/password.</label>
</div>
<div class="form-group inner-addon left-addon">
<i class="fa fa-user fa-lg fa-fw"></i>
<input type="text" ng-model="username" class="form-control" id="username" name="username" placeholder="Username" />
@ -10,7 +13,6 @@
<i class="fa fa-lock fa-lg fa-fw"></i>
<input type="password" ng-model="password" class="form-control" id="password" name="password" placeholder="Password" />
</div>
<div ng-show="login.error" class="form-group has-error">Oops! That is an invalid username/password combination.</div>
<button type="submit" ng-disabled="!username || !password" class="btn btn-default login">LOG IN</button>
<!--<span ng-show="login.loading" class="fa fa-spinner fa-spin"></span>-->
</form>