Improve error case layout in setup
This commit is contained in:
@@ -68,15 +68,13 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="form-group" ng-class="{ 'has-error': (ownerForm.username.$dirty && ownerForm.username.$invalid) || (!ownerForm.username.$dirty && owner.error.username) }">
|
<div class="form-group" ng-class="{ 'has-error': (ownerForm.username.$dirty && ownerForm.username.$invalid) || (!ownerForm.username.$dirty && owner.error.username) }">
|
||||||
<label class="control-label" for="inputUsername">Username</label>
|
<label class="control-label" for="inputUsername">Username</label>
|
||||||
<p ng-show="!ownerForm.username.$dirty && owner.error.username">{{ owner.error.username }}</p>
|
|
||||||
<input type="text" class="form-control" ng-model="owner.username" id="inputUsername" name="username" placeholder="Username" ng-maxlength="512" ng-minlength="1" required autocomplete="off" ng-disabled="owner.busy">
|
<input type="text" class="form-control" ng-model="owner.username" id="inputUsername" name="username" placeholder="Username" ng-maxlength="512" ng-minlength="1" required autocomplete="off" ng-disabled="owner.busy">
|
||||||
|
<small>{{ owner.error.username }}</small>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group" ng-class="{ 'has-error': ownerForm.password.$dirty && ownerForm.password.$invalid }">
|
<div class="form-group" style="margin-bottom: 0;" ng-class="{ 'has-error': ownerForm.password.$dirty && ownerForm.password.$invalid }">
|
||||||
<label class="control-label" for="inputPassword">Password</label>
|
<label class="control-label" for="inputPassword">Password</label>
|
||||||
<input type="password" class="form-control" ng-model="owner.password" id="inputPassword" name="password" placeholder="Password" ng-pattern="/^.{8,}$/" required autocomplete="off" ng-disabled="owner.busy">
|
<input type="password" class="form-control" ng-model="owner.password" id="inputPassword" name="password" placeholder="Password" ng-pattern="/^.{8,}$/" required autocomplete="off" ng-disabled="owner.busy">
|
||||||
<div class="control-label" ng-show="ownerForm.password.$dirty && ownerForm.password.$invalid">
|
<small><span ng-show="ownerForm.password.$dirty && ownerForm.password.$invalid">Password must be atleast 8 characters</span> </small>
|
||||||
<small ng-show="ownerForm.password.$dirty && ownerForm.password.$invalid">Password must be atleast 8 characters</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user