fix

src/app/merms-patient/merms-patient.page.html

@@ -14,14 +14,33 @@
     <!-- Item Dividers in a List -->
     <ion-list>
 
-      <ion-item><ion-label>Reason:{{reason}}</ion-label></ion-item>
+      <ion-item>
-      <ion-item><ion-label>{{appt}} - {{gender}} [{{age}}]</ion-label></ion-item>
+        <ion-label>Reason:{{reason}}</ion-label>
+      </ion-item>
+      <ion-item>
+        <ion-label>{{appt}} - {{gender}} [{{age}}]</ion-label>
+      </ion-item>
+      <ion-item>
+
+        <ion-grid>
+          <ion-row>
+            <ion-col>
+              <img src="{{profile_picture}}" />
+            </ion-col>
+            <ion-col>
+              <ion-button color="success" expand="full">Video ??</ion-button>
+
+            </ion-col>
+
+          </ion-row>
+        </ion-grid>
+      </ion-item>
       <ion-item>
         <ion-grid>
           <ion-row>
             <ion-col>
 
-              <ion-button expand="full" >Call ??</ion-button>
+              <ion-button expand="full">Call ??</ion-button>
 
 
             </ion-col>
@@ -30,25 +49,21 @@
 
             </ion-col>
             <ion-col>
-              <ion-button expand="full" >Chat ??</ion-button>
+              <ion-button expand="full">Chat ??</ion-button>
             </ion-col>
           </ion-row>
-          </ion-grid>
+        </ion-grid>
       </ion-item>
       <ion-item>
         <ion-label>Notes</ion-label>
-  <ion-textarea rows="6" cols="20" placeholder="Enter any notes here..."></ion-textarea>
+        <ion-textarea rows="6" cols="20" placeholder="Enter any notes here..."></ion-textarea>
 
 
       </ion-item>
 
-      
     </ion-list>
-    
-
   </div>
 
-
 </ion-content>
 
 
@@ -59,7 +74,7 @@
       <ion-row>
         <ion-col>
           <div>
-            <ion-icon name="home"  (click)="goHome()"></ion-icon>
+            <ion-icon name="home" (click)="goHome()"></ion-icon>
           </div>
         </ion-col>
         <ion-col>

src/app/merms-patient/merms-patient.page.ts

@@ -22,6 +22,8 @@ export class MermsPatientPage implements OnInit {
   appt : string ='';
   gender : string ='';
   age : number =0;
+  profile_picture:string ="../../assets/imgs/merms-signup.jpg";
+
 
   constructor(public navCtrl: NavController, private router: Router, private route: ActivatedRoute) {
     console.log('-----------------------------xxxx-----------------------------');
@@ -38,6 +40,7 @@ export class MermsPatientPage implements OnInit {
     this.appt = params.appt;
     this.patient_id = params.id;
     this.firstname = params.firstname;
+    this.profile_picture =  "../../assets/imgs/avatar"+this.gender+ ".png";
     
     // this.route.queryParams.subscribe(params => {
     //   console.log(params);