2017-12-12 10:49:13 +01:00
|
|
|
<ion-header>
|
|
|
|
|
<ion-navbar>
|
|
|
|
|
<ion-title>{{ 'core.courses.mycourses' | translate }}</ion-title>
|
|
|
|
|
|
|
|
|
|
<ion-buttons end>
|
|
|
|
|
<button *ngIf="searchEnabled" ion-button icon-only (click)="openSearch()" [attr.aria-label]="'core.courses.searchcourses' | translate">
|
|
|
|
|
<ion-icon name="search"></ion-icon>
|
|
|
|
|
</button>
|
2017-12-22 08:06:01 +01:00
|
|
|
<core-context-menu>
|
2018-01-17 15:00:14 +01:00
|
|
|
<core-context-menu-item [hidden]="!courses || courses.length < 2" [priority]="800" [content]="'core.courses.downloadcourses' | translate" (action)="prefetchCourses()" [iconAction]="prefetchCoursesData.icon" [closeOnClick]="false" [badge]="prefetchCoursesData.badge"></core-context-menu-item>
|
2017-12-22 08:06:01 +01:00
|
|
|
<core-context-menu-item [hidden]="!courses || courses.length <= 5" [priority]="700" [content]="'core.courses.filtermycourses' | translate" (action)="switchFilter()" [iconAction]="'funnel'"></core-context-menu-item>
|
|
|
|
|
</core-context-menu>
|
2017-12-12 10:49:13 +01:00
|
|
|
</ion-buttons>
|
|
|
|
|
</ion-navbar>
|
|
|
|
|
</ion-header>
|
|
|
|
|
<ion-content>
|
|
|
|
|
<ion-refresher [enabled]="coursesLoaded" (ionRefresh)="refreshCourses($event)">
|
|
|
|
|
<ion-refresher-content pullingText="{{ 'core.pulltorefresh' | translate }}"></ion-refresher-content>
|
|
|
|
|
</ion-refresher>
|
|
|
|
|
|
|
|
|
|
<core-loading [hideUntil]="coursesLoaded">
|
|
|
|
|
<ion-item *ngIf="showFilter" class="item-transparent">
|
|
|
|
|
<ion-icon name="funnel" class="placeholder-icon" item-start></ion-icon>
|
|
|
|
|
<ion-input type="text" name="filter" placeholder="{{ 'core.courses.filtermycourses' | translate }}" [(ngModel)]="filter" (ngModelChange)="filterChanged($event)"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<core-courses-course-progress *ngFor="let course of filteredCourses" [course]="course" showSummary="true"></core-courses-course-progress>
|
|
|
|
|
<core-empty-box *ngIf="!courses || !courses.length" icon="ionic" [message]="'core.courses.nocourses' | translate">
|
|
|
|
|
<p *ngIf="searchEnabled">{{ 'core.courses.searchcoursesadvice' | translate }}</p>
|
|
|
|
|
</core-empty-box>
|
|
|
|
|
</core-loading>
|
|
|
|
|
</ion-content>
|
