From b942b0d0c95269b392ab4ab20523c8591bbce56a Mon Sep 17 00:00:00 2001
From: Kamil Kisiela <kamil.kisiela@gmail.com>
Date: Mon, 10 Oct 2016 22:13:52 +0200
Subject: [PATCH] Step 7.7: Define component's method to open options

---
 .../pages/chat/messages-page.component.ts      | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/client/imports/pages/chat/messages-page.component.ts b/client/imports/pages/chat/messages-page.component.ts
index 67f0cb3..181c0ac 100644
--- a/client/imports/pages/chat/messages-page.component.ts
+++ b/client/imports/pages/chat/messages-page.component.ts
@@ -1,5 +1,5 @@
 import {Component, OnInit, OnDestroy} from "@angular/core";
-import {NavParams} from "ionic-angular";
+import {NavParams, PopoverController} from "ionic-angular";
 import {Meteor} from 'meteor/meteor';
 import {Chat} from "../../../../both/models/chat.model";
 import {Messages} from "../../../../both/collections/messages.collection";
@@ -7,6 +7,7 @@ import {Observable} from "rxjs";
 import {Message} from "../../../../both/models/message.model";
 import template from "./messages-page.component.html";
 import style from "./messages-page.component.scss";
+import {MessagesOptionsComponent} from './messages-options.component';
 import {MeteorObservable} from "meteor-rxjs";
 
 @Component({
@@ -25,7 +26,10 @@ export class MessagesPage implements OnInit, OnDestroy {
   private message = "";
   private autoScroller: MutationObserver;
 
-  constructor(navParams: NavParams) {
+  constructor(
+    navParams: NavParams,
+    private popoverCtrl: PopoverController
+  ) {
     this.selectedChat = <Chat>navParams.get('chat');
     this.title = this.selectedChat.title;
     this.picture = this.selectedChat.picture;
@@ -71,6 +75,16 @@ export class MessagesPage implements OnInit, OnDestroy {
     return this.messagesList.querySelector('.scroll-content');
   }
 
+  showOptions(): void {
+    const popover = this.popoverCtrl.create(MessagesOptionsComponent, {
+      chat: this.selectedChat
+    }, {
+      cssClass: 'options-popover'
+    });
+
+    popover.present();
+  }
+
   onInputKeypress({keyCode}: KeyboardEvent): void {
     if (keyCode == 13) {
       this.sendMessage();