fix styles and navigation

src/pages/backup/backup-confirm-modal/backup-confirm-modal.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { IonicPage, ViewController, NavParams } from 'ionic-angular';
+import { IonicPage, ViewController } from 'ionic-angular';
 
 @IonicPage()
 @Component({
@@ -8,7 +8,7 @@ import { IonicPage, ViewController, NavParams } from 'ionic-angular';
 })
 export class BackupConfirmModalPage {
 
-  constructor(public viewCtrl: ViewController, public navParams: NavParams) {
+  constructor(public viewCtrl: ViewController) {
   }
 
   ionViewDidLoad() {

src/pages/backup/backup-game/backup-game.html

@@ -1,9 +1,3 @@
-<!--
-  Generated template for the BackupGamePage page.
-
-  See http://ionicframework.com/docs/components/#navigation for more info on
-  Ionic pages and navigation.
--->
 <ion-header>
 
   <ion-navbar class="navbarc">

src/pages/backup/backup-game/backup-game.ts

@@ -1,5 +1,5 @@
 import { Component, ViewChild } from '@angular/core';
-import { IonicPage, NavController, NavParams, Slides, Navbar, AlertController, ModalController } from 'ionic-angular';
+import { IonicPage, NavController, Slides, Navbar, AlertController, ModalController, Modal } from 'ionic-angular';
 import * as _ from 'lodash';
 
 @IonicPage()
@@ -24,7 +24,7 @@ export class BackupGamePage {
   private keys: any;
   private useIdeograms: any;
 
-  constructor(public navCtrl: NavController, public navParams: NavParams, public alertCtrl: AlertController, public modalCtrl: ModalController) {
+  constructor(public navCtrl: NavController, public alertCtrl: AlertController, public modalCtrl: ModalController) {
     // TODO replace for the original wallet object
     this.wallet = {
       name: 'Wallet name',
@@ -197,12 +197,19 @@ export class BackupGamePage {
       });
       alert.present();
     } else {
-      const myModal = this.modalCtrl.create('BackupConfirmModalPage', {}, {
+      let self = this;
+      const myModal: Modal = self.modalCtrl.create('BackupConfirmModalPage', {}, {
         showBackdrop: true,
         enableBackdropDismiss: true,
         cssClass: "backup-modal-success"
       });
+
       myModal.present();
+
+      myModal.onDidDismiss(() => {
+        console.log('MODAL DISSMISED');
+        self.navCtrl.popToRoot(); // TODO NOT WORKING
+      });
     }
   };
 

src/pages/backup/backup-warning-modal/backup-warning-modal.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { IonicPage, NavController, NavParams, ViewController } from 'ionic-angular';
+import { IonicPage, NavController, ViewController } from 'ionic-angular';
 
 @IonicPage()
 @Component({
@@ -8,7 +8,7 @@ import { IonicPage, NavController, NavParams, ViewController } from 'ionic-angul
 })
 export class BackupWarningModalPage {
 
-  constructor(public navCtrl: NavController, public navParams: NavParams, public viewCtrl: ViewController) {
+  constructor(public navCtrl: NavController, public viewCtrl: ViewController) {
   }
 
   ionViewDidLoad() {

src/pages/backup/backup-warning/backup-warning.ts

@@ -14,11 +14,14 @@ export class BackupWarningPage {
   }
 
   ionViewDidLoad() {
-    console.log('ionViewDidLoad BackupWarningPage');
   }
 
   openWarningModal() {
-    const myModal = this.modalCtrl.create('BackupWarningModalPage', {}, { showBackdrop: true, enableBackdropDismiss: true, cssClass: "backup-modal-warning" });
+    const myModal = this.modalCtrl.create('BackupWarningModalPage', {}, {
+      showBackdrop: true,
+      enableBackdropDismiss: true,
+      cssClass: "backup-modal-warning"
+    });
     myModal.present();
   }