add backup warning view to backup flow

public/views/backup.html

@@ -1,10 +1,10 @@
-<ion-view id="wallet-backup-phrase" title="{{viewTitle}}">
+<ion-view id="wallet-backup-phrase">
   <ion-nav-bar class="bar-royal">
-    <ion-nav-buttons side="primary">
-      <button class="button button-back button-clear" ng-click="backupGoBack()">
-        <i class="icon ion-ios-arrow-thin-left"></i>
-      </button>
-    </ion-nav-buttons>
+    <ion-nav-title>
+      {{viewTitle}}
+    </ion-nav-title>
+    <ion-nav-back-button>
+    </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content>
     <div class="ng-hide" ng-show="deleted">

public/views/backupWarning.html

@@ -1,7 +1,7 @@
-<ion-view id="onboarding-backup-warning" class="onboarding" ng-controller="backupWarningController">
+<ion-view id="backup-warning" class="onboarding" ng-controller="backupWarningController">
   <ion-nav-bar  class="bar-royal">
     <ion-nav-buttons side="primary">
-      <button class="button button-back button-clear" href ui-sref="onboarding.backupRequest({walletId: walletId})">
+      <button class="button button-back button-clear" ng-click="goBack()">
         <i class="icon ion-ios-arrow-thin-left"></i>
       </button>
     </ion-nav-buttons>
@@ -18,7 +18,7 @@
       </p>
     </div>
     <div class="row">
-      <img src="img/onboarding-backup-warning.svg" class="col col-60 warning-image">
+      <img src="img/backup-warning.svg" class="col col-60 warning-image">
     </div>
     <div class="row text-center">
       <p class="col col-60">

public/views/includes/backupNeededPopup.html

@@ -10,14 +10,14 @@
         <div class="col">
           <button
             class="button button-clear expand"
-            ng-click="closeBackupNeededModal()"
+            ng-click="close()"
             translate>Not now
           </button>
         </div>
         <div class="col">
           <button
             class="button button-clear expand"
-            ng-click="goToBackupFlow()"
+            ng-click="doBackup()"
             translate>Backup wallet now
           </button>
         </div>

public/views/onboarding/backupRequest.html

@@ -19,7 +19,7 @@
     <div class="cta-buttons">
       <div class="row">
         <button class="button button-block button-positive col-75 col" href
-                ui-sref="onboarding.backupWarning({walletId: walletId})" translate>Backup wallet</button>
+                ui-sref="onboarding.backupWarning({from: 'onboarding.backupRequest', walletId: walletId})" translate>Backup wallet</button>
       </div>
       <div class="row">
         <button class="button button-block button-transparent col-75 col" ng-click="openPopup()" translate>I'll backup my wallet later</button>

public/views/preferences.html

@@ -40,7 +40,7 @@
       <div class="item item-divider" translate>
         Security
       </div>
-      <a class="item item-icon-right" ui-sref="tabs.preferences.backup" ng-hide="wallet.isPrivKeyExternal()">
+      <a class="item item-icon-right" ui-sref="tabs.preferences.backupWarning({from: 'tabs.preferences'})" ng-hide="wallet.isPrivKeyExternal()">
         <span translate>Backup</span>
         <i class="icon nav-item-arrow-right"></i>
       </a>

public/views/tab-receive.html

@@ -31,7 +31,7 @@
         </div>
       </article>
       <article ng-if="wallet.isComplete()">
-        <div class="row backup" ng-click="openBackupNeededPopup()">
+        <div class="row backup" ng-show="!wallet.showBackupNeededModal" ng-click="goToBackupFlow()">
           <div class="m15t text-center col center-block">
             <i class="icon ion-alert"></i><span translate>Wallet not backed up</span><i class="icon ion-ios-arrow-thin-right"></i>
           </div>