UI: Moves fetchdata() to the created()

[utchoang]

Description

This PR to move fetchData() to created() insteadof mount()

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)

Feature/Enhancement Scale or Bug Severity

Feature/Enhancement Scale

• Major
• Minor

Bug Severity

• BLOCKER
• Critical
• Major
• Minor
• Trivial

Screenshots (if appropriate):

How Has This Been Tested?

[utchoang]

@blueorangutan ui

[blueorangutan]

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

[shwstppr]

@utchoang will this offer any performance improvement? I hope we are not accessing/manipulating DOM elements in any of the fetchData methods

[utchoang]

@shwstppr Yes. In apache/cloudstack-primate#719 then move fetchData to created from mounted to reduce wait time for API calls since the data has been created but the page has not yet been rendered

[rohityadavcloud]

@utchoang what are the pros and cons of using one vs the other?

[utchoang]

@rhtyd When the component is initialized, fetching data from the backend at created() will be done without having to wait for the DOM to be mounted or rendered as if it were called on mounted().

[davidjumani]

@blueorangutan ui

[blueorangutan]

@davidjumani 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: http://qa.cloudstack.cloud:8080/client/pr/4811 (SL-JID-63)

[davidjumani]

LGTM. Did a quick round of testing
Forms appear to load a bit sooner

[rohityadavcloud]

@utchoang can you fix the conflict against latest 4.15 branch

[rohityadavcloud]

@utchoang can you fix the conflict?

[rohityadavcloud]

@blueorangutan ui

[blueorangutan]

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

[rohityadavcloud]

LGTM proxing David's testing/review

[blueorangutan]

UI build: ✔️
Live QA URL: http://qa.cloudstack.cloud:8080/client/pr/4811 (SL-JID-88)