forked from EVOgeek/Vmeda.Online
105 lines
5.4 KiB
HTML
105 lines
5.4 KiB
HTML
<ion-header>
|
||
<ion-navbar core-back-button>
|
||
<ion-title>{{ 'addon.mod_quiz.review' | translate }}</ion-title>
|
||
|
||
<ion-buttons end>
|
||
<button *ngIf="navigation && navigation.length" ion-button icon-only [attr.aria-label]="'addon.mod_quiz.opentoc' | translate" (click)="navigationModal.present()">
|
||
<ion-icon name="bookmark"></ion-icon>
|
||
</button>
|
||
</ion-buttons>
|
||
</ion-navbar>
|
||
</ion-header>
|
||
<ion-content>
|
||
<ion-refresher [enabled]="loaded" (ionRefresh)="refreshData($event)">
|
||
<ion-refresher-content pullingText="{{ 'core.pulltorefresh' | translate }}"></ion-refresher-content>
|
||
</ion-refresher>
|
||
<core-loading [hideUntil]="loaded">
|
||
|
||
<!-- Review summary -->
|
||
<ion-card *ngIf="attempt">
|
||
<ion-card-header text-wrap>
|
||
<div class="safe-padding-horizontal">
|
||
<h2 *ngIf="attempt.preview">{{ 'addon.mod_quiz.reviewofpreview' | translate }}</h2>
|
||
<h2 *ngIf="!attempt.preview">{{ 'addon.mod_quiz.reviewofattempt' | translate:{$a: attempt.attempt} }}</h2>
|
||
</div>
|
||
</ion-card-header>
|
||
<ion-list>
|
||
<ion-item text-wrap no-lines>
|
||
<h2>{{ 'addon.mod_quiz.startedon' | translate }}</h2>
|
||
<p>{{ attempt.timestart * 1000 | coreFormatDate }}</p>
|
||
</ion-item>
|
||
<ion-item text-wrap no-lines>
|
||
<h2>{{ 'addon.mod_quiz.attemptstate' | translate }}</h2>
|
||
<p>{{ attempt.readableState }}</p>
|
||
</ion-item>
|
||
<ion-item text-wrap no-lines *ngIf="showCompleted">
|
||
<h2>{{ 'addon.mod_quiz.completedon' | translate }}</h2>
|
||
<p>{{ attempt.timefinish * 1000 | coreFormatDate }}</p>
|
||
</ion-item>
|
||
<ion-item text-wrap no-lines *ngIf="attempt.timeTaken">
|
||
<h2>{{ 'addon.mod_quiz.timetaken' | translate }}</h2>
|
||
<p>{{ attempt.timeTaken }}</p>
|
||
</ion-item>
|
||
<ion-item text-wrap no-lines *ngIf="attempt.overTime">
|
||
<h2>{{ 'addon.mod_quiz.overdue' | translate }}</h2>
|
||
<p>{{ attempt.overTime }}</p>
|
||
</ion-item>
|
||
<ion-item text-wrap no-lines *ngIf="attempt.readableMark">
|
||
<h2>{{ 'addon.mod_quiz.marks' | translate }}</h2>
|
||
<p>{{ attempt.readableMark }}</p>
|
||
</ion-item>
|
||
<ion-item text-wrap no-lines *ngIf="attempt.readableGrade">
|
||
<h2>{{ 'addon.mod_quiz.grade' | translate }}</h2>
|
||
<p>{{ attempt.readableGrade }}</p>
|
||
</ion-item>
|
||
<ion-item text-wrap no-lines *ngFor="let data of additionalData">
|
||
<h2>{{ data.title }}</h2>
|
||
<core-format-text [component]="component" [componentId]="componentId" [text]="data.content" contextLevel="module" [contextInstanceId]="quiz.coursemodule" [courseId]="courseId"></core-format-text>
|
||
</ion-item>
|
||
</ion-list>
|
||
</ion-card>
|
||
|
||
<!-- Questions -->
|
||
<div *ngIf="attempt && questions.length">
|
||
<!-- Arrows to go to next/previous. -->
|
||
<ng-container *ngTemplateOutlet="navArrows"></ng-container>
|
||
|
||
<!-- Questions. -->
|
||
<div *ngFor="let question of questions">
|
||
<ion-card id="addon-mod_quiz-question-{{question.slot}}">
|
||
<!-- "Header" of the question. -->
|
||
<ion-item-divider>
|
||
<h2 *ngIf="question.number" class="inline">{{ 'core.question.questionno' | translate:{$a: question.number} }}</h2>
|
||
<h2 *ngIf="!question.number" class="inline">{{ 'core.question.information' | translate }}</h2>
|
||
<ion-note text-wrap item-end *ngIf="question.status || question.readableMark">
|
||
<p *ngIf="question.status">{{question.status}}</p>
|
||
<p *ngIf="question.readableMark">{{question.readableMark}}</p>
|
||
</ion-note>
|
||
</ion-item-divider>
|
||
<!-- Body of the question. -->
|
||
<core-question text-wrap [question]="question" [component]="component" [componentId]="componentId" [attemptId]="attempt.id" [usageId]="attempt.uniqueid" [offlineEnabled]="false" contextLevel="module" [contextInstanceId]="quiz.coursemodule" [courseId]="courseId" [review]="true"></core-question>
|
||
</ion-card>
|
||
</div>
|
||
|
||
<!-- Arrows to go to next/previous. -->
|
||
<ng-container *ngTemplateOutlet="navArrows"></ng-container>
|
||
</div>
|
||
</core-loading>
|
||
</ion-content>
|
||
|
||
<!-- Arrows to go to next/previous. -->
|
||
<ng-template #navArrows>
|
||
<ion-row align-items-center>
|
||
<ion-col text-start>
|
||
<a ion-button icon-only color="light" *ngIf="previousPage >= 0" (click)="changePage(previousPage)" [title]="'core.previous' | translate">
|
||
<ion-icon name="arrow-back" md="ios-arrow-back"></ion-icon>
|
||
</a>
|
||
</ion-col>
|
||
<ion-col text-end>
|
||
<a ion-button icon-only color="light" *ngIf="nextPage >= -1" (click)="changePage(nextPage)" [title]="'core.next' | translate">
|
||
<ion-icon name="arrow-forward" md="ios-arrow-forward"></ion-icon>
|
||
</a>
|
||
</ion-col>
|
||
</ion-row>
|
||
</ng-template>
|