From d60fbeb013d634d78857af8c2fdaa95d4e42f0a8 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Mon, 12 Aug 2024 11:56:54 -0400
Subject: [PATCH] kids play area

---
 .../familyconnectaction.page.html             | 57 ++++++++++---------
 .../familyconnectaction.page.ts               |  6 ++
 2 files changed, 35 insertions(+), 28 deletions(-)

diff --git a/src/app/pages/familyconnectaction/familyconnectaction.page.html b/src/app/pages/familyconnectaction/familyconnectaction.page.html
index 4dcccfd..7e8f608 100644
--- a/src/app/pages/familyconnectaction/familyconnectaction.page.html
+++ b/src/app/pages/familyconnectaction/familyconnectaction.page.html
@@ -12,39 +12,40 @@
 <ion-content>
   <div class="boxed_contents">
 
-<!--    <div style="width: 100%; text-align: left;">-->
-<!--       Chat-->
-<!--    </div>-->
-<!--      style="border-radius: 10px; background-color: aliceblue; padding: 1px; margin-top: 10px"-->
-      <div class="connect-card" style="margin: 10px 5px 5px 5px;">
-          <div>
-              <div style="font-weight: bolder; font-size: 18px; padding-left: 10px;">
-                  <ion-label>Chat</ion-label>
+      <div   *ngIf="connectionActivity=='chat'" >
+          <div class="connect-card" style="margin: 10px 5px 5px 5px;">
+              <div>
+                  <div style="font-weight: bolder; font-size: 18px; padding-left: 10px;">
+                      <ion-label>Chat</ion-label>
+                  </div>
+                  <div style="padding: 5px;">
+                      <ion-textarea
+                              [(ngModel)]="chat_message"
+                              (ionChange)="testEntry()"
+                              style="width: 100%; border-radius: 10px; padding: 5px; background-color: white;"
+                              placeholder="Enter message"></ion-textarea>
+                  </div>
               </div>
-              <div style="padding: 5px;">
-                  <ion-textarea
-                          [(ngModel)]="chat_message"
-                          (ionChange)="testEntry()"
-                          style="width: 100%; border-radius: 10px; padding: 5px; background-color: white;"
-                          placeholder="Enter message"></ion-textarea>
-              </div>
-          </div>
-          <div style="width: 100%; text-align: right;
+              <div style="width: 100%; text-align: right;
            padding: 5px 10px 10px 0px;
            background-color: transparent;">
-              <ion-button size="small" color="secondary" fill="solid" (click)="sendMessage()">Send</ion-button>
+                  <ion-button size="small" color="secondary" fill="solid" (click)="sendMessage()">Send</ion-button>
+              </div>
+          </div>
+          <div>
+              <div *ngFor="let item of charMessageHx.reverse();" style="margin: 2px;">
+                  <div class="{{item.how}}">
+                      <div style="font-weight: bolder; font-size: 14px; padding-bottom: 2px;"> {{item.name}} -  {{item.when}}</div>
+                      <div style="font-size: 12px; padding: 3px;">  {{item.message}}</div>
+                  </div>
+              </div>
           </div>
       </div>
-
-
-
-      <div>
-         <div *ngFor="let item of charMessageHx;" style="margin: 2px;">
-           <div class="{{item.how}}">
-             <div> {{item.name}} -  {{item.when}}</div>
-             <div>  {{item.message}}</div>
-           </div>
-         </div>
+      <div   *ngIf="connectionActivity=='maths-games'" >
+          Maths Game Engine
+      </div>
+      <div   *ngIf="connectionActivity=='science-knowledge'" >
+         Science Game Engine
       </div>
   </div>
 </ion-content>
diff --git a/src/app/pages/familyconnectaction/familyconnectaction.page.ts b/src/app/pages/familyconnectaction/familyconnectaction.page.ts
index ea0318c..bf41bc2 100644
--- a/src/app/pages/familyconnectaction/familyconnectaction.page.ts
+++ b/src/app/pages/familyconnectaction/familyconnectaction.page.ts
@@ -14,6 +14,7 @@ export class FamilyconnectactionPage implements OnInit {
   connnectionData:any;
   @ViewChild('chat_message') chat_message;
   charMessageHx = [];
+  connectionActivity:string='chat';
   constructor(
       public sessionDataProviderService: SessionDataProviderService,
       private wrenchService: WrenchService,
@@ -23,6 +24,11 @@ export class FamilyconnectactionPage implements OnInit {
   ) {
     this.connnectionData  =  this.router.getCurrentNavigation().extras.state;
     console.log("CONNECTION DATA RECIEVED", this.connnectionData);
+    if (this.connnectionData ==  undefined){
+      this.onBack();
+    }
+    this.connectionActivity = this.connnectionData.activity;
+
     addEventListener('app-family-invite-message', (data:any) => {
       console.log("ACCEPT CALL DATA MESSAGE ", data); //connectData
       let newMsg = {