WrenchBoard/WrenchBoardIonic2023
2
0
Fork 0
Code Issues Pull Requests Releases Activity

kids play area

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-08-12 11:56:54 -04:00
parent d94411ed64
commit d60fbeb013
2 changed files with 35 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/familyconnectaction/familyconnectaction.page.html
+29 -28
View File
@@ -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>
src/app/pages/familyconnectaction/familyconnectaction.page.ts
+6
View File
@@ -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 = {