manage wallets uses modal

views/modals/backup-text.html

@@ -1,10 +0,0 @@
-<div class="text-center">
-  <h1>Copy backup in a safe place</h1>
-  <textarea class="show-for-large-up" readonly rows="7">{{backupWalletPlainText}}</textarea>
-  <textarea class="hide-for-large-up" rows="12">{{backupWalletPlainText}}</textarea>
-  <div translate class="m10t size-12 text-gray text-right">
-    Copy this text as it is in a safe place (notepad or email)
-  </div>
-</div>
-
-<a class="close-reveal-modal" ng-click="cancel()">&#215;</a>

views/modals/wallet-info.html

@@ -0,0 +1,49 @@
+<div class="text-center" ng-init="isComplete = item.isComplete(); networkName = item.getNetworkName()">
+  <h1>{{item.name || item.id }}</h1>
+  <h3>
+    {{item.requiredCopayers}} of {{item.totalCopayers}} - {{networkName}}
+    , {{isComplete ? 'Complete' : 'Waiting for copayers...'}}
+  </h3>
+  <div class="m10b" ng-if="isComplete">
+    <b>{{item.balanceInfo.totalBalance || 0}} {{item.settings.unitName}}</b>
+  </div>
+  <div class="m20b">
+    Approximate size: {{item.kb}} kB 
+    <span ng-if="item.usage">({{item.usage}}%) </span>
+  </div>
+
+  <div class="row" ng-show="!backupWalletPlainText">
+    <div class="large-6 medium-6 small-6 columns">
+    <button class="primary tiny" ng-click="downloadWalletBackup()" ng-disabled="loading"
+      ng-show="!isSafari"><i class="fi-download"></i> Download backup</button>
+    <button class="primary tiny" ng-click="viewWalletBackup()" ng-disabled="loading"
+      ng-show="isSafari"><i class="fi-eye"></i> View Backup</button> 
+    </div>
+    <div class="large-6 medium-6 small-6 columns">
+    <button class="warning tiny" ng-disabled="loading" 
+      ng-really-message="{{'Are you sure you want to delete the wallet'}} {{(item.name || item.id)}}" 
+      ng-really-click="deleteWallet()">
+      <span ng-show="!loading">
+        <i class="fi-trash"></i> Delete
+      </span>
+      <span ng-show="loading">
+        <i class="fi-bitcoin-circle icon-rotate spinner"></i> Deleting
+      </span>
+    </button>
+    </div>
+  </div>
+
+  <div ng-show="backupWalletPlainText">
+    <h3>Copy backup in a safe place</h3>
+    <div class="input">
+      <textarea class="show-for-large-up" readonly rows="7">{{backupWalletPlainText}}</textarea>
+      <textarea class="hide-for-large-up" rows="12">{{backupWalletPlainText}}</textarea>
+      <i class="icon-compose"></i>
+    </div>
+    <div translate class="m10t size-12 text-gray text-right">
+      Copy this text as it is in a safe place (notepad or email)
+    </div>
+  </div>
+
+  <a class="close-reveal-modal" ng-click="close()">&#215;</a>
+</div>

views/profile.html

@@ -43,54 +43,43 @@
   <div class="row" ng-init="setWallets()">
     <div class="large-12 columns">
       <h2>Manage wallets</h2>
-      <table>
+      <table class="manage-wallets">
         <thead>
           <tr>
             <th>Name</th>
             <th>Type</th>
             <th class="hide-for-small-only">Status</th>
-            <th>Balance</th>
-            <th>Approx Size</th>
-            <th class="text-right">Actions</th>
+            <th class="hide-for-small-only">Balance</th>
+            <th class="hide-for-small-only">Approx Size</th>
           </tr>
         </thead>
         <tbody>
           <tr 
               data-ng-repeat="item in wallets | orderBy:'name'" 
-              ng-init="isComplete = item.isComplete();
-              networkName = item.getNetworkName()"
-              ng-class="{'deleting':loading==item.id}">
-            <td>{{item.name || item.id }}</td>
+              ng-init="isComplete = item.isComplete(); networkName = item.getNetworkName()"
+              ng-click="walletInfo(item)">
+            <td>
+              <span ng-show="loading == item.id"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
+              <span ng-show="loading != item.id">
+                {{item.name || item.id }}
+              </span>
+            </td>
             <td>{{item.requiredCopayers}} of {{item.totalCopayers}} - {{networkName}}</td>
             <td class="hide-for-small-only">
               {{isComplete ? 'Complete' : 'Waiting for copayers...'}}
             </td>
-            <td>
+            <td class="hide-for-small-only">
               <span ng-if="!isComplete">-</span>
               <span ng-if="isComplete">
                   {{item.balanceInfo.totalBalance || 0}} {{item.settings.unitName}}
               </span>
             </td>
-          <td>
+            <td class="hide-for-small-only">
               <span>
                   {{item.kb}} kB 
                   <span ng-if="item.usage">({{item.usage}}%) </span>
               </span>
             </td>
-   
-            <td class="text-right">
-              <div ng-show="loading != item.id">
-                <a title="Download Backup" class="text-gray" ng-click="downloadWalletBackup(item)"
-                  ng-show="!isSafari"><i class="fi-download size-18 m10r"></i></a>
-                <a title="View Backup" ng-click="viewWalletBackup(item)"
-                  ng-show="isSafari"><i class="fi-eye"></i></a> 
-                &nbsp; 
-                <a title="Delete Wallet" ng-really-message="{{'Are you sure you want to delete the wallet'}} {{(item.name || item.id)}}" 
-                  ng-really-click="deleteWallet(item)"
-                  ng-show="loading != item.id"><i class="fi-trash text-gray size-18"></i></a>
-              </div>
-              <span ng-show="loading == item.id"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
-            </td>
           </tr>
         </tbody>
       </table>