2016-10-16 17:51:50 -07:00
< ion-view id = "wallet-backup-phrase" hide-tabs >
2016-09-01 09:16:28 -07:00
< ion-nav-bar class = "bar-royal" >
2016-09-26 12:11:45 -07:00
< ion-nav-title >
{{viewTitle}}
< / ion-nav-title >
< ion-nav-back-button >
< / ion-nav-back-button >
2016-08-16 12:47:51 -07:00
< / ion-nav-bar >
2016-10-06 23:10:30 -07:00
< ion-content scroll = "false" >
2016-09-14 10:12:34 -07:00
< div class = "ng-hide" ng-show = "deleted" >
2016-10-06 23:10:30 -07:00
< div class = "phrase-unavailable" translate > Wallet recovery phrase not available.< / div >
< div class = "phrase-unavailable-instructions" translate > You can still export it from Advanced > Export.< / div >
2016-08-29 12:48:15 -07:00
< / div >
2016-10-06 23:10:30 -07:00
<!--
2016-08-25 12:31:47 -07:00
## STEP 1
2016-09-12 09:25:15 -07:00
-->
2016-10-06 23:10:30 -07:00
< div id = "wallet-backup-phrase-step-1" class = "ng-hide" ng-show = "step == 1 && (mnemonicWords || (!credentialsEncrypted && !deleted))" >
< div class = "initial-prompt" translate > Please carefully write down this phrase.< / div >
2016-09-12 09:25:15 -07:00
< div class = "backup-phrase" ng-class = "{'enable_text_select': wallet.network == 'testnet'}" >
2016-10-06 23:10:30 -07:00
< div class = "backup-phrase-content" >
< span class = "backup-phrase-content-word-readonly" ng-repeat = "word in mnemonicWords track by $index" > < span style = "white-space:nowrap" > {{word}}< / span > < span ng-show = "useIdeograms" >   < / span > < / span >
< / div >
2016-09-12 09:25:15 -07:00
< / div >
2016-10-06 23:10:30 -07:00
< div class = "password-required" ng-show = "mnemonicHasPassphrase" translate >
2016-09-14 07:40:33 -07:00
This recovery phrase was created with a password. To recover this wallet both the recovery phrase and password are needed.
2016-08-25 12:31:47 -07:00
< / div >
2016-09-12 09:25:15 -07:00
< div class = "cta-buttons" >
2016-10-06 23:10:30 -07:00
< div class = "tldr-prompt" translate > We'll confirm on the next screen.< / div >
< button ng-show = "!deleted" ng-disabled = "credentialsEncrypted || error" class = "button button-standard button-primary" ng-click = "goToStep(2);" translate > I've written it down< / button >
2016-09-12 09:25:15 -07:00
< / div >
< / div >
2016-10-06 23:10:30 -07:00
<!--
2016-08-16 12:47:51 -07:00
## STEP 2
2016-09-12 09:25:15 -07:00
-->
2016-10-06 23:10:30 -07:00
< div id = "wallet-backup-phrase-step-2" class = "ng-hide" ng-show = "step == 2" >
< div class = "confirmation-prompt" translate > Let's verify your backup phrase.< / div >
2016-09-12 09:25:15 -07:00
< div class = "backup-phrase" >
2016-10-06 23:10:30 -07:00
< div class = "backup-phrase-content" >
< span ng-repeat = "cword in customWords track by $index" ng-show = "customWords[$index]" >
< button class = "button select-word" ng-click = "removeButton($index, cword)" > {{cword.word}}< / button >
< / span >
< / div >
< / div >
< div id = "select-phrase" class = "cta-buttons" >
< div id = "select-phrase-content" >
< div ng-show = "!selectComplete" class = "tldr-prompt" translate > Please tap each word in the correct order.< / div >
< div ng-show = "selectComplete" class = "tldr-prompt" translate > Is this correct?< / div >
< span ng-show = "!selectComplete" ng-repeat = "shuffledWord in shuffledMnemonicWords track by $index" >
< button class = "button select-word" ng-click = "addButton($index, shuffledWord)"
ng-disabled="shuffledWord.selected">{{shuffledWord.word}}
< / button >
< / span >
< button ng-show = "selectComplete" class = "button button-standard button-primary" ng-click = "goToStep(3);" translate > Confirm< / button >
2016-10-07 13:32:52 -07:00
< button ng-show = "selectComplete" class = "button button-standard button-secondary button-clear" ng-click = "setFlow(2);" translate > Clear< / button >
2016-09-12 09:25:15 -07:00
< / div >
2016-08-25 12:31:47 -07:00
< / div >
2016-09-12 09:25:15 -07:00
< / div >
2016-10-06 23:10:30 -07:00
<!--
2016-08-16 12:47:51 -07:00
## STEP 3
2016-09-12 09:25:15 -07:00
-->
2016-10-06 23:10:30 -07:00
< div id = "wallet-backup-phrase-step-3" class = "ng-hide" ng-show = "step == 3" >
< div class = "password-prompt" translate > Enter your password< / h5 >
< label class = "item item-input item-stacked-label" >
< div class = "input-label" translate > In order to verify your wallet backup, please type your password.< / div >
< input type = "text" id = "passphrase" ng-model = "data.passphrase" autocapitalize = "off" spellcheck = "false" autofocus / >
< / label >
2016-10-11 20:23:54 -07:00
< button ng-disabled = "!data.passphrase" class = "button button-standard button-primary" ng-click = "goToStep(4);" translate > Confirm
2016-10-06 23:10:30 -07:00
< / button >
< / div >
2016-08-25 12:31:47 -07:00
< / div >
2016-08-16 12:47:51 -07:00
< / ion-content >
< / ion-view >