add UX to backup tab

This commit is contained in:
Matias Alejo Garcia 2014-08-21 11:02:07 -04:00
parent 93239f7983
commit b388c3eadf
2 changed files with 36 additions and 28 deletions

View File

@ -2,13 +2,14 @@
angular.module('copayApp.controllers').controller('BackupController',
function($scope, $rootScope, $location, backupService, walletFactory, controllerUtils, notification) {
var s = ($location.search()).advanced;
if (s) {
var w = $rootScope.wallet;
$scope.advanced = 1;
$scope.priv = w.privateKey.toObj().extendedPrivateKeyString;
}
$scope.hideAdv=true;
$scope.hidePriv=true;
$scope.getPrivate = function() {
var w = $rootScope.wallet;
return w.privateKey.toObj().extendedPrivateKeyString;
}
$scope.downloadBackup = function() {
var w = $rootScope.wallet;

View File

@ -17,28 +17,35 @@
</div>
</div>
</div>
<div class="oh large-12 columns panel" ng-if="priv">
<h3><i class="fi-minus-circle m10r"></i> Master Private Key </h3>
<p class="large-8 columns text-gray"> Your master private key contains the information to sign <b>any</b> transaction on this wallet. Handle with care.
<div class="large-4 columns">
<a class="button expand" ng-click="showPriv=!showPriv">
<span ng-hide="showPriv">Show</span>
<span ng-hide="!showPriv">Hide</span>
</a>
</div>
<textarea class="text-gray" ng-hide="!showPriv">
{{priv}}
</textarea>
</p>
</div>
<div class="oh large-12 columns panel" ng-if="advanced">
<h3><i class="fi-minus-circle m10r"></i> Scan Wallet Addresses </h3>
<p class="large-8 columns text-gray"> This will scan the blockchain looking for addresses derived from your wallet, in case you have funds in addresses not yet generated (e.g.: you restored an old backup).
<div class="large-4 columns">
<a class="button expand" ng-click="updateIndexes()">
Scan
</a>
</div>
<p>
<a class="expand" ng-click="hideAdv=!hideAdv">
<span ng-hide="!hideAdv">Show</span>
<span ng-hide="hideAdv">Hide</span>
advanced options
</a>
<div ng-hide="hideAdv">
<div class="oh large-12 columns panel">
<h3><i class="fi-minus-circle m10r"></i> Master Private Key </h3>
<p class="large-8 columns text-gray"> Your master private key contains the information to sign <b>any</b> transaction on this wallet. Handle with care.
<div class="large-4 columns">
<a class="button expand" ng-click="hidePriv=!hidePriv">
<span ng-hide="!hidePriv">Show</span>
<span ng-hide="hidePriv">Hide</span>
</a>
</div>
<textarea ng-hide="hidePriv" readonly>{{getPrivate()}}</textarea>
</div>
<div class="oh large-12 columns panel">
<h3><i class="fi-minus-circle m10r"></i> Scan Wallet Addresses </h3>
<p class="large-8 columns text-gray"> This will scan the blockchain looking for addresses derived from your wallet, in case you have funds in addresses not yet generated (e.g.: you restored an old backup).
<div class="large-4 columns">
<a class="button expand" ng-click="updateIndexes()">
Scan
</a>
</div>
</div>
</div>
</div>