107 lines
6.8 KiB
HTML
107 lines
6.8 KiB
HTML
<ion-header>
|
|
<ion-toolbar>
|
|
<ion-buttons slot="start">
|
|
<ion-back-button [text]="'core.back' | translate"></ion-back-button>
|
|
</ion-buttons>
|
|
<ion-title>
|
|
<h1>{{ 'addon.storagemanager.coursedownloads' | translate }}</h1>
|
|
</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
<ion-content>
|
|
<core-loading [hideUntil]="loaded">
|
|
<ion-card class="wholecourse">
|
|
<ion-card-header>
|
|
<p class="ion-text-wrap ion-no-margin">{{ 'addon.storagemanager.courseinfo' | translate }}</p>
|
|
<ion-card-title>{{ title }}</ion-card-title>
|
|
<ion-item class="size ion-text-wrap ion-no-padding" lines="none">
|
|
<ion-label>
|
|
<p class="item-heading ion-text-wrap">{{ 'addon.storagemanager.totaldownloads' | translate }}</p>
|
|
<ion-badge color="light">{{ totalSize | coreBytesToSize }}</ion-badge>
|
|
</ion-label>
|
|
<ion-button slot="end" (click)="deleteForCourse()" [disabled]="totalSize == 0" color="danger" fill="outline">
|
|
<ion-icon name="fas-trash" slot="icon-only" [attr.aria-label]="'addon.storagemanager.deletecourse' | translate">
|
|
</ion-icon>
|
|
</ion-button>
|
|
</ion-item>
|
|
<ion-button *ngIf="downloadCourseEnabled" (click)="prefetchCourse()" expand="block" fill="outline">
|
|
<ion-icon *ngIf="!prefetchCourseData.loading" [name]="prefetchCourseData.icon" slot="start"></ion-icon>
|
|
<ion-spinner *ngIf="prefetchCourseData.loading" slot="start"></ion-spinner>
|
|
{{ prefetchCourseData.statusTranslatable | translate }}
|
|
</ion-button>
|
|
</ion-card-header>
|
|
</ion-card>
|
|
<ng-container *ngFor="let section of sections">
|
|
<ion-card class="section" *ngIf="section.modules.length > 0">
|
|
<ion-card-header>
|
|
<ion-item class="ion-no-padding">
|
|
<ion-label>
|
|
<p class="item-heading ion-text-wrap">{{ section.name }}</p>
|
|
<ion-badge color="light" *ngIf="section.totalSize > 0">
|
|
{{ section.totalSize | coreBytesToSize }}
|
|
</ion-badge>
|
|
<!-- Download progress. -->
|
|
<p *ngIf="downloadEnabled && section.isDownloading">
|
|
<core-progress-bar [progress]="section.total == 0 ? -1 : section.count / section.total">
|
|
</core-progress-bar>
|
|
</p>
|
|
</ion-label>
|
|
<div class="storage-buttons" slot="end" *ngIf="section.totalSize > 0 || downloadEnabled">
|
|
<ion-button (click)="deleteForSection(section)" *ngIf="section.totalSize > 0" color="danger" fill="outline">
|
|
<ion-icon name="fas-trash" slot="icon-only"
|
|
[attr.aria-label]="'addon.storagemanager.deletedatafrom' | translate: { name: section.name }">
|
|
</ion-icon>
|
|
</ion-button>
|
|
<div *ngIf="downloadEnabled" slot="end" class="core-button-spinner">
|
|
<core-download-refresh *ngIf="!section.isDownloading" [status]="section.downloadStatus" [enabled]="true"
|
|
(action)="prefecthSection(section)" [loading]="section.isDownloading || section.isCalculating"
|
|
[canTrustDownload]="true" size="small">
|
|
</core-download-refresh>
|
|
|
|
<ion-badge class="core-course-download-section-progress"
|
|
*ngIf="section.isDownloading && section.count < section.total" role="progressbar"
|
|
[attr.aria-valuemax]="section.total" [attr.aria-valuenow]="section.count"
|
|
[attr.aria-valuetext]="'core.course.downloadsectionprogressdescription' | translate:section">
|
|
{{section.count}} / {{section.total}}
|
|
</ion-badge>
|
|
</div>
|
|
</div>
|
|
</ion-item>
|
|
</ion-card-header>
|
|
<ion-card-content>
|
|
<ng-container *ngFor="let module of section.modules">
|
|
<ion-item class="ion-no-padding core-course-storage-activity" *ngIf="downloadEnabled || module.totalSize > 0">
|
|
<core-mod-icon slot="start" *ngIf="module.handlerData.icon" [modicon]="module.handlerData.icon"
|
|
[modname]="module.modname" [componentId]="module.instance">
|
|
</core-mod-icon>
|
|
<ion-label class="ion-text-wrap">
|
|
<h3 class="{{module.handlerData!.class}} addon-storagemanager-module-size">
|
|
<core-format-text [text]="module.handlerData.title" [courseId]="module.course" contextLevel="module"
|
|
[contextInstanceId]="module.id" [adaptImg]="false">
|
|
</core-format-text>
|
|
</h3>
|
|
<ion-badge color="light" *ngIf="module.totalSize > 0">
|
|
{{ module.totalSize | coreBytesToSize }}
|
|
</ion-badge>
|
|
</ion-label>
|
|
|
|
<div class="storage-buttons" slot="end">
|
|
<ion-button fill="clear" (click)="deleteForModule(module, section)" *ngIf="module.totalSize > 0"
|
|
color="danger">
|
|
<ion-icon name="fas-trash" slot="icon-only"
|
|
[attr.aria-label]="'addon.storagemanager.deletedatafrom' | translate: { name: module.name }">
|
|
</ion-icon>
|
|
</ion-button>
|
|
<core-download-refresh *ngIf="downloadEnabled && module.handlerData?.showDownloadButton"
|
|
[status]="module.downloadStatus" [enabled]="true" [canTrustDownload]="true" size="small"
|
|
[loading]="module.spinner || module.handlerData.spinner" (action)="prefetchModule(module, section)">
|
|
</core-download-refresh>
|
|
</div>
|
|
</ion-item>
|
|
</ng-container>
|
|
</ion-card-content>
|
|
</ion-card>
|
|
</ng-container>
|
|
</core-loading>
|
|
</ion-content>
|