2014-12-03 11:01:22 -08:00
< div class = "createProfile" ng-controller = "CreateProfileController" ng-init = "init()" >
2015-01-28 20:56:32 -08:00
2015-01-28 22:14:32 -08:00
< div ng-if = "!$root.starting && askForPin" >
2015-01-28 20:56:32 -08:00
< div ng-include = "'views/includes/pin-number.html'" > < / div >
< / div >
2014-12-11 13:13:13 -08:00
< div ng-show = "$root.starting" >
2014-12-11 11:07:43 -08:00
< div ng-include = "'views/includes/loading.html'" ng-init = "title = 'Creating profile'" > < / div >
2014-09-30 17:16:46 -07:00
< / div >
2014-10-15 12:10:40 -07:00
2015-01-28 22:14:32 -08:00
< div class = "row m20b" ng-show = "!$root.starting && !askForPin" >
2015-02-02 11:10:38 -08:00
< div class = "large-5 large-centered medium-7 medium-centered columns" >
2015-01-03 09:26:45 -08:00
< div class = "logo-setup hide-for-small-only" ng-hide = "hideForWP" >
2014-12-05 08:12:13 -08:00
< img src = "img/logo-negative-beta.svg" alt = "Copay" width = "100" >
2014-12-03 11:01:22 -08:00
< / div >
2014-12-05 06:41:06 -08:00
< div >
2014-12-06 14:16:50 -08:00
2015-01-03 09:26:45 -08:00
< div class = "clipo" ng-show = "createStep == 'storage' && !hideForWP " >
2014-12-06 14:16:50 -08:00
< img src = "img/clipo-signup1.png" alt = "clipo" width = "311" >
< / div >
< div ng-show = "createStep == 'email'" >
2015-01-03 09:26:45 -08:00
< div class = "clipo" ng-if = "useLocalstorage && !hideForWP" >
2014-12-06 14:16:50 -08:00
< img src = "img/clipo-signup2-1.png" alt = "clipo" width = "373" >
< / div >
2015-01-03 09:26:45 -08:00
< div class = "clipo" ng-if = "!useLocalstorage && !hideForWP" >
2014-12-06 14:16:50 -08:00
< img src = "img/clipo-signup2.png" alt = "clipo" width = "373" >
< / div >
2015-02-23 09:55:19 -08:00
< h2 ng-if = "!useLocalstorage" ng-hide = "hideForWP" translate > Creating in the cloud< / h2 >
< h2 ng-if = "useLocalstorage" ng-hide = "hideForWP" translate > Creating on this device< / h2 >
2014-12-06 14:16:50 -08:00
< / div >
< div ng-show = "createStep == 'pass'" >
2015-01-03 09:26:45 -08:00
< div class = "clipo" ng-hide = "hideForWP" >
2014-12-06 14:16:50 -08:00
< img src = "img/clipo-signup3.png" alt = "clipo" width = "380" >
< / div >
2015-02-23 09:55:19 -08:00
< h2 ng-if = "useLocalstorage" ng-hide = "hideForWP" translate > Creating on this device< / h2 >
< h2 ng-if = "!useLocalstorage" ng-hide = "hideForWP" translate > Creating in the cloud< / h2 >
2015-01-03 12:22:06 -08:00
< div class = "text-gray text-center m20b" ng-hide = "hideForWP" > {{userOrEmail}}< / div >
2014-12-06 14:16:50 -08:00
< / div >
2014-12-19 04:12:52 -08:00
< div class = "box-notification" ng-show = "error && !passwordStrength" >
2014-11-14 09:58:04 -08:00
< div class = "box-icon error" >
< i class = "fi-x size-24" > < / i >
2014-12-03 11:01:22 -08:00
< / div >
2014-11-14 09:58:04 -08:00
< span class = "text-warning size-14" >
{{error|translate}}
< / span >
< / div >
2014-12-04 14:48:08 -08:00
2014-12-04 18:32:02 -08:00
< form ng-show = "createStep == 'storage' " novalidate >
2014-12-07 09:16:10 -08:00
< tabset >
2014-12-05 07:20:43 -08:00
< tab style = "width: 50%;" select = "selectStorage('remote')" >
2014-12-05 06:41:06 -08:00
< tab-heading >
2015-02-23 09:55:19 -08:00
< span translate > In the Cloud< / span >
2014-12-07 09:16:10 -08:00
< br >
2015-02-23 09:55:19 -08:00
< span class = "size-10 text-gray" >
(< span translate > Recommended< / span > )
< / span >
2014-12-05 06:41:06 -08:00
< / tab-heading >
2014-12-07 09:16:10 -08:00
< div class = "content-item" >
< div class = "bg-circle" > < i class = "icon-wallet" > < / i >
2014-12-04 14:48:08 -08:00
< / div >
2015-02-23 09:55:19 -08:00
< span class = "text-gray" translate > Access your wallets anywhere< / span >
2014-12-07 09:16:10 -08:00
< / div >
< div class = "content-item" >
< div class = "bg-circle" > < i class = "icon-download" > < / i >
2014-12-04 14:48:08 -08:00
< / div >
2015-02-23 09:55:19 -08:00
< span class = "text-gray" translate > Backups managed by the server< / span >
2014-12-07 09:16:10 -08:00
< / div >
< div class = "content-item line-none" >
< div class = "bg-circle" > < i class = "icon-email" > < / i >
2014-12-04 14:48:08 -08:00
< / div >
2015-02-23 09:55:19 -08:00
< span class = "text-gray" translate > Email address confirmation needed< / span >
2014-12-07 09:16:10 -08:00
< / div >
2014-12-04 18:32:02 -08:00
< / tab >
2014-12-05 07:20:43 -08:00
< tab style = "width: 50%;" select = "selectStorage('local')" >
2014-12-05 06:41:06 -08:00
< tab-heading >
2015-02-23 09:55:19 -08:00
< div class = "m5t" translate > On this Device< / div >
2014-12-05 06:41:06 -08:00
< / tab-heading >
2014-12-07 09:16:10 -08:00
< div class = "content-item" >
< div class = "bg-circle" > < i class = "icon-locked" > < / i >
2014-12-04 14:48:08 -08:00
< / div >
2015-02-23 09:55:19 -08:00
< span class = "text-gray" translate > Your private keys never leave this device< / span >
2014-12-07 09:16:10 -08:00
< / div >
< div class = "content-item" >
< div class = "bg-circle" > < i class = "icon-person" > < / i >
2014-12-05 04:29:43 -08:00
< / div >
2015-02-23 09:55:19 -08:00
< span class = "text-gray" translate > No email required< / span >
2014-12-07 09:16:10 -08:00
< / div >
< div class = "content-item line-none" >
< div class = "bg-circle" > < i class = "icon-download" > < / i >
2014-12-04 14:48:08 -08:00
< / div >
2015-02-23 09:55:19 -08:00
< span class = "text-gray" translate > Need to be careful with backups< / span >
2014-12-07 09:16:10 -08:00
< / div >
2014-12-04 18:32:02 -08:00
< / tab >
< / tabset >
2014-12-05 06:41:06 -08:00
2015-02-23 09:55:19 -08:00
< button class = "button primary radius expand m0" ng-click = "goToEmail()" >
< span ng-if = "!useLocalstorage" translate > Create in the cloud< / span >
< span ng-if = "useLocalstorage" translate > Create on this device< / span >
2014-12-05 06:41:06 -08:00
< / button >
2014-12-04 18:32:02 -08:00
< div class = "box-setup-footer" >
< div class = "left" >
2015-02-02 06:26:22 -08:00
< a class = "button outline dark-gray tiny" ng-click = "$root.go('/')" >
2015-01-28 12:59:26 -08:00
< i class = "icon-arrow-left4 size-10" > < / i >
2014-12-04 18:32:02 -08:00
< span translate > Back< / span >
< / a >
< / div >
2014-12-05 04:29:43 -08:00
< div class = "right" >
2015-01-28 12:59:26 -08:00
< a class = "button outline dark-gray tiny"
2015-02-23 09:55:19 -08:00
ng-click="$root.openExternalLink('https://copay.io/profile-storage.html')" translate>
2014-12-07 22:16:51 -08:00
Learn more about this option
2014-12-05 04:29:43 -08:00
< / a >
< / div >
2014-12-04 18:32:02 -08:00
< / div >
2014-12-04 14:48:08 -08:00
< / form >
2014-12-04 18:32:02 -08:00
< form ng-show = "createStep == 'email'" name = "emailForm" ng-submit = "setEmailOrUsername(emailForm)" novalidate >
2014-12-05 11:53:50 -08:00
< div class = "input" ng-if = "useEmail" >
2015-02-23 09:55:19 -08:00
< input type = "email" ng-model = "email" class = "form-control fi-email" name = "email"
placeholder="{{'Email'|translate}}" required auto-focus="!isMobile" ng-focus="formFocus()">
2014-12-05 11:53:50 -08:00
< i class = "icon-email" > < / i >
2014-12-09 09:44:53 -08:00
< div class = "icon-input" ng-if = "useEmail" >
2015-02-23 09:55:19 -08:00
< span class = "has-error size-12" ng-show = "emailForm.email.$invalid & &
2014-12-05 12:30:10 -08:00
!emailForm.email.$pristine">
< i class = "fi-x" > < / i >
2015-02-23 09:55:19 -08:00
< span translate > Not valid< / span >
2014-12-05 12:30:10 -08:00
< / span >
2014-12-09 09:44:53 -08:00
< span ng-show = "!emailForm.email.$invalid & &
2014-12-07 09:16:10 -08:00
!emailForm.email.$pristine">< i class = "fi-check" > < / i >
2014-12-09 09:44:53 -08:00
< / span >
2014-12-05 12:30:10 -08:00
< / div >
2014-12-05 11:53:50 -08:00
< / div >
2014-12-05 12:30:10 -08:00
2014-12-05 11:53:50 -08:00
< div class = "input" ng-if = "!useEmail" >
2015-02-23 09:55:19 -08:00
< input type = "text" ng-model = "username" class = "form-control fi-user" name = "username"
placeholder="{{'Username'|translate}}" required auto-focus="!isMobile" ng-focus="formFocus()">
2014-12-05 11:53:50 -08:00
< i class = "icon-person" > < / i >
2014-12-04 14:48:08 -08:00
< / div >
2014-10-09 14:53:31 -07:00
2014-12-04 18:32:02 -08:00
< button translate type = "submit" class = "button primary radius expand m0" ng-disabled = "(useEmail && emailForm.email.$invalid) || (!useEmail && emailForm.username.$invalid)" >
Next
2014-12-07 09:16:10 -08:00
< / button >
2014-12-04 18:32:02 -08:00
< div class = "box-setup-footer" >
< div class = "left" >
2014-12-07 22:16:51 -08:00
< a class = "button-setup text-gray" ng-click = "setStep('storage')" >
2014-12-04 18:32:02 -08:00
< i class = "icon-arrow-left4" > < / i >
< span translate > Back< / span >
< / a >
< / div >
< / div >
2014-12-07 09:16:10 -08:00
2014-12-04 14:48:08 -08:00
< / form >
2014-12-04 18:32:02 -08:00
< form ng-show = "createStep == 'pass'" name = "passForm" ng-submit = "createProfile(passForm)" novalidate >
2014-12-18 15:05:13 -08:00
< div class = "box-notification" ng-show = "passwordStrength" >
2015-01-03 16:04:00 -08:00
<!-- if you change this, check it on WP... -->
2015-01-03 13:34:07 -08:00
< div class = "box-icon" ng-if = "passwordStrength.strength< minPasswordStrength" style = "background-color:#dd514c" >
< i class = "fi-x size-24" > < / i >
< / div >
< div class = "box-icon" ng-if = "passwordStrength.strength >= minPasswordStrength" style = "background-color:#16A085" >
< i class = "fi-check size-24" > < / i >
2015-01-03 12:22:06 -08:00
< / div >
2014-12-18 15:05:13 -08:00
< span class = "size-14" >
Password Strength: {{passwordStrength.message}}
< / span >
< / div >
2014-11-27 13:33:07 -08:00
< div class = "input" >
2015-01-03 11:02:38 -08:00
< input id = "password" type = "password" ng-model = "$parent.password" class = "form-control" name = "password" placeholder = "{{'Choose a password'|translate}}" check-strength = "passwordStrength" ng-focus = "formFocus()" >
2014-11-28 11:27:21 -08:00
< i class = "icon-locked" > < / i >
2014-11-27 13:33:07 -08:00
< / div >
2014-12-04 18:32:02 -08:00
2014-12-17 05:37:11 -08:00
2014-11-27 13:33:07 -08:00
< div class = "input" >
2015-01-03 11:02:38 -08:00
< input type = "password" ng-model = "repeatpassword" class = "input form-control" name = "repeatpassword" placeholder = "{{'Repeat password'|translate}}" match = "password" required ng-focus = "formFocus()" >
2014-11-28 11:27:21 -08:00
< i class = "icon-locked" > < / i >
2014-12-09 09:44:53 -08:00
< div class = "icon-input" >
2015-02-23 09:55:19 -08:00
< span class = "has-error size-12" ng-show = "passForm.repeatpassword.$dirty & &
2014-12-05 12:30:10 -08:00
passForm.repeatpassword.$invalid">
2014-12-09 09:44:53 -08:00
< i class = "fi-x" > < / i >
{{'Passwords must match'|translate}}
2014-12-05 12:30:10 -08:00
< / span >
2014-12-09 09:44:53 -08:00
< span ng-show = "passForm.repeatpassword.$dirty & &
2014-12-07 09:16:10 -08:00
!passForm.repeatpassword.$invalid">< i class = "fi-check" > < / i >
2014-12-09 09:44:53 -08:00
< / span >
2014-12-05 12:30:10 -08:00
< / div >
2014-12-04 18:32:02 -08:00
< / div >
2014-11-27 10:15:00 -08:00
2014-12-18 15:05:13 -08:00
< button translate type = "submit" class = "button primary radius expand m0" ng-disabled = "passForm.$invalid || passwordStrength.strength < minPasswordStrength" >
2014-12-04 18:32:02 -08:00
Create Profile
2014-11-16 19:35:24 -08:00
< / button >
2014-12-04 14:48:08 -08:00
2014-12-04 18:32:02 -08:00
< div class = "box-setup-footer" >
< div class = "left" >
2014-12-07 22:16:51 -08:00
< a class = "button-setup text-gray" ng-click = "setStep('email')" >
2014-12-04 18:32:02 -08:00
< i class = "icon-arrow-left4" > < / i >
< span translate > Back< / span >
< / a >
< / div >
2014-10-15 12:10:40 -07:00
< / div >
2014-12-04 18:32:02 -08:00
< / form >
2014-09-30 17:16:46 -07:00
< / div >
< / div >
2015-01-28 20:56:32 -08:00
< / div >
2014-12-03 11:01:22 -08:00
2015-01-28 22:14:32 -08:00
< div class = "row m20b" ng-show = "!$root.starting && askForPin" >
2015-01-28 20:56:32 -08:00
< div class = "large-4 large-centered medium-6 medium-centered columns" >
< div class = "clipo" >
2014-12-09 12:44:13 -08:00
< img src = "img/clipo-pin.png" alt = "clipo" width = "380" >
< / div >
2014-12-03 11:01:22 -08:00
2015-02-23 09:55:19 -08:00
< div class = "text-white text-center" ng-show = "askForPin == 2" translate > Repeat PIN< / div >
2015-01-28 20:56:32 -08:00
< div class = "box-notification" ng-show = "error" >
2014-12-07 09:16:10 -08:00
< div class = "box-icon error" >
< i class = "fi-x size-24" > < / i >
< / div >
< span class = "text-warning size-14" >
2015-01-15 22:41:54 -08:00
{{error|translate}}
< / span >
2014-12-07 09:16:10 -08:00
< / div >
2015-01-28 20:56:32 -08:00
< div ng-include = "'views/includes/pin.html'" > < / div >
< / div >
2014-12-03 11:01:22 -08:00
< / div >
2014-09-30 17:16:46 -07:00
< / div >
2015-01-15 12:16:51 -08:00
< div class = "extra-margin-bottom" > < / div >
2014-09-30 17:16:46 -07:00