20 lines
1.3 KiB
HTML
20 lines
1.3 KiB
HTML
<ion-item-divider>
|
||
<h2>{{ 'addon.block_recentlyaccessedcourses.pluginname' | translate }}</h2>
|
||
<div *ngIf="downloadCoursesEnabled && downloadEnabled && courses && courses.length > 1" class="core-button-spinner" item-end>
|
||
<button *ngIf="prefetchCoursesData.icon && prefetchCoursesData.icon != 'spinner'" ion-button icon-only clear color="dark" (click)="prefetchCourses()">
|
||
<core-icon [name]="prefetchCoursesData.icon"></core-icon>
|
||
</button>
|
||
<ion-badge class="core-course-download-courses-progress" *ngIf="prefetchCoursesData.badge">{{prefetchCoursesData.badge}}</ion-badge>
|
||
<ion-spinner *ngIf="!prefetchCoursesData.icon || prefetchCoursesData.icon == 'spinner'"></ion-spinner>
|
||
</div>
|
||
</ion-item-divider>
|
||
<core-loading [hideUntil]="loaded" class="core-loading-center safe-area-page">
|
||
<core-empty-box *ngIf="courses.length == 0" image="assets/img/icons/courses.svg" [message]="'addon.block_recentlyaccessedcourses.nocourses' | translate"></core-empty-box>
|
||
<!-- List of courses. -->
|
||
<div class="core-horizontal-scroll">
|
||
<ng-container *ngFor="let course of courses">
|
||
<core-courses-course-progress [course]="course" class="core-recentlyaccessedcourses" [showDownload]="downloadCourseEnabled && downloadEnabled"></core-courses-course-progress>
|
||
</ng-container>
|
||
</div>
|
||
</core-loading>
|