[chandu] Wired up click events

chandru415 · Nov 14, 2019 · ffe82f2 · ffe82f2
1 parent dfb9793
commit ffe82f2
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/angular-ngrx-material-snackbar/src/app/components/snackbar-demo/snackbar-demo.component.html b/angular-ngrx-material-snackbar/src/app/components/snackbar-demo/snackbar-demo.component.html
@@ -2,14 +2,20 @@
   <label>Angular Material Snackbar - Using NGRX Demo</label>
   <!-- Snackbar buttons -->
   <div class="button-row">
-    <button mat-raised-button color="primary">Success</button>
-    <button mat-raised-button color="accent">Info</button>
-    <button mat-raised-button color="warn">Error</button>
+    <button mat-raised-button color="primary" (click)="openSuccess($event)">
+      Success
+    </button>
+    <button mat-raised-button color="accent" (click)="openInfo($event)">
+      Info
+    </button>
+    <button mat-raised-button color="warn" (click)="openError($event)">
+      Error
+    </button>
   </div>
   <!-- End of Snackbar buttons -->
   <!-- Snackbar buttons -->
   <div class="button-row">
-    <button mat-raised-button>Via NGRX Effect</button>
+    <button mat-raised-button (click)="openEffect($event)">Via NGRX Effect</button>
   </div>
   <!-- End of Snackbar buttons -->
   <!-- link to the angular material snackbar -->

diff --git a/angular-ngrx-material-snackbar/src/app/components/snackbar-demo/snackbar-demo.component.ts b/angular-ngrx-material-snackbar/src/app/components/snackbar-demo/snackbar-demo.component.ts
@@ -6,10 +6,12 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./snackbar-demo.component.scss']
 })
 export class SnackbarDemoComponent implements OnInit {
+  constructor() {}
 
-  constructor() { }
-
-  ngOnInit() {
-  }
+  ngOnInit() {}
 
+  openSuccess(event: any) {}
+  openInfo(event: any) {}
+  openError(event: any) {}
+  openEffect(event: any) {}
 }