From d037ae7affcb613dd749d034c1799c8de43611b3 Mon Sep 17 00:00:00 2001
From: Gustavo Maximiliano Cortez <cmgustavo83@gmail.com>
Date: Thu, 17 Jul 2014 17:43:27 -0300
Subject: [PATCH] waiting for copayers/ intermediate page

---
 views/includes/copayers.html | 118 ++++++++++++++++-------------------
 1 file changed, 55 insertions(+), 63 deletions(-)

diff --git a/views/includes/copayers.html b/views/includes/copayers.html
index c1961c164..d331b2b29 100644
--- a/views/includes/copayers.html
+++ b/views/includes/copayers.html
@@ -1,70 +1,62 @@
 <div ng-controller="BackupController" ng-if='$root.wallet && !$root.wallet.isReady() && !loading'>
-  <div class="row m10b" ng-if="!$root.wallet.publicKeyRing.isComplete()">
-    <div class="large-12 medium-12 small-12 columns">
-      <div class="panel radius m30v">
-        <h3 class="m15b">Share this secret with your other copayers
-        </h3>
-        <div class="row">
-          <div class="large-9 medium-12 small-12 columns line-dashed-v text-gray">
-            <div class="panel input">
-              <p class="ellipsis text-gray">{{$root.wallet.getSecret()}}</p>
-            </div>
-          </div>
-          <div class="large-3 columns hide-for-medium hide-for-small" ng-show="$root.wallet">
-            <h5 class="m0">{{$root.wallet.getName()}}</h5>
-            <p class="text-gray">{{$root.wallet.requiredCopayers}}-of-{{$root.wallet.totalCopayers}} wallet</p>
-          </div>
-        </div>
-      </div>
+  <div ng-if="!$root.wallet.publicKeyRing.isComplete()">
+    <h2>Share this secret with your other copayers</h2>
+    <div class="panel input">
+      <p class="ellipsis text-gray">{{$root.wallet.getSecret()}}</p>
     </div>
   </div>
-  <div class="row">
-    <div class="large-12 medium-12 small-12 columns ">
-      <div class="box-setup-copayers panel">
-        <div class="oh">
-          <h6 class="size-18 m15b">People on this wallet</h6>
-          <div ng-include="'views/includes/video.html'"></div>
-          <div  class="m10" ng-if="!$root.wallet.publicKeyRing.isComplete()">
-            <p> <i class="size-60 text-gray fi-bitcoin-circle icon-rotate spinner"></i>Waiting for other copayers to join</p>
-          </div>
+  <h2 ng-if="$root.wallet && $root.wallet.publicKeyRing.isComplete()">
+    New Wallet Created
+  </h2>
+  <h3 ng-show="!$root.wallet.publicKeyRing.isComplete()">Waiting Copayers for {{$root.wallet.getName()}}</h3>
+  <h4
+    ng-show="$root.wallet.publicKeyRing.isComplete()">
+    {{$root.wallet.getName()}} - 
+    {{$root.wallet.requiredCopayers}}-of-{{$root.wallet.totalCopayers}}
+  </h4>
+  <span ng-show="$root.wallet && !$root.wallet.publicKeyRing.isComplete()">
+    {{$root.wallet.requiredCopayers}}-of-{{$root.wallet.totalCopayers}} wallet
+  </span>
+  <div ng-include="'views/includes/video.html'"></div> 
+  
+  <div  ng-if="!$root.wallet.publicKeyRing.isComplete()">
+    <i class="fi-bitcoin-circle icon-rotate spinner"></i> Waiting for other copayers to join
+  </div>
 
-        </div>
-      </div>
-    </div>
-    <div class="large-12 medium-12 small-12 columns">
-      <div class="line-dashed">
-        <a ng-click="dowloadBackup()"
-          ng-show="!$root.wallet.publicKeyRing.isComplete()">Download seed backup</a>
-        <button class="button primary radius right"
-          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 radius right"
-          disabled="disabled"
-          ng-show="$root.wallet.publicKeyRing.isBackupReady()">
-          <span ng-show="$root.wallet.publicKeyRing.remainingBackups() > 1">
-            {{ $root.wallet.publicKeyRing.remainingBackups() }} people have
-            <span ng-show="$root.wallet.publicKeyRing.remainingBackups() == 1">
-              One person has
-            </span>
-            yet to backup the wallet.
-          </span>
-        </button>
-      </div>
-    </div>
+  <div  ng-if="$root.wallet && $root.wallet.publicKeyRing.isComplete()">
+    <i class="fi-bitcoin-circle icon-rotate spinner"></i> Waiting for other
+    copayers to make a Backup
   </div>
+
+  <a ng-click="dowloadBackup()"
+    ng-show="!$root.wallet.publicKeyRing.isComplete()">Download seed backup</a>
+  <button class="button primary radius right"
+    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 radius right"
+    disabled="disabled"
+    ng-show="$root.wallet.publicKeyRing.isBackupReady()">
+    <span ng-show="$root.wallet.publicKeyRing.remainingBackups() > 1">
+      {{ $root.wallet.publicKeyRing.remainingBackups() }} people have
+      <span ng-show="$root.wallet.publicKeyRing.remainingBackups() == 1">
+        One person has
+      </span>
+      yet to backup the wallet.
+    </span>
+  </button>
 </div>