Add shelter info component

Author: rohitrp

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

@@ -6,6 +6,7 @@ import { LoginComponent } from './login/login.component';
 import { SheltersComponent } from './shelters/shelters.component';
 import { AuthGuard } from './_guards/auth.guard';
 import { RequestShelterComponent } from './request-shelter/request-shelter.component';
+import { ShelterInfoComponent } from './shelters/shelter-info/shelter-info.component';
 
 const routes: Routes = [
   { 
@@ -42,6 +43,18 @@ const routes: Routes = [
       }
     }
   },
+  { 
+    path: 'shelters/:id', 
+    component: ShelterInfoComponent,
+    canActivate: [AuthGuard],
+    data: {
+      title: 'Shelter Info',
+      metatags: {
+        desciption: 'Relief Shelter Information',
+        keywords: ''
+      }
+    }
+  },
   { 
     path: 'request', 
     component: RequestShelterComponent,

client/src/app/app.module.ts

@@ -19,6 +19,7 @@ import { environment } from 'src/environments/environment.prod';
 import { AddShelterComponent } from './shelters/add-shelter/add-shelter.component';
 import { ShelterCardComponent } from './shelters/shelter-card/shelter-card.component';
 import { RequestShelterComponent } from './request-shelter/request-shelter.component';
+import { ShelterInfoComponent } from './shelters/shelter-info/shelter-info.component';
 
 @NgModule({
   declarations: [
@@ -30,7 +31,8 @@ import { RequestShelterComponent } from './request-shelter/request-shelter.compo
     SheltersComponent,
     AddShelterComponent,
     ShelterCardComponent,
-    RequestShelterComponent
+    RequestShelterComponent,
+    ShelterInfoComponent
   ],
   imports: [
     BrowserModule,

client/src/app/shelters/shelter-card/shelter-card.component.html

@@ -13,7 +13,8 @@
             <p class="subtitle">
               {{ shelter.contact }}
             </p>
-            <a href="" class="button is-outlined is-info">Click here for more info</a>
+            <pre>{{shelter | json}}</pre>
+            <a routerLink="/{{shelter._id}}" class="button is-outlined is-info">Click here for more info</a>
           </div>
           <div class="column is-4">
             <div class="content">