copay/views/includes/copayers.html

<div class="waiting-copayers" ng-controller="BackupController" ng-if='$root.wallet && !$root.wallet.isReady() && !loading'>
  <div class="row">
     <div class="large-4 columns logo-setup">
        <img src="../img/logo-negative-beta.svg" alt="Copay">
    </div>
    <div class="large-8 columns line-dashed-setup-v">
      <div class="box-setup oh">
        <div ng-if="!$root.wallet.publicKeyRing.isComplete()">
          <h1 class="text-primary line-sidebar-b">Waiting copayers</h1>
          <h3>Share this secret with your other copayers</h3>
          <div class="panel">
            <div class="ellipsis text-gray
              size-14">{{$root.wallet.getSecret()}}</div>
          </div>
        </div>
        <h1 class="text-white line-sidebar-b" ng-if="$root.wallet && $root.wallet.publicKeyRing.isComplete()">New Wallet Created </h1>
        <div class="row" ng-show="$root.wallet.publicKeyRing.isComplete()">
          <div class="large-6 columns text-left">
            <h3>Download Backup</h3>
          </div>
          <div class="large-6 columns text-right">
            <small class="text-gray">
              <b>{{$root.wallet.getName()}}</b> : 
              {{$root.wallet.requiredCopayers}}-of-{{$root.wallet.totalCopayers}}
            </small>
          </div>
        </div>
        <div class="row">
          <div class="large-10 columns text-left">
            <h4 ng-show="!$root.wallet.publicKeyRing.isComplete()">Waiting Copayers for {{$root.wallet.getName()}}</h4>
          </div>
          <div class="large-2 columns text-right">
            <small class="text-gray" ng-show="$root.wallet && !$root.wallet.publicKeyRing.isComplete()">
              {{$root.wallet.requiredCopayers}}-of-{{$root.wallet.totalCopayers}} wallet
            </small>
          </div>
        </div>

        <div class="box-setup-copayers p20">
          <div class="oh">
            <div ng-include="'views/includes/video.html'"></div> 
            <div ng-if="!$root.wallet.publicKeyRing.isComplete()">
              <img
              class="waiting br100 no-video"
              ng-if="!hasVideo(copayer)"
              src="./img/satoshi.gif"
              alt="{{copayer.nick}}"
              width="70">
              <p class="size-12 text-white text-light m0">
              <i class="fi-loop icon-rotate spinner"></i>
              Waiting...
              </p>
            </div>
          </div>
          <div class="line-sidebar-b" ng-if="$root.wallet && $root.wallet.publicKeyRing.isComplete()"></div>
          <div class="text-gray m10t" ng-if="$root.wallet && $root.wallet.publicKeyRing.isComplete()">
            <i class="text-white fi-loop icon-rotate spinner"></i> Waiting for other
            copayers to make a Backup
          </div>
        </div>

        <div class="text-right">
          <a class="text-primary m20r" ng-click="dowloadBackup()"
            ng-show="!$root.wallet.publicKeyRing.isComplete()">Download seed backup</a>
          <button class="button primary m0"
            ng-click="backup()"
            ng-show="!$root.wallet.publicKeyRing.isBackupReady()"
            ng-disabled="!$root.wallet.publicKeyRing.isComplete()">
            <span ng-show="$root.wallet.publicKeyRing.isComplete()" >
              Backup wallet
            </span>
            <span ng-show="!$root.wallet.publicKeyRing.isComplete()" >
              <span ng-show="$root.wallet.publicKeyRing.remainingCopayers() > 1">
                {{ $root.wallet.publicKeyRing.remainingCopayers() }} people have
              </span>
              <span ng-show="$root.wallet.publicKeyRing.remainingCopayers() == 1">
                One person has
              </span>
              yet to join.
            </span>
          </button>
          <button class="button primary"
            disabled="disabled"
            ng-show="$root.wallet.publicKeyRing.isBackupReady()">
            <span ng-show="$root.wallet.publicKeyRing.remainingBackups() > 1">
              {{ $root.wallet.publicKeyRing.remainingBackups() }} people have
            </span>
            <span ng-show="$root.wallet.publicKeyRing.remainingBackups() == 1">
              One person has
            </span>
            yet to backup the wallet.
          </button>
        </div>
      </div>
    </div>
  </div> <!-- end of row -->
</div>