<core-navbar-buttons slot="end">
    <core-context-menu>
        <core-context-menu-item [hidden]="!displayEnableDownload" [priority]="2000" [iconAction]="downloadEnabledIcon"
            [content]="'core.settings.showdownloadoptions' | translate" (action)="toggleDownload()">
        </core-context-menu-item>
        <core-context-menu-item [hidden]="!downloadCourseEnabled" [priority]="1900"
            [content]="prefetchCourseData.statusTranslatable | translate" (action)="prefetchCourse()"
            [iconAction]="prefetchCourseData.icon" [closeOnClick]="false">
        </core-context-menu-item>
        <core-context-menu-item [priority]="1800" [content]="'core.course.coursesummary' | translate" (action)="openCourseSummary()"
            iconAction="fa-graduation-cap">
        </core-context-menu-item>
        <core-context-menu-item *ngFor="let item of courseMenuHandlers" [priority]="item.priority" (action)="openMenuItem(item)"
            [content]="item.data.title | translate" [iconAction]="item.data.icon" [class]="item.data.class">
        </core-context-menu-item>
    </core-context-menu>
</core-navbar-buttons>
<ion-content>
    <ion-refresher slot="fixed" [disabled]="!dataLoaded || !displayRefresher" (ionRefresh)="doRefresh($event.target)">
        <ion-refresher-content pullingText="{{ 'core.pulltorefresh' | translate }}"></ion-refresher-content>
    </ion-refresher>

    <core-loading [hideUntil]="dataLoaded">
        <core-course-format [course]="course" [sections]="sections" [initialSectionId]="sectionId"
            [initialSectionNumber]="sectionNumber" [downloadEnabled]="downloadEnabled" [moduleId]="moduleId"
            (completionChanged)="onCompletionChange($event)" class="core-course-format-{{course.format}}">
        </core-course-format>
    </core-loading>
</ion-content>
