Step 11.21: Implement location message view

Urigo · Feb 26, 2017 · e2865af · e2865af
1 parent b47dbce
commit e2865af
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/client/imports/pages/messages/messages.html b/client/imports/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">
+            <sebm-google-map [zoom]="getLocation(message.content).zoom" [latitude]="getLocation(message.content).lat" [longitude]="getLocation(message.content).lng">
+              <sebm-google-map-marker [latitude]="getLocation(message.content).lat" [longitude]="getLocation(message.content).lng"></sebm-google-map-marker>
+            </sebm-google-map>
+          </div>
+
           <span class="message-timestamp">{{ message.createdAt | amDateFormat: 'HH:mm' }}</span>
         </div>
       </div>