From b388c3eadf9927a681cea6f8e3c7e17f40e118a0 Mon Sep 17 00:00:00 2001
From: Matias Alejo Garcia <ematiu@gmail.com>
Date: Thu, 21 Aug 2014 11:02:07 -0400
Subject: [PATCH] add UX to backup tab

---
 js/controllers/backup.js | 13 +++++-----
 views/backup.html        | 51 +++++++++++++++++++++++-----------------
 2 files changed, 36 insertions(+), 28 deletions(-)

diff --git a/js/controllers/backup.js b/js/controllers/backup.js
index d884a3477..356306918 100644
--- a/js/controllers/backup.js
+++ b/js/controllers/backup.js
@@ -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;
diff --git a/views/backup.html b/views/backup.html
index 25d6ae28a..417f04120 100644
--- a/views/backup.html
+++ b/views/backup.html
@@ -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>