2014-09-30 17:16:46 -07:00
< div class = "createProfile" ng-controller = "CreateProfileController" >
< div data-alert class = "loading-screen" ng-show = "retreiving" >
2014-10-20 16:46:49 -07:00
< i class = "size-60 fi-bitcoin-circle icon-rotate spinner" > < / i >
< span translate > Retreiving information from storage...< / span >
2014-09-30 17:16:46 -07:00
< / div >
2014-10-15 12:10:40 -07:00
2014-10-20 16:46:49 -07:00
< div class = "large-4 large-centered medium-6 medium-centered columns" ng-show = "!loading && !retreiving" >
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 >
< / div >
2014-10-15 12:10:40 -07:00
< div class = "p10 box-setup bg-success m10b" ng-show = "anyWallet && !anyProfile" >
< div class = "left" >
< i class = "size-36 fi-alert m10r" > < / i >
< / div >
2014-10-20 16:46:49 -07:00
< div class = "size-12" translate >
< b > Copay now needs a profile to access wallets.< / b >
2014-10-15 12:10:40 -07:00
You can import your current wallets after creating your frofile
< / div >
< / div >
< div class = "box-setup" >
2014-10-20 16:46:49 -07:00
< 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">< i class = "fi-check" > < / i > < / small >
< small class = "icon-input" ng-show = "profileForm.email.$invalid & &
!profileForm.email.$pristine">< i class = "fi-x" > < / i > < / small >
2014-10-09 14:53:31 -07:00
< / div >
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 >
2014-10-20 16:46:49 -07:00
< p class = "text-warning size-12"
2014-10-15 12:10:40 -07:00
ng-show="profileForm.repeatpassword.$dirty & &
profileForm.repeatpassword.$invalid">
2014-10-20 16:46:49 -07:00
< 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-20 16:46:49 -07:00
< a ng-show = "!anyProfile" class = "text-gray" href = "https://copay.io" >
< i class = "m5r fi-arrow-left" > < / i >
< span translate > Back to< / span > copay.io
< / a >
< a ng-show = "anyProfile" 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" >
2014-10-20 16:46:49 -07:00
< 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 >