modal fixes

src/app/app.component.ts

@@ -1,17 +1,27 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { Component, ChangeDetectionStrategy, OnInit } from '@angular/core';
 import { AngularFire, AuthProviders } from 'angularfire2';
+import { Router } from '@angular/router';
+
+declare var $:any;
 
 @Component({
   selector: 'pin-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class AppComponent {
+export class AppComponent implements OnInit {
 
   constructor(
-
+    public router: Router
   ) {
   }
 
+  ngOnInit() {
+    $(document).on('closed.zf.reveal', '[data-reveal]', () => {
+      this.router.navigate(['../'])
+      console.log('modal closed')
+    });
+  }
+
 }

src/app/components/shared/modal/modal.component.html

@@ -1,4 +1,4 @@
-<div class="{{size}} reveal {{klass}}" data-reveal>
+<div class="{{size}} reveal {{klass}}" data-reveal data-reset-on-close="false">
   <h4 class="column">
     <strong>
       {{title}}