Fix backup view

This commit is contained in:
Gustavo Maximiliano Cortez 2015-04-15 14:43:59 -03:00
parent f106a54924
commit ea469d4d26
2 changed files with 44 additions and 53 deletions

View File

@ -1,55 +1,55 @@
<div class="backup" ng-controller="backupController as backup">
<div class="columns m20t" ng-show="!backup.backupWalletPlainText && !backup.error">
<div class="row m20t">
<div class="columns" ng-show="!backup.backupWalletPlainText && !backup.error">
<div class="text-warning size-14 m10v" ng-show="backup.isEncrypted">
<i class="fi-alert size-12"></i>
<span translate> This wallet have its private key encrypted. Exporting a backup will keep the private key encrypted on the backup.</span>
<div class="text-warning size-14 m10v" ng-show="backup.isEncrypted">
<i class="fi-alert size-12"></i>
<span translate> This wallet have its private key encrypted. Exporting a backup will keep the private key encrypted on the backup.</span>
</div>
</div>
<label for="password" translate>Set up a Password for your backup</label>
<div class="input">
<input type="password" class="form-control"
placeholder="{{'Your backup password'|translate}}"
name="password" ng-model="backup.password">
</div>
<label for="password"><span translate>Set up a Password for your backup</span>
</label>
<div class="input">
<input type="password" class="form-control" placeholder="{{'Your backup password'|translate}}"
name="password" ng-model="backup.password">
</div>
<label for="password" translate>Repeat Password</label>
<div class="input">
<input type="password" class="form-control"
placeholder="{{'Repeat password'|translate}}"
name="password" ng-model="backup.repeatpassword">
</div>
<label for="password"><span translate>Repeat Password</span>
</label>
<div class="input">
<input type="password" class="form-control" placeholder="{{'Repeat password'|translate}}"
name="password" ng-model="backup.repeatpassword">
</div>
<button class="black radius expand" ng-click="backup.downloadWalletBackup()"
ng-disabled="backup.loading || (!backup.password || backup.password != backup.repeatpassword)"
ng-style="{'background-color':index.backgroundColor}"
ng-show="!backup.isSafari && !backup.isCordova"><i class="fi-download"></i>
<span translate>Download backup</span></button>
<button class="black radius expand" ng-click="backup.viewWalletBackup()" ng-disabled="backup.loading"
ng-style="{'background-color':index.backgroundColor}"
ng-show="backup.isSafari && !backup.isCordova"><i class="fi-eye"></i>
<span translate>View backup</span></button>
<div ng-show="backup.isCordova">
<h4 translate>Backup options</h4>
<button class="black radius expand" ng-disabled="backup.loading || (!backup.password || backup.password != backup.repeatpassword)"
<button class="black radius expand" ng-click="backup.downloadWalletBackup()"
ng-disabled="(!backup.password || backup.password != backup.repeatpassword)"
ng-style="{'background-color':index.backgroundColor}"
ng-click="backup.copyWalletBackup()"><i class="fi-clipboard-pencil"></i>
<span translate>Copy to clipboard</span></button>
<button class="black radius expand" ng-disabled="backup.loading || (!backup.password || backup.password != backup.repeatpassword)"
ng-show="!backup.isSafari && !backup.isCordova"><i class="fi-download"></i>
<span translate>Download backup</span></button>
<button class="black radius expand" ng-click="backup.viewWalletBackup()"
ng-disabled="(!backup.password || backup.password != backup.repeatpassword)"
ng-style="{'background-color':index.backgroundColor}"
ng-click="backup.sendWalletBackup()"><i class="fi-mail"></i>
<span translate>Send by email</span></button>
ng-show="backup.isSafari && !backup.isCordova"><i class="fi-eye"></i>
<span translate>View backup</span></button>
<div ng-show="backup.isCordova">
<h4 translate>Backup options</h4>
<button class="black radius expand" ng-disabled="(!backup.password || backup.password != backup.repeatpassword)"
ng-style="{'background-color':index.backgroundColor}"
ng-click="backup.copyWalletBackup()"><i class="fi-clipboard-pencil"></i>
<span translate>Copy to clipboard</span></button>
<button class="black radius expand" ng-disabled="(!backup.password || backup.password != backup.repeatpassword)"
ng-style="{'background-color':index.backgroundColor}"
ng-click="backup.sendWalletBackup()"><i class="fi-mail"></i>
<span translate>Send by email</span></button>
</div>
</div>
</div>
<div class="row m20b" ng-show="backup.backupWalletPlainText">
<div class="large-12 columns">
<h3 translate>Copy backup in a safe place</h3>
<div class="input">
<textarea class="show-for-large-up" readonly rows="7">{{backup.backupWalletPlainText}}</textarea>
<textarea class="hide-for-large-up" rows="12">{{backup.backupWalletPlainText}}</textarea>
<textarea rows="12">{{backup.backupWalletPlainText}}</textarea>
</div>
<div class="size-12 text-gray text-right">
<i class="icon-compose"></i>
@ -58,10 +58,9 @@
</div>
</div>
<div class="m10 size-14 text-gray">
* You can safely install your backup on other device and
use your wallet from many devices at the same time.
</div>
</div>
<div class="m10 size-14 text-gray">
* You can safely install your backup on other device and
use your wallet from many devices at the same time.
</div>
</div>

View File

@ -11,13 +11,6 @@ angular.module('copayApp.controllers').controller('backupController',
var fc = profileService.focusedClient;
this.isEncrypted = fc.isPrivKeyEncrypted();
this.copyText = function(text) {
if (isCordova) {
window.cordova.plugins.clipboard.copy(text);
window.plugins.toast.showShortCenter('Copied to clipboard');
}
};
this.downloadWalletBackup = function() {
backupService.walletDownload(this.password, function() {
$rootScope.$emit('Local/BackupDone');
@ -32,7 +25,6 @@ angular.module('copayApp.controllers').controller('backupController',
this.viewWalletBackup = function() {
var self = this;
this.loading = true;
$timeout(function() {
self.backupWalletPlainText = self.getBackup();
$rootScope.$emit('Local/BackupDone');