Merge branch 'material2' of https://github.com/Angular-RU/angular-universal-starter into material2

Author: Gorniv

src/app/materialPage/materialPage.component.html

@@ -13,6 +13,10 @@ <h2>Autocomplete</h2>
     </mat-option>
 </mat-autocomplete>
 
+<button mat-button (click)="openSnackBar()" aria-label="Show an example snack-bar">
+    Pizza party
+</button>
+
 <h2>Button</h2>
 
 <button mat-button>go</button>

src/app/materialPage/materialPage.component.ts

@@ -1,4 +1,7 @@
+import { PizzaComponent } from './pizza/pizza.component';
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { MatSnackBar } from '@angular/material';
+
 import {
   CdkTableModule,
   DataSource
@@ -31,4 +34,12 @@ export class MaterialPageComponent {
     'test2'
   ];
 
+  constructor(public snackBar: MatSnackBar) {
+  }
+
+  openSnackBar() {
+    this.snackBar.openFromComponent(PizzaComponent, {
+      duration: 500,
+    });
+  }
 }

src/app/materialPage/materialPage.module.ts

@@ -1,10 +1,10 @@
 import { CommonModule } from '@angular/common';
 import { MaterialPageComponent } from './materialPage.component';
 import { MaterialPageRoutes } from './materialPage.routing';
-import {Component, NgModule} from '@angular/core';
-import {ServerModule} from '@angular/platform-server';
-import {BrowserModule} from '@angular/platform-browser';
-import {Observable} from 'rxjs/Observable';
+import { Component, NgModule } from '@angular/core';
+import { ServerModule } from '@angular/platform-server';
+import { BrowserModule } from '@angular/platform-browser';
+import { Observable } from 'rxjs/Observable';
 import {
   MatAutocompleteModule,
   MatButtonModule,
@@ -43,6 +43,7 @@ import {
   DataSource
 } from '@angular/cdk/table';
 import 'rxjs/add/observable/of';
+import { PizzaComponent } from './pizza/pizza.component';
 
 @NgModule({
   imports: [
@@ -84,6 +85,9 @@ import 'rxjs/add/observable/of';
     // CDK Modules
     CdkTableModule
   ],
-  declarations: [MaterialPageComponent]
+  declarations: [MaterialPageComponent,
+    PizzaComponent
+  ],
+  entryComponents: [PizzaComponent]
 })
 export class MaterialPageModule { }

src/app/materialPage/pizza/pizza.component.html

@@ -0,0 +1,3 @@
+<p>
+  pizza works!
+</p>

src/app/materialPage/pizza/pizza.component.scss

@@ -0,0 +1,28 @@
+/* tslint:disable:no-unused-variable */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+
+import { PizzaComponent } from './pizza.component';
+
+describe('PizzaComponent', () => {
+  let component: PizzaComponent;
+  let fixture: ComponentFixture<PizzaComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PizzaComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PizzaComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/materialPage/pizza/pizza.component.spec.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-pizza',
+  templateUrl: './pizza.component.html',
+  styleUrls: ['./pizza.component.scss']
+})
+export class PizzaComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}