From 526ccb52f478030c52ce3e5324791f7bdead9d2f Mon Sep 17 00:00:00 2001
From: Gerrit van Huyssteen <gerrit.vanhuyssteen@britehouse.co.za>
Date: Fri, 9 Mar 2018 22:02:34 +0200
Subject: [PATCH 1/2] feat: Session Page - List speakers per session

---
 src/components/page-session/page-session.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/components/page-session/page-session.tsx b/src/components/page-session/page-session.tsx
index 5845ae3..4ff3fbe 100644
--- a/src/components/page-session/page-session.tsx
+++ b/src/components/page-session/page-session.tsx
@@ -56,6 +56,20 @@ export class PageSession {
           </ion-text>
         </div>
 
+        <ion-list>
+          <ion-list-header>
+            Speakers
+          </ion-list-header>
+          {this.session.speakers.map(speaker =>
+            <ion-item detail-none href={`/speaker-list/speaker/${speaker.id}`}>
+              <ion-avatar item-start>
+                <img src={speaker.profilePic}></img>
+              </ion-avatar>
+              <h3>{speaker.name}</h3>
+            </ion-item>
+          )}
+        </ion-list>
+
         <ion-list>
           <ion-item onClick={() => this.sessionClick('watch')}>
             <ion-label color="primary">Watch</ion-label>

From 75d9815f36272e98babe708affa0706c66e3ea40 Mon Sep 17 00:00:00 2001
From: Gerrit van Huyssteen <gerrit.vanhuyssteen@britehouse.co.za>
Date: Fri, 9 Mar 2018 22:21:21 +0200
Subject: [PATCH 2/2] fix: Session Page - Navigate to speaker and show back
 button

---
 src/components/page-session/page-session.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/page-session/page-session.tsx b/src/components/page-session/page-session.tsx
index 4ff3fbe..f7fc5f0 100644
--- a/src/components/page-session/page-session.tsx
+++ b/src/components/page-session/page-session.tsx
@@ -1,5 +1,6 @@
 import { Component, Prop } from '@stencil/core';
 import { ConferenceData } from '../../providers/conference-data';
+import { NavControllerBase } from '@ionic/core';
 
 @Component({
   tag: 'page-session',
@@ -11,6 +12,9 @@ export class PageSession {
   @Prop() sessionId: string;
   @Prop() goback = '/';
 
+  @Prop({ connect: 'ion-nav' })
+  nav: NavControllerBase;
+
   async componentWillLoad() {
     this.session = await ConferenceData.getSession(this.sessionId);
   }
@@ -19,6 +23,11 @@ export class PageSession {
     console.log('Clicked', item);
   }
 
+  async navigateToSpeaker(speaker) {
+    const nav: NavControllerBase = await (this.nav as any).componentOnReady();
+    nav.push('page-speaker-detail', {speakerId: speaker.id}, { animate: true, direction: 'forward' });
+  }
+
   render() {
     return [
       <ion-header>
@@ -61,7 +70,7 @@ export class PageSession {
             Speakers
           </ion-list-header>
           {this.session.speakers.map(speaker =>
-            <ion-item detail-none href={`/speaker-list/speaker/${speaker.id}`}>
+            <ion-item detail-none onClick={() => this.navigateToSpeaker(speaker)}>
               <ion-avatar item-start>
                 <img src={speaker.profilePic}></img>
               </ion-avatar>