mirror of https://github.com/Squidex/squidex.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.5 KiB
51 lines
1.5 KiB
/*
|
|
* Squidex Headless CMS
|
|
*
|
|
* @license
|
|
* Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
|
|
*/
|
|
|
|
import { ChangeDetectionStrategy, Component, Input, OnChanges } from '@angular/core';
|
|
import { AppDto, fadeAnimation, StorageUsagePerDateDto } from '@app/shared';
|
|
import { ChartHelpers, ChartOptions } from './shared';
|
|
|
|
@Component({
|
|
selector: 'sqx-asset-uploads-size-card',
|
|
styleUrls: ['./asset-uploads-size-card.component.scss'],
|
|
templateUrl: './asset-uploads-size-card.component.html',
|
|
animations: [
|
|
fadeAnimation,
|
|
],
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
})
|
|
export class AssetUploadsSizeCardComponent implements OnChanges {
|
|
@Input()
|
|
public app: AppDto;
|
|
|
|
@Input()
|
|
public usage: ReadonlyArray<StorageUsagePerDateDto>;
|
|
|
|
public chartData: any;
|
|
public chartOptions = ChartOptions.Default;
|
|
|
|
public ngOnChanges() {
|
|
if (this.usage) {
|
|
const labels = ChartHelpers.createLabels(this.usage);
|
|
|
|
this.chartData = {
|
|
labels,
|
|
datasets: [
|
|
{
|
|
label: 'All',
|
|
lineTension: 0,
|
|
fill: false,
|
|
backgroundColor: ChartHelpers.getBackgroundColor(),
|
|
borderColor: ChartHelpers.getBorderColor(),
|
|
borderWidth: 1,
|
|
data: this.usage.map(x => Math.round(100 * (x.totalSize / (1024 * 1024))) / 100),
|
|
},
|
|
],
|
|
};
|
|
}
|
|
}
|
|
}
|
|
|