Step 7.35: Added showOptions method

client/imports/pages/chats/chats.ts

@@ -1,9 +1,10 @@
 import { Component, OnInit } from '@angular/core';
-import { NavController } from 'ionic-angular';
+import { NavController, PopoverController } from 'ionic-angular';
 import * as Moment from 'moment';
 import { Observable } from 'rxjs';
 import { Chats, Messages } from '../../../../imports/collections';
 import { Chat, MessageType } from '../../../../imports/models';
+import { ChatsOptionsComponent } from './chats-options';
 import { MessagesPage } from '../messages/messages';
 import template from './chats.html';
 
@@ -13,7 +14,9 @@ import template from './chats.html';
 export class ChatsPage implements OnInit {
   chats;
 
-  constructor(private navCtrl: NavController) {
+  constructor(
+    private navCtrl: NavController,
+    private popoverCtrl: PopoverController) {
   }
 
   ngOnInit() {
@@ -42,4 +45,12 @@ export class ChatsPage implements OnInit {
     Chats.remove({_id: chat._id}).subscribe(() => {
     });
   }
+
+  showOptions(): void {
+    const popover = this.popoverCtrl.create(ChatsOptionsComponent, {}, {
+      cssClass: 'options-popover chats-options-popover'
+    });
+
+    popover.present();
+  }
 }