forked from CIT/Vmeda.Online
41 lines
2.2 KiB
HTML
41 lines
2.2 KiB
HTML
<ion-item-divider [sticky]="true">
|
|
<ion-label>
|
|
<h2>{{ 'addon.block_recentlyaccesseditems.pluginname' | translate }}</h2>
|
|
</ion-label>
|
|
<div slot="end">
|
|
<core-horizontal-scroll-controls #scrollControls [aria-controls]="scrollElementId" />
|
|
</div>
|
|
</ion-item-divider>
|
|
<core-loading [hideUntil]="loaded">
|
|
<div [id]="scrollElementId" [hidden]="!items || items.length === 0" class="core-horizontal-scroll"
|
|
(scroll)="scrollControls.updateScrollPosition()">
|
|
<div *ngIf="items" (onResize)="scrollControls.updateScrollPosition()" class="flex-row">
|
|
<div class="safe-area-pseudo-padding-start"></div>
|
|
<div *ngFor="let item of items" class="core-horizontal-scroll-item">
|
|
<ion-card>
|
|
<ion-item class="core-course-module-handler ion-text-wrap" [detail]="false" (click)="action($event, item)" button>
|
|
<core-mod-icon slot="start" *ngIf="item.iconUrl" [modicon]="item.iconUrl" [modname]="item.modname"
|
|
[componentId]="item.cmid" [showAlt]="false" [purpose]="item.purpose" />
|
|
<ion-label>
|
|
<!-- Add the icon title so accessibility tools read it. -->
|
|
<span class="sr-only" *ngIf="item.iconTitle">{{ item.iconTitle }}</span>
|
|
<p class="item-heading">
|
|
<core-format-text [text]="item.name" contextLevel="module" [contextInstanceId]="item.cmid"
|
|
[courseId]="item.courseid" />
|
|
</p>
|
|
<p>
|
|
<core-format-text [text]="item.coursename" contextLevel="course" [contextInstanceId]="item.courseid" />
|
|
</p>
|
|
</ion-label>
|
|
</ion-item>
|
|
</ion-card>
|
|
</div>
|
|
<div class="safe-area-pseudo-padding-end"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<core-empty-box *ngIf="items.length <= 0" image="assets/img/icons/activities.svg"
|
|
[message]="'addon.block_recentlyaccesseditems.noitems' | translate" />
|
|
|
|
</core-loading>
|