BTCPrivate
/
copay
mirror of https://github.com/BTCPrivate/copay.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

add notification on input

This commit is contained in:
bechi 2014-12-05 17:30:10 -03:00
parent 853bcca28e
commit b2f1d48b34
2 changed files with 39 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/src/main.css
View File

@ -1644,6 +1644,22 @@ a.text-warning:hover {color: #FD7262;}
/*/////////////////////////////////////////////////*/
.createProfile .icon-input {
position: absolute;
right: 10px;
top: 11px;
}
.createProfile .icon-input i {
font-size: 14px;
position: relative;
color: #fff;
margin-right: 14px;
border: none;
box-shadow: none;
top: 2px;
}
.createProfile .input, .home .input {
box-shadow: 0px 0px 0px 3px #213140, inset 1px 1px 0px 0px rgba(0,0,0,0.05);
border-radius: 3px;

43
views/createProfile.html
View File

@ -116,20 +116,22 @@
<h2 ng-if="useLocalstorage"> Creating in this device </h2>
<h2 ng-if="!useLocalstorage"> Creating in the cloud </h2>
<div class="m5b text-right" ng-if="useEmail">
<span translate class="has-error size-12" ng-show="emailForm.email.$invalid &&
!emailForm.email.$pristine">
<span class="icon-input"><i class="fi-x"></i></span>
Not valid
</span>
<span class="icon-input" ng-show="!emailForm.email.$invalid &&
!emailForm.email.$pristine"><i class="fi-check"></i></span>
</div>
<div class="input" ng-if="useEmail">
<input type="email" ng-model="email" class="form-control fi-email" name="email" placeholder="Email" required auto-focus="!isMobile">
<i class="icon-email"></i>
<div class="icon-input m5b text-right" ng-if="useEmail">
<span translate class="has-error size-12" ng-show="emailForm.email.$invalid &&
!emailForm.email.$pristine">
<div class="">
<i class="fi-x"></i>
Not valid
</div>
</span>
<div class="" ng-show="!emailForm.email.$invalid &&
!emailForm.email.$pristine"><i class="fi-check"></i></div>
</div>
</div>
<div class="input" ng-if="!useEmail">
<input type="text" ng-model="username" class="form-control fi-user" name="username" placeholder="Username" required auto-focus>
<i class="icon-person"></i>
@ -166,19 +168,20 @@
<i class="icon-locked"></i>
</div>
<div class="m5b text-right">
<span translate class="has-error size-12" ng-show="passForm.repeatpassword.$dirty &&
passForm.repeatpassword.$invalid">
<span class="icon-input"><i class="fi-x"></i></span>
{{'Passwords must match'|translate}}
</span>
<span class="icon-input" ng-show="passForm.repeatpassword.$dirty &&
!passForm.repeatpassword.$invalid"><i class="fi-check"></i></span>
</div>
<div class="input">
<input type="password" ng-model="repeatpassword" class="input form-control" name="repeatpassword" placeholder="{{'Repeat password'|translate}}" match="password" required>
<i class="icon-locked"></i>
<div class="icon-input m5b text-right">
<span translate class="has-error size-12" ng-show="passForm.repeatpassword.$dirty &&
passForm.repeatpassword.$invalid">
<div>
<i class="fi-x"></i>
{{'Passwords must match'|translate}}
</div>
</span>
<div class="" ng-show="passForm.repeatpassword.$dirty &&
!passForm.repeatpassword.$invalid"><i class="fi-check"></i></div>
</div>
</div>
<button translate type="submit" class="button primary radius expand m0" ng-disabled="passForm.$invalid || loading">