UI: Fixes in the Usage UI

[bernardodemarco]

Description

This PR addresses the following issues related to the Usage UI:

• Usage metrics section is displayed with null values to users without access to the listUsageServerMetrics API (Fixes Usage server metrics section shown to users without access to the API #9992);
• Purge usage records action is displayed to users without access to the removeRawUsageRecords API (Fixes Purge usage records action shown to users without access to removeRawUsageRecords #9995);
• Generate usage records action is displayed to users without access to the generateUsageRecords API (Fixes Generate usage records action shown to users without access to generateUsageRecords #9994);
• Vertical scroll overflow in the usage records table (Fixes Possible to scroll past the usage records table's footer #9996);
• Usage types input field is displayed to users without access to the listUsageTypes API. Since the usageid parameter of the listUsageRecords API can only be used alongside the type parameter, both form fields are now hidden when the caller does not have access to the listUsageTypes API.

Types of changes

• Breaking change (fix or feature that would cause existing functionality to change)
• New feature (non-breaking change which adds functionality)
• Bug fix (non-breaking change which fixes an issue)
• Enhancement (improves an existing feature and functionality)
• Cleanup (Code refactoring and cleanup, that may add test cases)
• build/CI
• test (unit or integration test code)

Feature/Enhancement Scale or Bug Severity

Bug Severity

• BLOCKER
• Critical
• Major
• Minor
• Trivial

Screenshots (if appropriate):

• Usage UI view when the user does not have access to the listUsageServerMetrics, removeRawUsageRecords, generateUsageRecords and listUsageTypes APIs

How Has This Been Tested?

• Verified that users without access to the listUsageServerMetrics, removeRawUsageRecords, generateUsageRecords and listUsageTypes APIs were not able to interact with them through the UI.
• Verified that the vertical overflow issue was resolved.

[bernardodemarco]

@blueorangutan ui

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 15.80%. Comparing base (c63c7ee) to head (fa9bfba).
Report is 37 commits behind head on 4.20.

Additional details and impacted files

@@             Coverage Diff              @@
##               4.20   #10000      +/-   ##
============================================
- Coverage     15.80%   15.80%   -0.01%     
+ Complexity    12586    12585       -1     
============================================
  Files          5627     5627              
  Lines        492343   492349       +6     
  Branches      59694    59696       +2     
============================================
- Hits          77828    77826       -2     
- Misses       405992   405999       +7     
- Partials       8523     8524       +1     

Flag	Coverage Δ
uitests	4.04% <ø> (-0.01%)	⬇️
unittests	16.62% <ø> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[vishesh92]

@blueorangutan ui

[blueorangutan]

@vishesh92 a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

[blueorangutan]

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/10000 (QA-JID-488)

[winterhazel]

Looks good, verified in a local lab.

Just one thing: the last heartbeat may be undefined. We could show something like "never" instead of "null" for the last heartbeat for this case.

[bernardodemarco]

Just one thing: the last heartbeat may be undefined. We could show something like "never" instead of "null" for the last heartbeat for this case.

@winterhazel, done

[winterhazel]

Just one thing: the last heartbeat may be undefined. We could show something like "never" instead of "null" for the last heartbeat for this case.

@winterhazel, done

It would also be good to change the "a few seconds ago" in this case

[bernardodemarco]

It would also be good to change the "a few seconds ago" in this case

Done.

[rohityadavcloud]

@blueorangutan ui

[blueorangutan]

@rohityadavcloud a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

[blueorangutan]

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/10000 (QA-JID-490)

[bernardodemarco]

@blueorangutan ui

[blueorangutan]

@bernardodemarco a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

[blueorangutan]

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/10000 (QA-JID-491)