Step 11.19: Implement send location message

src/pages/messages/messages.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit, OnDestroy, ElementRef } from '@angular/core';
 import { NavParams, PopoverController } from 'ionic-angular';
-import { Chat, Message, MessageType } from 'api/models';
+import { Chat, Message, MessageType, Location } from 'api/models';
 import { Messages } from 'api/collections';
 import { MeteorObservable } from 'meteor-rxjs';
 import * as moment from 'moment';
@@ -213,6 +213,16 @@ export class MessagesPage implements OnInit, OnDestroy {
     });
   }
 
+  sendLocationMessage(location: Location): void {
+    MeteorObservable.call('addMessage', MessageType.LOCATION,
+      this.selectedChat._id,
+      `${location.lat},${location.lng},${location.zoom}`
+    ).zone().subscribe(() => {
+      // Zero the input field
+      this.message = '';
+    });
+  }
+
   showAttachments(): void {
     const popover = this.popoverCtrl.create(MessagesAttachmentsComponent, {
       chat: this.selectedChat
@@ -221,7 +231,12 @@ export class MessagesPage implements OnInit, OnDestroy {
     });
 
     popover.onDidDismiss((params) => {
-      // TODO: Handle result
+      if (params) {
+        if (params.messageType === MessageType.LOCATION) {
+          const location = params.selectedLocation;
+          this.sendLocationMessage(location);
+        }
+      }
     });
 
     popover.present();