65 lines
4.1 KiB
HTML
65 lines
4.1 KiB
HTML
<ion-header>
|
||
<ion-navbar>
|
||
<ion-title><core-format-text [text]="course.fullname"></core-format-text></ion-title>
|
||
</ion-navbar>
|
||
</ion-header>
|
||
<ion-content>
|
||
<ion-refresher [enabled]="dataLoaded" (ionRefresh)="refreshData($event)">
|
||
<ion-refresher-content pullingText="{{ 'core.pulltorefresh' | translate }}"></ion-refresher-content>
|
||
</ion-refresher>
|
||
<core-loading [hideUntil]="dataLoaded">
|
||
|
||
<ion-list *ngIf="course">
|
||
<a ion-item text-wrap (click)="openCourse()" [title]="course.fullname" [attr.detail-none]="!handlersShouldBeShown">
|
||
<ion-icon name="ionic" item-start></ion-icon>
|
||
<h2><core-format-text [text]="course.fullname"></core-format-text></h2>
|
||
<p *ngIf="course.categoryname">{{course.categoryname}}</p>
|
||
<p *ngIf="course.startdate">{{course.startdate * 1000 | coreFormatDate:"dfdaymonthyear"}} <span *ngIf="course.enddate"> - {{course.enddate * 1000 | coreFormatDate:"dfdaymonthyear"}}</span></p>
|
||
</a>
|
||
|
||
<ion-item text-wrap *ngIf="course.summary" detail-none>
|
||
<core-format-text [text]="course.summary" maxHeight="120"></core-format-text>
|
||
</ion-item>
|
||
|
||
<ng-container text-wrap *ngIf="course.contacts && course.contacts.length">
|
||
<ion-item-divider color="light">{{ 'core.teachers' | translate }}</ion-item-divider>
|
||
<a ion-item text-wrap *ngFor="let contact of course.contacts" core-user-link userId="{{contact.id}}" courseId="{{isEnrolled ? course.id : null}}" [attr.aria-label]="'core.viewprofile' | translate">{{contact.fullname}}</a>
|
||
<ion-item-divider color="light"></ion-item-divider>
|
||
</ng-container>
|
||
<core-file *ngFor="let file of course.overviewfiles" [file]="file" [component]="component" [componentId]="course.id"></core-file>
|
||
<div *ngIf="!isEnrolled" detail-none>
|
||
<ion-item text-wrap *ngFor="let instance of selfEnrolInstances">
|
||
<h2>{{ instance.name }}</h2>
|
||
<button ion-button block margin-top (click)="selfEnrolClicked(instance.id)">{{ 'core.courses.enrolme' | translate }}</button>
|
||
</ion-item>
|
||
</div>
|
||
<ion-item text-wrap *ngIf="!isEnrolled && paypalEnabled" detail-none>
|
||
<h2>{{ 'core.courses.paypalaccepted' | translate }}</h2>
|
||
<p>{{ 'core.paymentinstant' | translate }}</p>
|
||
<button ion-button block margin-top (click)="paypalEnrol()">{{ 'core.courses.sendpaymentbutton' | translate }}</button>
|
||
</ion-item>
|
||
<ion-item *ngIf="!isEnrolled && !selfEnrolInstances.length && !paypalEnabled">
|
||
<p>{{ 'core.courses.notenrollable' | translate }}</p>
|
||
</ion-item>
|
||
<a ion-item *ngIf="handlersShouldBeShown" (click)="prefetchCourse()" detail-none>
|
||
<ion-icon *ngIf="prefetchCourseData.prefetchCourseIcon != 'spinner'" [name]="prefetchCourseData.prefetchCourseIcon" item-start></ion-icon>
|
||
<ion-spinner *ngIf="prefetchCourseData.prefetchCourseIcon == 'spinner'" item-start></ion-spinner>
|
||
<h2>{{ 'core.course.downloadcourse' | translate }}</h2>
|
||
</a>
|
||
<a ion-item (click)="openCourse()" [title]="course.fullname" *ngIf="handlersShouldBeShown">
|
||
<ion-icon name="briefcase" item-start></ion-icon>
|
||
<h2>{{ 'core.course.contents' | translate }}</h2>
|
||
</a>
|
||
<div class="core-course-handlers" *ngIf="handlersShouldBeShown && course._handlers && course._handlers.length">
|
||
<a ion-item text-wrap *ngFor="let handler of course._handlers" class="core-courses-handler {{handler.class}}">
|
||
<ion-icon [name]="icon" item-start></ion-icon>
|
||
<h2><core-format-text [text]="title | translate"></core-format-text></h2>
|
||
</a>
|
||
</div>
|
||
<ion-item class="core-loading-course-handlers" text-center *ngIf="handlersShouldBeShown && !handlersLoaded">
|
||
<ion-spinner></ion-spinner>
|
||
</ion-item>
|
||
</ion-list>
|
||
</core-loading>
|
||
</ion-content>
|