add icon on forms
This commit is contained in:
parent
af21fb017c
commit
bb7293aff3
4 changed files with 72 additions and 56 deletions
|
|
@ -28,31 +28,29 @@
|
|||
</span>
|
||||
</div>
|
||||
<form name="profileForm" ng-submit="createProfile(profileForm)" novalidate>
|
||||
<div class="row collapse">
|
||||
<div class="row">
|
||||
<label class="left" for="insightLivenet">Email</label>
|
||||
<span translate class="has-error right size-12" ng-show="profileForm.email.$invalid &&
|
||||
!profileForm.email.$pristine || error">
|
||||
<span class="icon-input"><i class="fi-x"></i></span>
|
||||
Not valid
|
||||
</span>
|
||||
<span class="icon-input right" ng-show="!profileForm.email.$invalid &&
|
||||
!profileForm.email.$pristine || error"><i class="fi-check"></i></span>
|
||||
</div>
|
||||
<div class="input pr">
|
||||
<input type="email" ng-model="email" class="form-control fi-email"
|
||||
name="email" placeholder="Email" required auto-focus>
|
||||
<i class="fi-mail"></i>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label class="left" for="insightLivenet">Email</label>
|
||||
<span translate class="has-error right size-12" ng-show="profileForm.email.$invalid &&
|
||||
!profileForm.email.$pristine || error">
|
||||
<span class="icon-input"><i class="fi-x"></i></span>
|
||||
Not valid
|
||||
</span>
|
||||
<span class="icon-input right" ng-show="!profileForm.email.$invalid &&
|
||||
!profileForm.email.$pristine || error"><i class="fi-check"></i></span>
|
||||
</div>
|
||||
<div class="input">
|
||||
<input type="email" ng-model="email" class="form-control fi-email"
|
||||
name="email" placeholder="Email" required auto-focus>
|
||||
<i class="fi-mail"></i>
|
||||
</div>
|
||||
|
||||
<label for="insightLivenet">Password</label>
|
||||
<div class="input pr">
|
||||
<input id="password" type="password" ng-model="$parent.password"
|
||||
class="form-control" name="password" placeholder="{{'Choose a password'|translate}}" check-strength="passwordStrength"
|
||||
tooltip-html-unsafe="Password strength: <b>{{passwordStrength}}</b><br/><span class='size-12'>Tip: Use lower and uppercase, numbers and symbols</span>" tooltip-trigger="focus" required tooltip-placement="right">
|
||||
<i class="fi-lock"></i>
|
||||
</div>
|
||||
<label for="insightLivenet">Password</label>
|
||||
<div class="input">
|
||||
<input id="password" type="password" ng-model="$parent.password"
|
||||
class="form-control" name="password" placeholder="{{'Choose a password'|translate}}" check-strength="passwordStrength"
|
||||
tooltip-html-unsafe="Password strength: <b>{{passwordStrength}}</b><br/><span class='size-12'>Tip: Use lower and uppercase, numbers and symbols</span>" tooltip-trigger="focus" required tooltip-placement="right">
|
||||
<i class="fi-lock"></i>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<label class="left" for="insightLivenet">Confirm Password</label>
|
||||
|
|
@ -64,9 +62,9 @@
|
|||
<span class="icon-input right" ng-show="profileForm.repeatpassword.$dirty &&
|
||||
!profileForm.repeatpassword.$invalid"><i class="fi-check"></i></span>
|
||||
</div>
|
||||
<div class="input pr">
|
||||
<div class="input">
|
||||
<input type="password" ng-model="repeatpassword"
|
||||
class="form-control" name="repeatpassword"
|
||||
class="input form-control" name="repeatpassword"
|
||||
placeholder="{{'Repeat password'|translate}}"
|
||||
match="password" required>
|
||||
<i class="fi-lock"></i>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue