select controls
This commit is contained in:
@@ -59,7 +59,13 @@
|
||||
<ion-row>
|
||||
<ion-col size="auto" style="font-weight: bolder; padding-top: 14px;">Let's :</ion-col>
|
||||
<ion-col>
|
||||
<ion-select aria-label="Select Activity" [(ngModel)]="select_activity" value="chat" style="width: 100%; background-color: white; border-radius: 10px; color: #1f1f3b; ">
|
||||
<ion-select
|
||||
aria-label="Select Activity"
|
||||
[(ngModel)]="select_activity"
|
||||
(ionChange)="verifyEntry()"
|
||||
interface="popover"
|
||||
value="chat"
|
||||
style="width: 100%; background-color: white; border-radius: 10px; color: #1f1f3b; ">
|
||||
<ion-select-option value="chat">Chat</ion-select-option>
|
||||
<ion-select-option value="maths-games"> do Number Games</ion-select-option>
|
||||
<ion-select-option value="science-knowledge"> do Science Knowledge</ion-select-option>
|
||||
@@ -71,7 +77,7 @@
|
||||
<!-- <ion-button shape="round" size="small" color="danger" (click)="cancelInvite()">Cancel</ion-button> -->
|
||||
</ion-col>
|
||||
<ion-col></ion-col>
|
||||
<ion-col style="text-align: center;"> <ion-button shape="round" size="small" color="primary" (click)="sendInvite()">Send Invite</ion-button></ion-col>
|
||||
<ion-col style="text-align: center;"> <ion-button shape="round" size="small" color="primary" [disabled]="isDisabled" (click)="sendInvite()">Send Invite</ion-button></ion-col>
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
|
||||
|
||||
@@ -11,8 +11,10 @@ import {NavController} from "@ionic/angular";
|
||||
})
|
||||
export class FamilyConnectComponent implements OnInit {
|
||||
show_invite:boolean = false;
|
||||
show_connect: boolean = false;
|
||||
call_active:boolean= false;
|
||||
show_connect:boolean = false;
|
||||
call_active:boolean = false;
|
||||
isDisabled:boolean = true;
|
||||
|
||||
@ViewChild('select_activity') select_activity;
|
||||
|
||||
connectStart : number = 0;
|
||||
@@ -41,10 +43,10 @@ connectStart : number = 0;
|
||||
});
|
||||
|
||||
addEventListener('app-family-invite-accepted', (data:any) => {
|
||||
console.log("ACCEPT CALL DATA ", data); //connectData
|
||||
console.log("ACCEPT CALL DATA ACCEPTED", data.detail.data.message.connectData); //connectData
|
||||
this.router.navigate(['familyconnectaction'], { state: data.detail.data.message.connectData });
|
||||
//console.log("ACCEPT CALL DATA ", data); //connectData
|
||||
// console.log("ACCEPT CALL DATA ACCEPTED", data.detail.data.message.connectData); //connectData
|
||||
this.initialInviteState();
|
||||
this.router.navigate(['familyconnectaction'], { state: data.detail.data.message.connectData });
|
||||
});
|
||||
}
|
||||
|
||||
@@ -70,8 +72,8 @@ connectStart : number = 0;
|
||||
// let us tell the invitee to join us in the room
|
||||
this.socketToolsService.familyInviteConnect( currentConnectData );
|
||||
// let's go to the page
|
||||
this.router.navigate(['familyconnectaction'],{ state: currentConnectData });
|
||||
this.initialInviteState();
|
||||
this.router.navigate(['familyconnectaction'],{ state: currentConnectData });
|
||||
}
|
||||
ngOnInit() {
|
||||
this.getFamilyList();
|
||||
@@ -119,9 +121,10 @@ connectStart : number = 0;
|
||||
this.familyResult = familyResult;
|
||||
console.log("familyResult RETURN->", this.familyResult);
|
||||
this.familyData = this.familyResult.result_list;
|
||||
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
verifyEntry(){
|
||||
this.isDisabled = this.select_activity == '';
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user