CIT/Vmeda.Online
3
0
Fork 1
forked from EVOgeek/Vmeda.Online
Code Pull Requests Activity

MOBILE-4092 courses: Fix access to hidden courses

Browse Source
This commit is contained in:
Anastasios Bithas 2022-06-11 17:48:33 +03:00 committed by Pau Ferrer Ocaña
parent a2e512de26
commit 689a36ac12
4 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/core/features/courses/components/course-list-item/core-courses-course-list-item.html
View File

@ -28,7 +28,7 @@
</ng-container> </ng-container>
<ion-item class="ion-text-wrap" button detail="false" (click)="openCourse()" [attr.aria-label]="course.displayname || course.fullname" <ion-item class="ion-text-wrap" button detail="false" (click)="openCourse()" [attr.aria-label]="course.displayname || course.fullname"
[class.item-disabled]="course.visible == 0"> [class.core-course-disabled]="course.visible == 0">
<ng-container *ngIf="layout == 'list' || layout == 'listwithenrol'"> <ng-container *ngIf="layout == 'list' || layout == 'listwithenrol'">
<ion-icon *ngIf="!course.courseImage" name="fas-graduation-cap" slot="start" class="course-icon core-course-thumb" <ion-icon *ngIf="!course.courseImage" name="fas-graduation-cap" slot="start" class="course-icon core-course-thumb"

5
src/core/features/courses/components/course-list-item/course-list-item.scss
View File

@ -39,6 +39,11 @@
color: var(--core-star-color); color: var(--core-star-color);
} }
// Simulate item[disabled] but keep pointer-events for hidden courses.
ion-item.core-course-disabled {
opacity: .8;
}
button { button {
z-index: 1; z-index: 1;
} }

2
src/core/features/courses/components/course-progress/core-courses-course-progress.html
View File

@ -4,7 +4,7 @@
<img *ngIf="course.courseImage" [src]="course.courseImage" core-external-content alt="" /> <img *ngIf="course.courseImage" [src]="course.courseImage" core-external-content alt="" />
</div> </div>
<ion-item button (click)="openCourse()" [attr.aria-label]="course.displayname || course.fullname" class="core-course-header" <ion-item button (click)="openCourse()" [attr.aria-label]="course.displayname || course.fullname" class="core-course-header"
[class.item-disabled]="course.visible == 0" [class.core-course-disabled]="course.visible == 0"
[class.core-course-only-title]="!showAll || progress < 0 && completionUserTracked === false" detail="false"> [class.core-course-only-title]="!showAll || progress < 0 && completionUserTracked === false" detail="false">
<ion-label class="ion-text-wrap core-course-title" <ion-label class="ion-text-wrap core-course-title"
[class.core-course-with-buttons]="courseOptionMenuEnabled || (downloadCourseEnabled && showDownload)" [class.core-course-with-buttons]="courseOptionMenuEnabled || (downloadCourseEnabled && showDownload)"

6
src/core/features/courses/components/course-progress/course-progress.scss
View File

@ -113,6 +113,12 @@
} }
} }
// Common styles.
// Simulate item[disabled] but keep pointer-events for hidden courses.
ion-item.core-course-disabled {
opacity: .8;
}
:host-context(.core-horizontal-scroll) { :host-context(.core-horizontal-scroll) {
@include horizontal_scroll_item(80%, 250px, 300px); @include horizontal_scroll_item(80%, 250px, 300px);