Step 12.21: Implement location message view

Author: dotansimha

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>