copay/views/profile.html

<div class="backup" ng-controller="ProfileController" ng-init="init()">
  <div class="row hide-for-large-up">
    <div class="large-12 medium-12 small-12 columns">
      <h1>{{$root.title}}</h1>
    </div>
  </div>
  <div class="row">
    <div class="large-12 columns">
      <div class="panel">
        <div class="row">
          <div class="large-2 medium-2 columns text-center">
            <a class="photo-container profile" href="https://en.gravatar.com/" ng-init="isHover=0" ng-mouseenter="isHover=1" ng-mouseleave="isHover=0" target="_blank">
              <img ng-show="!isHover" gravatar-src="'{{username}}'" gravatar-size="80">
              <img ng-show="isHover" src="img/change-avatar.png" with="80">
            </a>
          </div>
          <div class="large-7 medium-7 columns">
            <h2>Backup Profile</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>
          </div>
          <div class="large-3 medium-3 columns">
              <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>
        </div>
        <div class="row" ng-show="backupProfilePlainText">
          <div class="large-12 columns">
            <textarea class="show-for-large-up" readonly rows="5">{{backupProfilePlainText}}</textarea>
            <textarea class="hide-for-large-up" rows="5">{{backupProfilePlainText}}</textarea>
            <div translate class="size-12 m10t text-gray text-right">
              Copy this text as it is in a safe place (notepad or email)
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="line-dashed-h m20b"></div>
  
  <div class="row" ng-init="setWallets()">
    <div class="large-12 columns">
      <h2>Manage wallets</h2>
      <table>
        <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>
          </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>
            <td>{{item.requiredCopayers}} of {{item.totalCopayers}} - {{networkName}}</td>
            <td class="hide-for-small-only">
              {{isComplete ? 'Complete' : 'Waiting for copayers...'}}
            </td>
            <td>
              <span ng-if="!isComplete">-</span>
              <span ng-if="isComplete">
                  {{item.balanceInfo.totalBalance || 0}} {{item.settings.unitName}}
              </span>
            </td>
          <td>
              <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>

      <div class="size-12">
        <div ng-if="perItem">
          <p> Your current Insight server usage quotas are: {{perItem}}kB per walelt and up to {{nrWallets}} wallets.
        </div>
        <div ng-if="$root.needsEmailConfirmation">
          <p> <i class="fi-alert"></i> Confirming for email with increase your storage usage limits.
        </div>
      </div>
    </div>
  </div> 

  <div class="line-dashed-h m20b"></div>
  
  <div class="m20b row">
    <div class="large-12 columns">
      <a class="size-12" ng-click="hideAdv=!hideAdv">
        <i class="fi-widget m3r"></i>
        <span translate ng-hide="!hideAdv">Show</span> 
        <span translate ng-hide="hideAdv">Hide</span> 
        <span translate>advanced options</span> 
        <i ng-if="hideAdv" class="icon-arrow-down4"></i>
        <i ng-if="!hideAdv" class="icon-arrow-up4"></i>
      </a>
    </div>
  </div>

  <div ng-hide="hideAdv" class="row">
    <div class="row">
      <div class="large-12 columns">
        <div class="panel">
          <h2><i class="fi-minus-circle m10r"></i> 
            <span translate>Delete Profile</span>
          </h2>
          <p translate class="text-gray">Permanently delete this profile and all its wallets. WARNING: this action cannot be reversed.</p>
          <a translate class="button warning m0" ng-really-message="{{'Are you sure you want to delete this profile?' | translate}}" 
            ng-really-click="deleteProfile()">Delete Profile
          </a>
        </div>
      </div>
    </div>
  </div>
</div>