Step 17.11: Add all parties locations on the map

Urigo · Nov 27, 2016 · 1e129c5 · 1e129c5
1 parent bf90abb
commit 1e129c5
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/client/imports/app/parties/parties-list.component.html b/client/imports/app/parties/parties-list.component.html
@@ -18,7 +18,7 @@ <h1>Parties:</h1>
     <li *ngFor="let party of parties | async">
       <a [routerLink]="['/party', party._id]">{{party.name}}</a>
       <p>{{party.description}}</p>
-      <p>{{party.location}}</p>
+      <p>{{party.location.name}}</p>
       <button [hidden]="!isOwner(party)" (click)="removeParty(party)">X</button>
       <div>
         Who is coming:
@@ -29,5 +29,18 @@ <h1>Parties:</h1>
     </li>
   </ul>
 
+  <sebm-google-map
+    [latitude]="0"
+    [longitude]="0"
+    [zoom]="1">
+    <div *ngFor="let party of parties | async">
+      <sebm-google-map-marker
+        *ngIf="party.location.lat"
+        [latitude]="party.location.lat"
+        [longitude]="party.location.lng">
+      </sebm-google-map-marker>
+    </div>
+  </sebm-google-map>
+
   <pagination-controls (pageChange)="onPageChanged($event)"></pagination-controls>
 </div>