From f23d9c2ad58ef7b8f35533724d18de358c02d576 Mon Sep 17 00:00:00 2001
From: dotansimha <dotansimha@gmail.com>
Date: Tue, 24 Jan 2017 23:04:47 +0200
Subject: [PATCH] Step 12.21: Implement showPicture method

---
 src/pages/messages/messages.ts | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/pages/messages/messages.ts b/src/pages/messages/messages.ts
index 0f3ff93b6..1c7085b85 100644
--- a/src/pages/messages/messages.ts
+++ b/src/pages/messages/messages.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit, OnDestroy, ElementRef } from '@angular/core';
-import { NavParams, PopoverController } from 'ionic-angular';
+import { NavParams, PopoverController, ModalController } from 'ionic-angular';
 import { Chat, Message, MessageType, Location } from 'api/models';
 import { Messages } from 'api/collections';
 import { MeteorObservable } from 'meteor-rxjs';
@@ -9,6 +9,7 @@ import { MessagesOptionsComponent } from './messages-options';
 import { Subscription, Observable, Subscriber } from 'rxjs';
 import { MessagesAttachmentsComponent } from './messages-attachments';
 import { PictureService } from '../../services/picture';
+import { ShowPictureComponent } from './show-picture';
 
 @Component({
   selector: 'messages-page',
@@ -31,7 +32,8 @@ export class MessagesPage implements OnInit, OnDestroy {
     navParams: NavParams,
     private el: ElementRef,
     private popoverCtrl: PopoverController,
-    private pictureService: PictureService
+    private pictureService: PictureService,
+    private modalCtrl: ModalController
   ) {
     this.selectedChat = <Chat>navParams.get('chat');
     this.title = this.selectedChat.title;
@@ -266,4 +268,12 @@ export class MessagesPage implements OnInit, OnDestroy {
       zoom: Math.min(splitted[2] || 0, 19)
     };
   }
+
+  showPicture({ target }: Event) {
+    const modal = this.modalCtrl.create(ShowPictureComponent, {
+      pictureSrc: (<HTMLImageElement>target).src
+    });
+
+    modal.present();
+  }
 }