Merge pull request #1756 from cmgustavo/feature/manage-wallets

Manage wallets

views/includes/sidebar.html

@@ -76,7 +76,7 @@
     </ul>
   </div>
 
-  <ul class="side-nav" ng-if="!walletSelection && $root.wallet.isReady()">
+  <ul class="side-nav" ng-if="(!walletSelection || !wallets.0) && $root.wallet.isReady()">
     <li data-ng-repeat="item in menu" ui-route="{{item.link}}" class="nav-item" data-ng-class="{active: isActive(item)}">
       <a href="#!/{{item.link}}" ng-click="toggleCollapse()" class="db p20h">
         <i class="size-21 m20r {{item.icon}}"></i> {{item.title|translate}}

views/manage.html

@@ -24,7 +24,51 @@
     </div>
   </div>
 
-  <div class="line-dashed-h m30v"></div>
+  <div class="line-dashed-h m20b"></div>
+  
+  <div class="row" ng-init="getWallets()">
+    <div class="large-12 columns">
+      <table width="100%" role="grid">
+        <thead>
+          <tr>
+            <th>Name</th>
+            <th>Type</th>
+            <th>Status</th>
+            <th>Balance</th>
+            <th>Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr 
+              data-ng-repeat="item in wallets | orderBy:'name'" 
+              ng-init="isReady = item.isReady(); 
+              activeWallet = $root.wallet.id; networkName = item.getNetworkName()"
+              ng-class="{'active':activeWallet == item.id, 'deleting':loading==item.id}">
+            <td>{{item.name || item.id }}</td>
+            <td width="120">{{item.requiredCopayers}} of {{item.totalCopayers}} - {{networkName}}</td>
+            <td width="200">{{isReady ? 'Complete' : 'Waiting for copayers...'}}</td>
+            <td width="200">
+              <span ng-if="!isReady">-</span>
+              <span ng-if="isReady">
+                {{item.balanceInfo.totalBalance || 0 |noFractionNumber}} {{item.settings.unitName}}
+              </span>
+            </td>
+            <td width="70" class="text-center">
+              <a translate 
+                 class="warning" 
+                 ng-really-message="{{'Are you sure you want to delete the wallet'}} {{(item.name || item.id)}}" 
+                 ng-really-click="deleteWallet(item)"
+                 ng-show="activeWallet != item.id && loading != item.id">Delete</a>
+              <span ng-show="loading == item.id"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
+              <span ng-show="activeWallet == item.id">Active</span>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+  
+  <div class="line-dashed-h m20b"></div>
 
   <div class="row">
     <div class="large-12 columns">

views/more.html

@@ -48,7 +48,13 @@
       <div class="panel">
         <h2><i class="fi-minus-circle m10r"></i> <span translate>Delete Wallet</span></h2>
         <p translate class="text-gray">If all funds have been removed from your wallet and you do not wish to have the wallet data stored on your computer anymore, you can delete your wallet.</p>
-        <a translate class="button warning m0" ng-really-message="{{'Are you sure to delete this wallet from this computer?'|translate}}" ng-really-click="deleteWallet()"> Delete</a>
+        <a class="button warning m0" 
+          ng-really-message="{{'Are you sure you want to delete this wallet?'|translate}}"
+          ng-really-click="deleteWallet()"
+          ng-class="{'disabled':loading}">
+          <span ng-show="!loading">Delete</span>
+          <span ng-show="loading">Deleting...</span>
+        </a>
       </div>
     </div>
   </div>