Step 12.21: Implement location message view

Urigo · Oct 16, 2017 · 8d3c5e3 · 8d3c5e3
1 parent 0172a8a
commit 8d3c5e3
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/pages/messages/messages.html b/src/pages/messages/messages.html
@@ -19,6 +19,12 @@
       <div *ngFor="let message of day.messages" class="message-wrapper">
         <div [class]="'message message-' + message.ownership">
           <div *ngIf="message.type == 'text'" class="message-content message-content-text">{{message.content}}</div>
+          <div *ngIf="message.type == 'location'" class="message-content message-content-text">
+            <agm-map [zoom]="getLocation(message.content).zoom" [latitude]="getLocation(message.content).lat" [longitude]="getLocation(message.content).lng">
+              <agm-marker [latitude]="getLocation(message.content).lat" [longitude]="getLocation(message.content).lng"></agm-marker>
+            </agm-map>
+          </div>
+
           <span class="message-timestamp">{{ message.createdAt | amDateFormat: 'HH:mm' }}</span>
         </div>
       </div>