Waiting copayer as a controller

index.html

@@ -38,8 +38,6 @@
 
         <div notifications="middle right"></div>
 
-        <div ng-include="'views/includes/copayers.html'"></div>
-
         <div 
           ng-class="{'sidebar' : $root.wallet && $root.wallet.isReady()}"
           ng-include="'views/includes/sidebar.html'" 
@@ -96,6 +94,7 @@
   <script src="js/controllers/home.js"></script>
   <script src="js/controllers/open.js"></script>
   <script src="js/controllers/join.js"></script>
+  <script src="js/controllers/copayers.js"></script>
   <script src="js/controllers/video.js"></script>
   <script src="js/controllers/sidebar.js"></script>
   <script src="js/controllers/addresses.js"></script>

js/controllers/backup.js

@@ -1,14 +1,8 @@
 'use strict';
 
 angular.module('copayApp.controllers').controller('BackupController',
-  function($scope, $rootScope, $location, $window, $timeout, $modal, backupService, walletFactory, controllerUtils) {
+  function($scope, $rootScope, backupService, walletFactory, controllerUtils) {
     
-    $scope.backup = function() {
-      var w = $rootScope.wallet;
-      w.setBackupReady();
-      backupService.download(w);
-    };
-
     $scope.downloadBackup = function() {
       var w = $rootScope.wallet;
       backupService.download(w);

js/controllers/copayers.js

@@ -0,0 +1,21 @@
+'use strict';
+
+angular.module('copayApp.controllers').controller('CopayersController',
+  function($scope, $rootScope, $location, backupService) {
+
+    $scope.backup = function() {
+      var w = $rootScope.wallet;
+      w.setBackupReady();
+      backupService.download(w);
+    };
+
+    $scope.downloadBackup = function() {
+      var w = $rootScope.wallet;
+      backupService.download(w);
+    }
+
+    $scope.goToWallet = function() {
+      $location.path('/addresses');
+    };
+
+  });

js/routes.js

@@ -26,6 +26,10 @@ angular
         templateUrl: 'views/setup.html',
         validate: false
       })
+      .when('/copayers', {
+        templateUrl: 'views/copayers.html',
+        validate: true
+      })
       .when('/addresses', {
         templateUrl: 'views/addresses.html',
         validate: true
@@ -74,6 +78,9 @@ angular
         if ((!$rootScope.wallet || !$rootScope.wallet.id) && next.validate) {
           $location.path('/');
         }
+        if ($rootScope.wallet && !$rootScope.wallet.isReady()) {
+          $location.path('/copayers');
+        }
       }
     });
   })

views/copayers.html

@@ -1,7 +1,8 @@
-<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 class="waiting-copayers" ng-controller="CopayersController">
+  <div ng-if='$root.wallet && $root.wallet.isReady()' ng-init="goToWallet()"></div>
+  <div class="row" ng-if='$root.wallet && !$root.wallet.isReady() && !loading'>
+    <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">
@@ -44,7 +45,7 @@
               class="waiting br100 no-video"
               ng-if="!hasVideo(copayer)"
               src="./img/satoshi.gif"
-              alt="{{copayer.nick}}"
+              alt="Waiting Copayer"
               width="70">
               <p class="size-12 text-white text-light m0">
               <i class="fi-loop icon-rotate spinner"></i>
@@ -60,7 +61,7 @@
         </div>
 
         <div class="text-right">
-          <a class="text-primary m20r" ng-click="dowloadBackup()"
+          <a class="text-primary m20r" ng-click="downloadBackup()"
             ng-show="!$root.wallet.publicKeyRing.isComplete()">Download seed backup</a>
           <button class="button primary m0"
             ng-click="backup()"