fixed infra map

src/app/packages/infra/infra.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { MapComponent } from './components/map/map.component';
+import { MaterialModule } from 'app/commons/ui/material/material.module';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    MaterialModule
+  ],
+  declarations: [
+    MapComponent,
+  ],
+  exports: [
+    MapComponent,
+  ]
+})
+export class InfraModule { }

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

@@ -1,3 +1,23 @@
-<p>
+<mat-tab-group>
-  infra-page works!
+  <mat-tab label="Zone">
-</p>
+    <mat-card class="example-card">
+      <mat-card-header>
+        <mat-card-title>Zone - 192.168.1.0/24</mat-card-title>
+        <mat-card-subtitle>Windows / Probe</mat-card-subtitle>
+      </mat-card-header>
+
+      <mat-card-content>
+        <p>
+          The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.
+          A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally
+          bred for hunting.
+        </p>
+      </mat-card-content>
+      <mat-card-actions>
+        <button mat-button>LIKE</button>
+        <button mat-button>SHARE</button>
+      </mat-card-actions>
+    </mat-card>
+  </mat-tab>
+  <mat-tab label="Host">Content 2</mat-tab>
+</mat-tab-group>

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

@@ -0,0 +1,8 @@
+.example-card {
+  width: 400px;
+}
+
+.example-header-image {
+  background-image: url('https://material.angular.io/assets/img/examples/shiba1.jpg');
+  background-size: cover;
+}

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

@@ -4,10 +4,16 @@ import { CommonModule } from '@angular/common';
 import { InfraPageComponent } from './infra-page.component';
 import { InfraPageRoutingModule } from './infra-page-routing.module';
 
+import { MaterialModule } from 'app/commons/ui/material/material.module';
+
+import { InfraModule } from '../../packages/infra/infra.module';
+
 @NgModule({
   imports: [
     CommonModule,
-    InfraPageRoutingModule
+    InfraPageRoutingModule,
+    MaterialModule,
+    InfraModule
   ],
   declarations: [InfraPageComponent]
 })