Adding Capacity Card to Storage Overview

[AyushAmbastha]

Added Capacity card to show 'Total capacity' in the form of a donut chart.

Tasks yet to be done as suggested by @[email protected] -

1. Change the font of 'Total Capacity' title to a smaller one. The text should be smaller than the card title 'Capacity'.
2. Change GB to GiB.
   How do I go about it?

These changes will be sent in a following patch.
Also, I'll send a PR in kubevirt/web-ui for the same and reference this there.

[rawagner]

@AyushAmbastha you can change units to *iB format here https://github.com/kubevirt/web-ui-components/blob/master/src/utils/utils.js#L85 but it will affect all units we have including network traffic so for example GBps will became GiBps. @andybraren I think that is OK, but to make sure..

[AyushAmbastha]

Update: Integration in kubevirt/web-ui also done kubevirt/web-ui#273

[coveralls]

Pull Request Test Coverage Report for Build 1083

• 5 of 6 (83.33%) changed or added relevant lines in 1 file are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage decreased (-0.02%) to 87.283%

---

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
src/components/StorageOverview/Capacity/Capacity.js	5	6	83.33%

Totals
Change from base Build 1297:	-0.02%
Covered Lines:	3196
Relevant Lines:	3511

---

💛 - Coveralls

[coveralls]

Pull Request Test Coverage Report for Build 1309

• 5 of 6 (83.33%) changed or added relevant lines in 1 file are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage decreased (-0.02%) to 87.283%

---

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
src/components/StorageOverview/Capacity/Capacity.js	5	6	83.33%

Totals
Change from base Build 1297:	-0.02%
Covered Lines:	3196
Relevant Lines:	3511

---

💛 - Coveralls

[andybraren]

@AyushAmbastha you can change units to *iB format here https://github.com/kubevirt/web-ui-components/blob/master/src/utils/utils.js#L85 but it will affect all units we have including network traffic so for example GBps will became GiBps. @andybraren I think that is OK, but to make sure..

@rawagner I personally think the IEC unit (*iB) is better, but OKD currently uses the same labels that are in the YAML - abbreviated "Gi" or "Ti" without the "B" at the end. We should probably align with the rest of OKD for now until we open up that debate in the future. 😄

Network traffic is the one place where SI units (Mbps/Gbps) is still the industry standard, and I can't remember ever seeing Gibibits per second "Gibps" or Gibibytes per second "GiBps" in the real world. I just checked and it looks like Node Details pages within OKD use Kbps for network in/out taken from Prometheus data, so there is precedent for this.

From Node Details page:

From Prometheus dashboard: