feat(message): Added global message service

Author: edcarroll

components/message/message-container.ts

@@ -78,6 +78,7 @@ export class SuiMessageContainer {
         if (!this.showNewestFirst) {
             this._componentFactory.moveToElement(message.componentRef, this._element.nativeElement);
         }
+
         message.component.show();
     }
 

components/message/message-controller.ts

@@ -2,7 +2,6 @@ import { MessageConfig } from "./message-config";
 import { SuiActiveMessage } from "./active-message";
 import { SuiMessageContainer } from "./message-container";
 
-
 export class MessageController {
     private _container:SuiMessageContainer;
 
@@ -22,7 +21,7 @@ export class MessageController {
         return this._container.dismissAll();
     }
 
-    private throwContainerError() {
+    private throwContainerError():void {
         if (!this._container) {
             throw new Error("You must pass this controller to a message container.");
         }

components/message/message-global-container.ts

@@ -0,0 +1,12 @@
+
+import { Component } from "@angular/core";
+import { MessageController } from "./message-controller";
+import { SuiMessageService } from "./message-service";
+
+@Component({
+    selector: "sui-message-global-container",
+    template: `<sui-message-container [controller]="controller"></sui-message-container>`
+})
+export class SuiMessageGlobalContainer {
+    public controller:MessageController;
+}

components/message/message-service.ts

@@ -0,0 +1,24 @@
+import { Injectable, ComponentRef } from "@angular/core";
+import { SuiComponentFactory } from "../util/component-factory.service";
+import { SuiMessageGlobalContainer } from "./message-global-container";
+import { MessageController } from "./message-controller";
+
+@Injectable()
+export class SuiMessageService {
+    private _controller:MessageController;
+    private _containerRef:ComponentRef<SuiMessageGlobalContainer>;
+
+    private get _container():SuiMessageGlobalContainer {
+        return this._containerRef.instance;
+    }
+
+    constructor(private _componentFactory:SuiComponentFactory) {
+        this._controller = new MessageController();
+
+        this._containerRef = this._componentFactory.createComponent(SuiMessageGlobalContainer);
+        this._container.controller = this._controller;
+
+        this._componentFactory.attachToApplication(this._containerRef);
+        this._componentFactory.moveToDocumentBody(this._containerRef);
+    }
+}

components/message/message.module.ts

@@ -8,6 +8,8 @@ import { SuiUtilityModule } from "../util/util.module";
 import { MessageController } from "./message-controller";
 import { MessageConfig, MessageState } from "./message-config";
 import { SuiActiveMessage } from "./active-message";
+import { SuiMessageGlobalContainer } from "./message-global-container";
+import { SuiMessageService } from "./message-service";
 
 @NgModule({
     imports: [
@@ -18,15 +20,20 @@ import { SuiActiveMessage } from "./active-message";
     ],
     declarations: [
         SuiMessage,
-        SuiMessageContainer
+        SuiMessageContainer,
+        SuiMessageGlobalContainer
     ],
     exports: [
         SuiMessage,
-        SuiMessageContainer
+        SuiMessageContainer,
+        SuiMessageGlobalContainer
+    ],
+    providers: [
+        SuiMessageService
     ],
     entryComponents: [
         SuiMessage,
-        SuiMessageContainer
+        SuiMessageGlobalContainer
     ]
 })
 export class SuiMessageModule {}

demo/src/app/pages/test/test.page.ts

@@ -2,6 +2,7 @@ import { Component, AfterViewInit, ViewChild, TemplateRef } from "@angular/core"
 import { SuiMessageContainer } from "../../../../../components/message/message-container";
 import { MessageConfig, MessageState } from "../../../../../components/message/message-config";
 import { MessageController } from "../../../../../components/message/message-controller";
+import { SuiMessageService } from "../../../../../components/message/message-service";
 
 @Component({
     selector: "demo-page-test",
@@ -10,7 +11,7 @@ import { MessageController } from "../../../../../components/message/message-con
 export class TestPage {
     public controller:MessageController;
 
-    constructor() {
+    constructor(private _messageService:SuiMessageService) {
         this.controller = new MessageController();
     }