CHIEFSOFT\ameye
97 lines
3.7 KiB
HTML
97 lines
3.7 KiB
HTML
<ion-card class="bg_white connect-card" *ngIf="cardLevel==100" >
|
|
<ion-card-header>
|
|
<ion-card-subtitle>Select Activity</ion-card-subtitle>
|
|
</ion-card-header>
|
|
|
|
<ion-card-content>
|
|
<div class="select_box" >
|
|
<ion-select
|
|
aria-label="Select"
|
|
[(ngModel)]="select_gen"
|
|
(ionChange)="genChange()"
|
|
interface="action-sheet"
|
|
placeholder="Select Activity">
|
|
<ion-select-option *ngFor="let item of generativeOptions" value="{{item.uid}}">{{item.title}}</ion-select-option>
|
|
</ion-select>
|
|
</div>
|
|
<div style="width: 100%; text-align: right; margin-top: 10px;">
|
|
<ion-button
|
|
shape="round"
|
|
[disabled]="isDisabled"
|
|
(click)="startSeletecdGame()"
|
|
size="small"
|
|
fill="solid">Next</ion-button>
|
|
</div>
|
|
</ion-card-content>
|
|
</ion-card>
|
|
|
|
<ion-card class="bg_white connect-card" *ngIf="cardLevel==200" >
|
|
<ion-card-header>
|
|
<ion-card-subtitle>Math Quiz - 1</ion-card-subtitle>
|
|
</ion-card-header>
|
|
|
|
<ion-card-content>
|
|
<div class="select_box" >
|
|
<div style="font-weight: bolder; margin: 10px 0px 5px 0px">Question.</div>
|
|
<!-- <div> {{myNextQuestion.question}}</div>-->
|
|
<div style="color: #1295d3; padding-left: 10px;" [innerHTML]="myNextQuestion.question"></div>
|
|
<div style="font-weight: bolder; margin: 10px 0px 5px 0px">Answer</div>
|
|
<ion-list>
|
|
<ion-radio-group [(ngModel)]="selected_ans" (ionChange)="checkAnsVAl()">
|
|
<ion-item *ngFor="let item of myNextQuestion.option; let i = index">
|
|
<ion-label>{{item}} </ion-label>
|
|
<ion-radio slot="start" value="{{item}}"></ion-radio>
|
|
</ion-item>
|
|
</ion-radio-group>
|
|
</ion-list>
|
|
</div>
|
|
<div style="width: 100%; text-align: right; margin-top: 10px; display: flex;">
|
|
<div style="width: 15%; text-align: left;">
|
|
<ion-button fill="clear" size="small" (click)="resetQuestion()" >
|
|
<ion-icon slot="icon-only" color="danger" name="close-circle-outline"></ion-icon>
|
|
</ion-button>
|
|
</div>
|
|
<div style="width: 40%; text-align: right;">
|
|
{{result_text}}
|
|
</div>
|
|
<div style="width: 45%; text-align: right;">
|
|
<ion-button
|
|
shape="round"
|
|
[disabled]="isAnsDisabled"
|
|
(click)="confirmAns()"
|
|
size="small"
|
|
fill="solid">Confirm</ion-button>
|
|
</div>
|
|
|
|
</div>
|
|
</ion-card-content>
|
|
</ion-card>
|
|
|
|
<!--<ion-card class="bg_white connect-card" >-->
|
|
<!-- <ion-card-header>-->
|
|
<!-- <ion-card-title>Card Title</ion-card-title>-->
|
|
<!-- <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
|
|
<!-- </ion-card-header>-->
|
|
|
|
<!-- <ion-card-content>-->
|
|
<!-- Here's a small text description for the card content. Nothing more, nothing less.-->
|
|
<!-- </ion-card-content>-->
|
|
|
|
<!-- <ion-button fill="clear">Action 1</ion-button>-->
|
|
<!-- <ion-button fill="clear">Action 2</ion-button>-->
|
|
<!--</ion-card>-->
|
|
|
|
<!--<ion-card class="bg_white connect-card" >-->
|
|
<!-- <ion-card-header>-->
|
|
<!-- <ion-card-title>Card Title</ion-card-title>-->
|
|
<!-- <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
|
|
<!-- </ion-card-header>-->
|
|
|
|
<!-- <ion-card-content>-->
|
|
<!-- Here's a small text description for the card content. Nothing more, nothing less.-->
|
|
<!-- </ion-card-content>-->
|
|
|
|
<!-- <ion-button fill="clear">Action 1</ion-button>-->
|
|
<!-- <ion-button fill="clear">Action 2</ion-button>-->
|
|
<!--</ion-card>-->
|