Step 11.19: Implement send location message

client/imports/pages/messages/messages.ts

@@ -5,7 +5,7 @@ import { _ } from 'meteor/underscore';
 import * as Moment from 'moment';
 import { Observable, Subscription, Subscriber } from 'rxjs';
 import { Messages } from '../../../../imports/collections';
-import { Chat, Message, MessageType } from '../../../../imports/models';
+import { Chat, Message, MessageType, Location } from '../../../../imports/models';
 import { MessagesAttachmentsComponent } from './messages-attachments';
 import { MessagesOptionsComponent } from './messages-options';
 import template from './messages.html';
@@ -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();