fixed infrapage

src/app/commons/ui/material/material.module.ts

@@ -7,7 +7,7 @@ import {
   MatToolbarModule, MatSnackBarModule, MatSidenavModule,
   MatTabsModule, MatSelectModule, MatRadioModule,
   MatAutocompleteModule, MatFormFieldModule, MatChipsModule,
-  MatDialogModule,
+  MatDialogModule, MatGridListModule
 } from '@angular/material';
 
 const MATERIAL_MODULES: any[] = [
@@ -17,7 +17,7 @@ const MATERIAL_MODULES: any[] = [
   MatToolbarModule, MatSnackBarModule, MatSidenavModule,
   MatTabsModule, MatSelectModule, MatRadioModule,
   MatAutocompleteModule, MatFormFieldModule, MatChipsModule,
-  MatDialogModule,
+  MatDialogModule, MatGridListModule
 ];
 
 @NgModule({

src/app/pages/discovery/discovery-page-routing.module.ts

@@ -1,11 +1,11 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
-import { DiscoveryComponent } from './discovery.component';
+import { DiscoveryPageComponent } from './discovery-page.component';
 
 const routes: Routes = [
   {
     path: '',
-    component: DiscoveryComponent,
+    component: DiscoveryPageComponent,
   }
 ];
 
@@ -13,4 +13,5 @@ const routes: Routes = [
   imports: [RouterModule.forChild(routes)],
   exports: [RouterModule]
 })
-export class DiscoveryRoutingModule { }
+
+export class DiscoveryPageRoutingModule { }

src/app/pages/discovery/discovery-page.component.html

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

src/app/pages/discovery/discovery-page.component.spec.ts

@@ -1,20 +1,20 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { DiscoveryComponent } from './discovery.component';
+import { DiscoveryPageComponent } from './discovery-page.component';
 
-describe('DiscoveryComponent', () => {
+describe('DiscoveryPageComponent', () => {
-  let component: DiscoveryComponent;
+  let component: DiscoveryPageComponent;
-  let fixture: ComponentFixture<DiscoveryComponent>;
+  let fixture: ComponentFixture<DiscoveryPageComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ DiscoveryComponent ]
+      declarations: [ DiscoveryPageComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(DiscoveryComponent);
+    fixture = TestBed.createComponent(DiscoveryPageComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/pages/discovery/discovery-page.component.ts

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

src/app/pages/discovery/discovery-page.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { DiscoveryPageComponent } from './discovery-page.component';
+import { DiscoveryPageRoutingModule } from './discovery-page-routing.module';
+
+import { DiscoveryModule } from '../../packages/discovery/discovery.module';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    DiscoveryPageRoutingModule,
+    DiscoveryModule
+  ],
+  declarations: [DiscoveryPageComponent]
+})
+export class DiscoveryPageModule { }

src/app/pages/discovery/discovery.component.html

@@ -1,5 +0,0 @@
-<p>
-  discovery works!
-</p>
-
-<of-setting></of-setting>

src/app/pages/discovery/discovery.component.ts

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

src/app/pages/discovery/discovery.module.ts

@@ -1,23 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { DiscoveryComponent } from './discovery.component';
-import { DiscoveryRoutingModule } from './discovery-routing.module';
-
-import { DiscoveryModule as DisModule } from '../../packages/discovery/discovery.module';
-
-// import { MaterialModule } from 'app/commons/ui/material/material.module';
-
-@NgModule({
-  imports: [
-    CommonModule,
-    DiscoveryRoutingModule,
-    DisModule,
-    // MaterialModule
-  ],
-  exports: [
-    // MaterialModule
-  ],
-  declarations: [DiscoveryComponent]
-})
-export class DiscoveryModule { }

src/app/pages/infra/infra-page.component.html

@@ -7,11 +7,12 @@
       </mat-card-header>
 
       <mat-card-content>
-        <p>
+        <mat-grid-list cols="2" rowHeight="2:1">
-          The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.
+          <mat-grid-tile>1</mat-grid-tile>
-          A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally
+          <mat-grid-tile>2</mat-grid-tile>
-          bred for hunting.
+          <mat-grid-tile>3</mat-grid-tile>
-        </p>
+          <mat-grid-tile>4</mat-grid-tile>
+        </mat-grid-list>
       </mat-card-content>
       <mat-card-actions>
         <button mat-button>LIKE</button>

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

@@ -11,7 +11,7 @@ const routes: Routes = [
       { path: 'home', loadChildren: './home/home-page.module#HomePageModule' },
       { path: 'probes', loadChildren: './probes/probes-page.module#ProbesPageModule' },
 
-      { path: 'discovery', loadChildren: './discovery/discovery.module#DiscoveryModule' },
+      { path: 'discovery', loadChildren: './discovery/discovery-page.module#DiscoveryPageModule' },
       { path: 'map', loadChildren: './infra/infra-page.module#InfraPageModule' },
     ]
   }