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

View File

@ -11,13 +11,6 @@ angular.module('copayApp.controllers').controller('backupController',
var fc = profileService.focusedClient; var fc = profileService.focusedClient;
this.isEncrypted = fc.isPrivKeyEncrypted(); 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() { this.downloadWalletBackup = function() {
backupService.walletDownload(this.password, function() { backupService.walletDownload(this.password, function() {
$rootScope.$emit('Local/BackupDone'); $rootScope.$emit('Local/BackupDone');
@ -32,7 +25,6 @@ angular.module('copayApp.controllers').controller('backupController',
this.viewWalletBackup = function() { this.viewWalletBackup = function() {
var self = this; var self = this;
this.loading = true;
$timeout(function() { $timeout(function() {
self.backupWalletPlainText = self.getBackup(); self.backupWalletPlainText = self.getBackup();
$rootScope.$emit('Local/BackupDone'); $rootScope.$emit('Local/BackupDone');