Better display redundancy pies

This commit is contained in:
Chocobozzz 2022-02-08 16:15:00 +01:00
parent 15a0e5f3b3
commit ba8a8367e7
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
1 changed files with 23 additions and 12 deletions

View File

@ -90,19 +90,31 @@ export class VideoRedundanciesListComponent extends RestTable implements OnInit
}
buildPieData (stats: VideosRedundancyStats) {
const totalSize = stats.totalSize
? stats.totalSize - stats.totalUsed
: stats.totalUsed
if (stats.totalSize === 0) return
if (totalSize === 0) return
const totalAvailable = stats.totalSize
? stats.totalSize - stats.totalUsed
: null
const labels = [ $localize`Used (${this.bytesToHuman(stats.totalUsed)})` ]
const data = [ stats.totalUsed ]
// Not in manual strategy
if (totalAvailable) {
labels.push(
$localize`Available (${this.bytesToHuman(totalAvailable)})`
)
data.push(totalAvailable)
}
this.redundanciesGraphsData.push({
stats,
graphData: {
labels: [ $localize`Used`, $localize`Available` ],
labels,
datasets: [
{
data: [ stats.totalUsed, totalSize ],
data,
backgroundColor: [
'#FF6384',
'#36A2EB'
@ -124,12 +136,7 @@ export class VideoRedundanciesListComponent extends RestTable implements OnInit
tooltip: {
callbacks: {
label: (tooltip: TooltipItem<any>) => {
let label = tooltip.label || ''
if (label) label += ': '
label += this.bytesPipe.transform(tooltip.raw as number, 1)
return label
return tooltip.label
}
}
}
@ -181,4 +188,8 @@ export class VideoRedundanciesListComponent extends RestTable implements OnInit
private saveSelectLocalStorage () {
peertubeLocalStorage.setItem(VideoRedundanciesListComponent.LOCAL_STORAGE_DISPLAY_TYPE, this.displayType)
}
private bytesToHuman (bytes: number) {
return this.bytesPipe.transform(bytes, 1)
}
}