EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-3149 scorm: Collapse grades on scorm page

main
Pau Ferrer Ocaña 2022-02-25 10:54:23 +01:00
parent 9f7a0e303e
commit 540141bad5
2 changed files with 31 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/addons/mod/scorm/components/index/addon-mod-scorm-index.html
View File

@ -31,7 +31,7 @@
<ng-container *ngIf="scorm.displayattemptstatus"> <ng-container *ngIf="scorm.displayattemptstatus">
<ion-item class="ion-text-wrap" *ngIf="scorm.maxattempt! >= 0"> <ion-item class="ion-text-wrap" *ngIf="scorm.maxattempt! >= 0">
<ion-label> <ion-label>
<h3>{{ 'addon.mod_scorm.noattemptsallowed' | translate }}</h3> <p class="item-heading">{{ 'addon.mod_scorm.noattemptsallowed' | translate }}</p>
</ion-label> </ion-label>
<p slot="end"> <p slot="end">
<span *ngIf="scorm.maxattempt == 0">{{ 'core.unlimited' | translate }}</span> <span *ngIf="scorm.maxattempt == 0">{{ 'core.unlimited' | translate }}</span>
@ -40,13 +40,23 @@
</ion-item> </ion-item>
<ion-item class="ion-text-wrap" *ngIf="numAttempts >= 0"> <ion-item class="ion-text-wrap" *ngIf="numAttempts >= 0">
<ion-label> <ion-label>
<h3>{{ 'addon.mod_scorm.noattemptsmade' | translate }}</h3> <p class="item-heading">{{ 'addon.mod_scorm.noattemptsmade' | translate }}</p>
</ion-label> </ion-label>
<p slot="end">{{ numAttempts }}</p> <p slot="end">{{ numAttempts }}</p>
</ion-item> </ion-item>
<ion-item *ngIf="onlineAttempts.length > 0" button class="divider ion-text-wrap" (click)="toggleGrades()"
[attr.aria-label]="(gradesExpanded ? 'core.collapse' : 'core.expand') | translate" detail="false">
<ion-icon name="fas-chevron-right" flip-rtl slot="start" aria-hidden="true" class="expandable-status-icon"
[class.expandable-status-icon-expanded]="gradesExpanded">
</ion-icon>
<ion-label>
<h3 class="item-heading">{{'core.grades.grades' | translate}}</h3>
</ion-label>
</ion-item>
<ng-container *ngIf="gradesExpanded && onlineAttempts.length > 0">
<ion-item class="ion-text-wrap" *ngFor="let attempt of onlineAttempts"> <ion-item class="ion-text-wrap" *ngFor="let attempt of onlineAttempts">
<ion-label> <ion-label>
<h3>{{ 'addon.mod_scorm.gradeforattempt' | translate }} {{attempt.num}}</h3> <p class="item-heading">{{ 'addon.mod_scorm.gradeforattempt' | translate }} {{attempt.num}}</p>
</ion-label> </ion-label>
<p slot="end"> <p slot="end">
<span *ngIf="attempt.grade != -1">{{ attempt.gradeFormatted }}</span> <span *ngIf="attempt.grade != -1">{{ attempt.gradeFormatted }}</span>
@ -54,9 +64,10 @@
</p> </p>
</ion-item> </ion-item>
</ng-container> </ng-container>
</ng-container>
<ion-item class="ion-text-wrap" *ngFor="let attempt of offlineAttempts"> <ion-item class="ion-text-wrap" *ngFor="let attempt of offlineAttempts">
<ion-label> <ion-label>
<h3>{{ 'addon.mod_scorm.gradeforattempt' | translate }} {{attempt.num}}</h3> <p class="item-heading">{{ 'addon.mod_scorm.gradeforattempt' | translate }} {{attempt.num}}</p>
<p *ngIf="!scorm.maxattempt || attempt.num <= scorm.maxattempt"> <p *ngIf="!scorm.maxattempt || attempt.num <= scorm.maxattempt">
{{ 'addon.mod_scorm.offlineattemptnote' | translate }} {{ 'addon.mod_scorm.offlineattemptnote' | translate }}
</p> </p>
@ -71,13 +82,13 @@
</ion-item> </ion-item>
<ion-item class="ion-text-wrap" *ngIf="scorm.displayattemptstatus && gradeMethodReadable"> <ion-item class="ion-text-wrap" *ngIf="scorm.displayattemptstatus && gradeMethodReadable">
<ion-label> <ion-label>
<h3>{{ 'addon.mod_scorm.grademethod' | translate }}</h3> <p class="item-heading">{{ 'addon.mod_scorm.grademethod' | translate }}</p>
</ion-label> </ion-label>
<p slot="end">{{ gradeMethodReadable }}</p> <p slot="end">{{ gradeMethodReadable }}</p>
</ion-item> </ion-item>
<ion-item class="ion-text-wrap" *ngIf="scorm.displayattemptstatus && gradeFormatted"> <ion-item class="ion-text-wrap" *ngIf="scorm.displayattemptstatus && gradeFormatted">
<ion-label> <ion-label>
<h3>{{ 'addon.mod_scorm.gradereported' | translate }}</h3> <p class="item-heading">{{ 'addon.mod_scorm.gradereported' | translate }}</p>
</ion-label> </ion-label>
<p slot="end"> <p slot="end">
<span *ngIf="grade != -1">{{ gradeFormatted }}</span> <span *ngIf="grade != -1">{{ gradeFormatted }}</span>
@ -86,7 +97,7 @@
</ion-item> </ion-item>
<ion-item class="ion-text-wrap" *ngIf="syncTime"> <ion-item class="ion-text-wrap" *ngIf="syncTime">
<ion-label> <ion-label>
<h3>{{ 'core.lastsync' | translate }}</h3> <p class="item-heading">{{ 'core.lastsync' | translate }}</p>
<p>{{ syncTime }}</p> <p>{{ syncTime }}</p>
</ion-label> </ion-label>
</ion-item> </ion-item>

8
src/addons/mod/scorm/components/index/index.ts
View File

@ -81,6 +81,7 @@ export class AddonModScormIndexComponent extends CoreCourseModuleMainActivityCom
attemptsLeft = -1; // Number of attempts left. attemptsLeft = -1; // Number of attempts left.
onlineAttempts: AttemptGrade[] = []; // Grades for online attempts. onlineAttempts: AttemptGrade[] = []; // Grades for online attempts.
offlineAttempts: AttemptGrade[] = []; // Grades for offline attempts. offlineAttempts: AttemptGrade[] = []; // Grades for offline attempts.
gradesExpanded = false;
protected fetchContentDefaultError = 'addon.mod_scorm.errorgetscorm'; // Default error to show when loading contents. protected fetchContentDefaultError = 'addon.mod_scorm.errorgetscorm'; // Default error to show when loading contents.
protected syncEventName = AddonModScormSyncProvider.AUTO_SYNCED; protected syncEventName = AddonModScormSyncProvider.AUTO_SYNCED;
@ -523,6 +524,13 @@ export class AddonModScormIndexComponent extends CoreCourseModuleMainActivityCom
} }
} }
/**
* Toggle list of grades.
*/
toggleGrades(): void {
this.gradesExpanded = !this.gradesExpanded;
}
/** /**
* Open a SCORM package. * Open a SCORM package.
* *