feat(message): Added dismissAll method to controller

Author: edcarroll

components/message/message-container.ts

@@ -85,6 +85,11 @@ export class SuiMessageContainer {
         this._queue.push(message);
     }
 
+    public dismissAll():void {
+        this._queue = [];
+        this._messages.forEach(m => m.dismiss());
+    }
+
     private onMessageClose(message:ActiveMessage):void {
         this._messages = this._messages.filter(m => m !== message);
 

components/message/message-controller.ts

@@ -11,10 +11,20 @@ export class MessageController {
     }
 
     public show(config:MessageConfig):SuiActiveMessage {
+        this.throwContainerError();
+
+        return this._container.show(config);
+    }
+
+    public dismissAll():void {
+        this.throwContainerError();
+
+        return this._container.dismissAll();
+    }
+
+    private throwContainerError() {
         if (!this._container) {
             throw new Error("You must pass this controller to a message container.");
         }
-
-        return this._container.show(config);
     }
 }

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

@@ -8,6 +8,8 @@
     <h2 class="ui dividing header">Examples</h2>
     <div class="ui segment">
         <button class="ui button" (click)="open()">open</button>
+        <button class="ui button" (click)="controller.dismissAll()">dismiss all</button>
+        <br>
         <sui-message-container [controller]="controller" [showNewestFirst]="false"></sui-message-container>
     </div>
 </demo-page-content>

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

@@ -15,8 +15,9 @@ export class TestPage {
     }
 
     public open():void {
-        const message = new MessageConfig(null, MessageState.Default, Date.now().toString());
+        const message = new MessageConfig("hello, world!", MessageState.Default, "Header");
         message.state = MessageState.Default;
+        message.hasProgress = true;
 
         this.controller.show(message);
     }