copay/views/createProfile.html

79 lines
3.3 KiB
HTML
Raw Normal View History

2014-09-30 17:16:46 -07:00
<div class="createProfile" ng-controller="CreateProfileController">
2014-10-31 07:24:16 -07:00
<div data-alert class="loading-screen" ng-show="loading">
<i class="size-60 fi-bitcoin-circle icon-rotate spinner"></i>
<span translate>Creating profile...</span>
2014-09-30 17:16:46 -07:00
</div>
2014-10-15 12:10:40 -07:00
<div class="large-4 large-centered medium-6 medium-centered columns" ng-show="!loading">
2014-10-15 12:10:40 -07:00
<div class="logo-setup">
2014-09-30 17:16:46 -07:00
<img src="img/logo-negative-beta.svg" alt="Copay" width="146" height="59">
<div ng-include="'views/includes/version.html'"></div>
2014-10-30 12:13:56 -07:00
</div>
2014-10-15 12:10:40 -07:00
<div class="box-setup">
<h1 translate>Create Profile</h1>
2014-10-15 12:10:40 -07:00
<form name="profileForm" ng-submit="createProfile(profileForm)" novalidate>
<div class="row collapse">
<div class="small-12 columns">
<input type="email" ng-model="email" class="form-control fi-email"
name="email" placeholder="Email" required>
<small class="icon-input" ng-show="!profileForm.email.$invalid &&
!profileForm.email.$pristine && !error"><i class="fi-check"></i></small>
2014-10-15 12:10:40 -07:00
<small class="icon-input" ng-show="profileForm.email.$invalid &&
!profileForm.email.$pristine || error"><i class="fi-x"></i></small>
2014-10-09 14:53:31 -07:00
</div>
<p class="text-warning size-12"
ng-show="error">
<i class="fi-x"></i>
{{error|translate}}
</p>
2014-10-15 12:10:40 -07:00
</div>
<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: <i>{{passwordStrength}}</i><br/><span class='size-12'>Tip: Use lower and uppercase, numbers and symbols</span>" tooltip-trigger="focus" required tooltip-placement="right">
2014-10-09 14:53:31 -07:00
2014-10-15 12:10:40 -07:00
<div class="pr">
<input type="password" ng-model="repeatpassword"
class="form-control" name="repeatpassword"
placeholder="{{'Repeat password'|translate}}"
match="password" required >
<small class="icon-input"
2014-10-09 14:53:31 -07:00
ng-show="profileForm.repeatpassword.$dirty &&
2014-10-15 12:10:40 -07:00
!profileForm.repeatpassword.$invalid"><i class="fi-check"></i></small>
<small class="icon-input"
ng-show="profileForm.repeatpassword.$dirty &&
profileForm.repeatpassword.$invalid"><i class="fi-x"></i></small>
<p class="text-warning size-12"
2014-10-15 12:10:40 -07:00
ng-show="profileForm.repeatpassword.$dirty &&
profileForm.repeatpassword.$invalid">
<i class="fi-x"></i>
2014-10-15 12:10:40 -07:00
{{'Passwords must match'|translate}}
</p>
</div>
<div class="text-right">
<button translate type="submit" class="button primary radius expand m0"
ng-disabled="profileForm.$invalid || loading">
Create
</button>
</div>
</form>
<div class="box-setup-footer">
<div class="left">
2014-10-30 12:13:56 -07:00
<a class="text-gray" href="#!/">
<i class="fi-arrow-left"></i>
<span translate>Back</span>
</a>
2014-10-15 12:10:40 -07:00
</div>
<div class="right">
<a class="right size-12 text-gray" href="#!/settings">
<i class="fi-wrench"></i>
<span translate>Settings</span>
</a>
2014-10-15 12:10:40 -07:00
</div>
2014-09-30 17:16:46 -07:00
</div>
</div>
</div>
</div>