From 33f535d30ae0e3c6f68ce0426ce752febe4d4028 Mon Sep 17 00:00:00 2001
From: kiswa <kiswa.com@gmail.com>
Date: Sun, 31 Jul 2016 19:54:30 +0000
Subject: [PATCH] Modal finalized

---
 src/app/main.ts                           |  5 ++-
 src/app/shared/index.ts                   |  2 +-
 src/app/shared/modal/index.ts             |  3 ++
 src/app/shared/modal/modal.component.html |  2 +-
 src/app/shared/modal/modal.component.ts   | 31 +++++++------
 src/app/shared/modal/modal.service.ts     | 53 +++++++++++++++++++++++
 6 files changed, 76 insertions(+), 20 deletions(-)
 create mode 100644 src/app/shared/modal/index.ts
 create mode 100644 src/app/shared/modal/modal.service.ts

diff --git a/src/app/main.ts b/src/app/main.ts
index d7d9fcd..b73938a 100644
--- a/src/app/main.ts
+++ b/src/app/main.ts
@@ -6,7 +6,7 @@ import { enableProdMode } from '@angular/core';
 import { AppComponent } from './app.component';
 import { APP_ROUTER_PROVIDERS } from './app.routes';
 import { API_HTTP_PROVIDERS } from './app.api-http';
-import { NotificationsService } from './shared/index';
+import { NotificationsService, ModalService } from './shared/index';
 import { Constants } from './shared/constants';
 
 // enableProdMode();
@@ -18,6 +18,7 @@ bootstrap(AppComponent, [
     APP_ROUTER_PROVIDERS,
     API_HTTP_PROVIDERS,
     Constants,
-    NotificationsService
+    NotificationsService,
+    ModalService
 ]);
 
diff --git a/src/app/shared/index.ts b/src/app/shared/index.ts
index a8c5a17..8cfa390 100644
--- a/src/app/shared/index.ts
+++ b/src/app/shared/index.ts
@@ -3,5 +3,5 @@ export * from './auth/index';
 export * from './models/index';
 export * from './notifications/index';
 export * from './constants';
-export * from './modal/modal.component'
+export * from './modal/index'
 
diff --git a/src/app/shared/modal/index.ts b/src/app/shared/modal/index.ts
new file mode 100644
index 0000000..cd83018
--- /dev/null
+++ b/src/app/shared/modal/index.ts
@@ -0,0 +1,3 @@
+export * from './modal.component';
+export * from './modal.service';
+
diff --git a/src/app/shared/modal/modal.component.html b/src/app/shared/modal/modal.component.html
index 6c66e52..f5e91b6 100644
--- a/src/app/shared/modal/modal.component.html
+++ b/src/app/shared/modal/modal.component.html
@@ -2,7 +2,7 @@
     <div class="modal-overlay" (click)="close(true)"></div>
 
     <div class="modal">
-        <div class="title">
+        <div class="title" *ngIf="modalTitle">
             <h2>
                 {{ modalTitle }}
                 <span class="right" (click)="close()">
diff --git a/src/app/shared/modal/modal.component.ts b/src/app/shared/modal/modal.component.ts
index 4cf8991..3f3be58 100644
--- a/src/app/shared/modal/modal.component.ts
+++ b/src/app/shared/modal/modal.component.ts
@@ -1,37 +1,36 @@
 import {
     Component,
     Input,
-    Output,
-    EventEmitter
+    OnInit
 } from '@angular/core';
 
+import { ModalService } from './modal.service';
+
 @Component({
     selector: 'tb-modal',
     templateUrl: 'app/shared/modal/modal.component.html',
     host: { '(document:keyup)': 'keyup($event)' }
 })
-export class Modal {
+export class Modal implements OnInit {
+    @Input('modal-id') modalId: string;
     @Input('modal-title') modalTitle: string;
     @Input() blocking = false;
-    @Input('is-open') isOpen = false;
-    @Output() onClose = new EventEmitter<boolean>();
+    isOpen: boolean = false;
 
-    open() {
-        this.isOpen = true;
+    constructor(private modalService: ModalService) {
     }
 
-    close(checkBlocking = false) {
-        if (checkBlocking && this.blocking) {
-            return;
-        }
-
-        this.isOpen = false;
-        this.onClose.next(false);
+    ngOnInit() {
+        this.modalService.registerModal(this);
     }
 
-    keyup(event: KeyboardEvent) {
+    private close(checkBlocking = false): void {
+        this.modalService.close(this.modalId, checkBlocking);
+    }
+
+    private keyup(event: KeyboardEvent): void {
         if (event.keyCode === 27) {
-            this.close(true);
+            this.modalService.close(this.modalId, true);
         }
     }
 }
diff --git a/src/app/shared/modal/modal.service.ts b/src/app/shared/modal/modal.service.ts
new file mode 100644
index 0000000..423cc4a
--- /dev/null
+++ b/src/app/shared/modal/modal.service.ts
@@ -0,0 +1,53 @@
+import { Injectable } from '@angular/core';
+
+import { Modal } from './modal.component';
+
+@Injectable()
+export class ModalService {
+    private modals: Array<Modal>;
+
+    constructor() {
+        this.modals = [];
+    }
+
+    registerModal(newModal: Modal): void {
+        var modal = this.findModal(newModal.modalId);
+
+        if (modal) {
+            return;
+        }
+
+        this.modals.push(newModal);
+    }
+
+    open(modalId: string): void {
+        var modal = this.findModal(modalId);
+
+        if (modal) {
+            modal.isOpen = true;
+        }
+    }
+
+    close(modalId: string, checkBlocking = false): void {
+        var modal = this.findModal(modalId);
+
+        if (modal) {
+            if (checkBlocking && modal.blocking) {
+                return;
+            }
+
+            modal.isOpen = false;
+        }
+    }
+
+    private findModal(modalId: string): Modal {
+        for (var modal of this.modals) {
+            if (modal.modalId === modalId) {
+                return modal;
+            }
+        }
+
+        return null;
+    }
+}
+