fix(demo): rename toaster to notifications

src/app/pages/components/components-routing.module.ts

@@ -3,7 +3,7 @@ import { Routes, RouterModule } from '@angular/router';
 
 import { ComponentsComponent } from './components.component';
 import { TreeComponent } from './tree/tree.component';
-import { ToasterComponent } from './toaster/toaster.component';
+import { NotificationsComponent } from './notifications/notifications.component';
 
 const routes: Routes = [{
   path: '',
@@ -13,8 +13,8 @@ const routes: Routes = [{
     path: 'tree',
     component: TreeComponent,
   }, {
-    path: 'toaster',
+    path: 'notifications',
-    component: ToasterComponent,
+    component: NotificationsComponent,
   },
   ],
 }];
@@ -28,5 +28,5 @@ export class ComponentsRoutingModule { }
 export const routedComponents = [
   ComponentsComponent,
   TreeComponent,
-  ToasterComponent,
+  NotificationsComponent,
 ];

src/app/pages/components/notifications/notifications.component.html

@@ -4,6 +4,7 @@
   </nga-card-header>
   <nga-card-body>
     <toaster-container [toasterconfig]="config"></toaster-container>
+
     <div class="form-group">
       <label class="form-control-label">Place to show toast:</label>
       <select class="form-control" [(ngModel)]="position" name="position">

src/app/pages/components/notifications/notifications.component.ts

@@ -1,14 +1,14 @@
 import { Component } from '@angular/core';
 import { ToasterService, ToasterConfig, Toast } from 'angular2-toaster';
 
-import 'style-loader!angular2-toaster/toaster.css';
+// import 'style-loader!angular2-notifications/notifications.css';
 
 @Component({
-  selector: 'ngx-toasters',
+  selector: 'ngx-notifications',
-  styleUrls: ['toaster.component.scss'],
+  styleUrls: ['./notifications.component.scss'],
-  templateUrl: 'toaster.component.html',
+  templateUrl: './notifications.component.html',
 })
-export class ToasterComponent {
+export class NotificationsComponent {
   constructor(private toasterService: ToasterService) {}
 
   title: string = 'HI there!';

src/app/pages/pages-menu.ts

@@ -57,7 +57,7 @@ export const MENU_ITEMS: List<NgaMenuItem> = List([
         link: '/pages/components/tree',
       }, {
         title: 'Toaster',
-        link: '/pages/components/toaster',
+        link: '/pages/components/notifications',
       },
     ]),
   },