copay/public/views/backup.html

227 lines
8.2 KiB
HTML

<div class="" ng-controller="backupController as wordsC">
<nav class="tab-bar">
<section class="left-small" ng-show="!wordsC.step1 && !wordsC.step4">
<a ng-click="wordsC.goToStep();">
<i class="icon-arrow-left3 icon-back"></i>
</a>
</section>
<section class="middle tab-bar-section">
</section>
<section class="right-small">
<a class="p10" ng-click="$root.go(index.prevState);">
<span class="text-close">X</span>
</a>
</section>
</nav>
<div class="content preferences backup">
<div class="box-notification" ng-show="wordsC.error">
<span class="text-warning" translate>
{{wordsC.error}}
</span>
</div>
<!--
## STEP 1
-->
<div ng-show="wordsC.step1">
<div ng-show="wordsC.mnemonicWords || (wordsC.credentialsEncrypted && !wordsC.deleted)">
<h5 class="text-center">Write your wallet seed</h5>
<div class="p20 size-14 text-gray" ng-show="(index.n>1 && index.m != index.n )">
<span translate>
To restore this {{index.m}}-{{index.n}} <b>shared</b> wallet you will need
</span>:
<ol class="m10t columns size-14 text-gray">
<li translate>Your wallet seed and access to the server that coordinated the initial wallet creation. You still need {{index.m}} keys to spend.</li>
<li translate><b>OR</b> the wallet seed of <b>all</b> copayers in the wallet</li>
<li translate><b>OR</b> 1 wallet export file and the remaining quorum of wallet seeds (e.g. in a 3-5 wallet: 1 wallet export file + 2 wallet seeds of any of the other copayers).</li>
</ol>
</span>
</div>
<div class="p20 size-14 text-gray" ng-show="(index.n>1 && index.m == index.n )">
<span translate>
To restore this {{index.m}}-{{index.n}} <b>shared</b> wallet you will need
</span>:
<ol class="m10t columns size-14 text-gray">
<li translate>Your wallet seed and access to the server that coordinated the initial wallet creation. You still need {{index.m}} keys to spend.</li>
<li translate><b>OR</b> the wallet seeds of <b>all</b> copayers in the wallet</li>
</ol>
</span>
</div>
</div>
<div class="row m20t" ng-show="wordsC.deleted">
<div class="columns size-14 text-gray text-center" translate>
Wallet seed not available. You can still export it from Advanced &gt; Export.
</div>
</div>
<div ng-show="wordsC.mnemonicWords || (wordsC.credentialsEncrypted && !wordsC.deleted)">
<p class="p20 text-gray" ng-show="index.n==1 && wordsC.step1">
<span translate>
You need the wallet seed to restore this personal wallet.
</span>
<span translate class="text-bold">
Write it down and keep them somewhere safe.
</span>
</p>
<div class="row" ng-show="wordsC.credentialsEncrypted">
<div class="m10t columns">
<a class="button outline light-gray expand tiny" ng-click="wordsC.toggle()">
<i class="fi-widget m3r"></i>
<span translate ng-hide="wordsC.show">Show Wallet Seed</span>
</a>
</div>
</div>
<div class="row" ng-show="!wordsC.credentialsEncrypted">
<div class="columns">
<div class="panel" ng-class="{'enable_text_select': index.network == 'testnet'}">
<span ng-repeat="word in wordsC.mnemonicWords track by $index"><span style="white-space:nowrap">{{word}}</span><span ng-show="wordsC.useIdeograms">&#x3000;</span> </span>
</div>
</div>
</div>
</div>
<div class="row m10t m20b" ng-show="!wordsC.credentialsEncrypted">
<div class="columns" ng-show="wordsC.mnemonicHasPassphrase">
<span class="size-12">
<i class="fi-alert"></i>
<span translate>
WARNING: This seed was created with a passphrase. To recover this wallet both the mnemonic and passphrase are needed.
</span>
</span>
</div>
</div>
<div class="columns text-center">
<button
ng-disabled="wordsC.credentialsEncrypted"
class="round expand"
ng-style="{'background-color':index.backgroundColor}"
ng-click="wordsC.goToStep2();"
translate>Continue
</button>
</div>
</div>
<!--
## STEP 2
-->
<div ng-show="wordsC.step2">
<div class="columns text-center">
<h5>Confirm your wallet seed</h5>
<p class="p20v text-gray m0">
Please tap the words in order to confirm your backup phrase is correctly written.
</p>
<div class="panel words text-left" ng-class="{'enable_text_select': index.network == 'testnet'}">
<div id="addWord"></div>
</div>
<div class="text-left m20b" ng-class="{'enable_text_select': index.network == 'testnet'}">
<span ng-repeat="word in wordsC.shuffledMnemonicWords track by $index">
<button class="button radius tiny words" ng-click="wordsC.disableButton(word)" id="{{word}}">{{word}}</button>
</span>
</div>
</div>
<div class="columns text-center">
<button
ng-disabled="!wordsC.selectComplete"
class="round expand"
ng-style="{'background-color':index.backgroundColor}"
ng-click="wordsC.goToStep3();"
translate>Continue
</button>
</div>
</div>
<!--
## STEP 3
-->
<div ng-show="wordsC.step3">
<div class="columns text-center">
<h5> Enter your passphrase</h5>
<div class="panel m20v">
<input type="text" id="passphrase" ng-model="passphrase" autocapitalize="off" spellcheck="false" autofocus/>
</div>
</div>
<div class="columns text-center m20t">
<button
ng-disabled="!passphrase"
ng-style="{'background-color':index.backgroundColor}"
class="button round expand"
ng-click="wordsC.goToStep4();"
translate>Continue
</button>
</div>
</div>
<!--
## STEP 4
-->
<div ng-show="wordsC.step4">
<!-- <div class="box-notification" ng-show="wordsC.backupError">
<span class="text-warning" translate>
Failed to verify backup. Please try again
</span>
</div> -->
<div class="row m10t m10b text-center" ng-show="!wordsC.backupError">
<div class="circle-icon">
<i class="fi-like size-48"></i>
</div>
<h5>Congratulation</h5>
<p class="text-gray p20" translate>
You backed up your new wallet. You can now restore this wallet at any time
</p>
<div class="columns text-center m20t">
<button
ng-style="{'background-color':index.backgroundColor}"
class="button round expand"
ng-click="$root.go('walletHome');"
translate>Finish
</button>
</div>
</div>
<div class="row m10t m10b text-center" ng-show="wordsC.backupError">
<div class="circle-icon">
<i class="fi-dislike size-48"></i>
</div>
<h5>Backup failed</h5>
<p class="text-gray p20" translate>
Failed to verify backup. Please check your information
</p>
<div class="columns text-center m20t">
<button
ng-style="{'background-color':index.backgroundColor}"
class="button round expand"
ng-click="$root.go(index.prevState);"
translate>Try again
</button>
</div>
</div>
</div>
<!-- hide this in multisig just to show less text -->
<div class="row m20t" ng-show="index.n==1">
<div class="columns size-12 text-gray">
<div class="p10t" style="border-top:1px solid #ccc">
<span translate>You can safely install your wallet on another device and use it from multiple devices at the same time.</span>
<a href="#" ng-click="$root.openExternalLink('https://github.com/bitpay/copay/blob/master/README.md#copay-backups-and-recovery')" translate>
Learn more about Copay backups
</a>
</div>
</div>
</div>
</div>
</div>
<div class="extra-margin-bottom"></div>