Wallet/views/profile.html

<div class="backup" ng-controller="ProfileController">
  <h1 class="hide-for-large-up">{{$root.title}}</h1>

  <div class="row">
    <div class="large-12 columns">
      <div class="panel">
        <h2><i class="fi-download m10r"></i> <span translate>Backup Profile</span></h2>
        <p translate class="text-gray">It's important to backup your profile so that you can recover it in case of disaster. The backup will include all your profile's wallets</p>
        <a translate class="button primary m0" ng-click="downloadProfileBackup()"
          ng-show="!isSafari">Backup profile</a>
        <a translate class="button primary m0" ng-click="viewProfileBackup()"
          ng-show="isSafari && !hideViewProfileBackup">View profile backup</a>
        <div ng-show="backupProfilePlainText">
          <textarea rows="5">{{backupProfilePlainText}}</textarea>
          <div class="show-for-large-up">
            <span translate class="size-12">Copy to clipboard</span> <span
              class="btn-copy" clip-copy="backupProfilePlainText"> </span>
          </div>
          <div class="hide-for-large-up">
            <span translate class="size-12">Copy this text as it is in a safe place (notepad or email)</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="line-dashed-h m20b"></div>
  
  <div class="row" ng-init="getWallets()">
    <div class="large-12 columns">
      <h2>Manage wallets</h2>
      <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(); 
              networkName = item.getNetworkName()"
              ng-class="{'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">

              <div ng-show="loading != item.id">
                <a title="Download Backup" ng-click="downloadWalletBackup(item)"
                  ng-show="!isSafari"><i class="fi-download"></i></a>
                <a title="View Backup" ng-click="viewWalletBackup(item)"
                  ng-show="isSafari"><i class="fi-eye"></i></a> 
                &nbsp; &nbsp;
                <a title="Delete Wallet"  
                  class="text-warning" 
                  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"></i></a>
              </div>
              <span ng-show="loading == item.id"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div> 
</div>