}
buildPieData (stats: VideosRedundancyStats) {
- const totalSize = stats.totalSize
+ if (stats.totalSize === 0) return
+
+ const totalAvailable = stats.totalSize
? stats.totalSize - stats.totalUsed
- : stats.totalUsed
+ : null
+
+ const labels = [ $localize`Used (${this.bytesToHuman(stats.totalUsed)})` ]
+ const data = [ stats.totalUsed ]
- if (totalSize === 0) return
+ // 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'
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
}
}
}
private saveSelectLocalStorage () {
peertubeLocalStorage.setItem(VideoRedundanciesListComponent.LOCAL_STORAGE_DISPLAY_TYPE, this.displayType)
}
+
+ private bytesToHuman (bytes: number) {
+ return this.bytesPipe.transform(bytes, 1)
+ }
}