UI changes for new api calls

Author: sureshanaparti

ui/src/components/view/InfoCard.vue

@@ -1071,7 +1071,7 @@ export default {
     fetchOsCategoryAndIcon () {
       const osId = this.resource.guestosid || this.resource.ostypeid
       if (osId && 'listOsTypes' in this.$store.getters.apis) {
-        api('listOsTypes', { id: osId }).then(json => {
+        getAPI('listOsTypes', { id: osId }).then(json => {
           this.osCategoryId = json?.listostypesresponse?.ostype?.[0]?.oscategoryid || null
           if (this.osCategoryId) {
             this.fetchResourceIcon(this.osCategoryId, 'guestoscategory')

ui/src/components/view/SearchView.vue

@@ -1032,7 +1032,7 @@ export default {
     },
     fetchOsCategories (searchKeyword) {
       return new Promise((resolve, reject) => {
-        api('listOsCategories', { showicon: true, keyword: searchKeyword }).then(json => {
+        getAPI('listOsCategories', { showicon: true, keyword: searchKeyword }).then(json => {
           const osCategories = json.listoscategoriesresponse.oscategory
           resolve({
             type: 'oscategoryid',

ui/src/views/compute/ReinstallVm.vue

@@ -308,7 +308,7 @@ export default {
         featured: true,
         showicon: true
       }
-      api('listOsCategories', params).then((response) => {
+      getAPI('listOsCategories', params).then((response) => {
         this.options.guestOsCategories = response?.listoscategoriesresponse?.oscategory || []
         if (this.showUserCategoryForModernImageSelection) {
           const userCategory = {

ui/src/views/dashboard/UsageDashboard.vue

@@ -571,7 +571,7 @@ export default {
         this.data.stopped = json?.listvirtualmachinesresponse?.count
       })
       if (this.isLeaseFeatureEnabled) {
-        api('listVirtualMachines', { leased: true, listall: true, details: 'min', page: 1, pagesize: 1 }).then(json => {
+        getAPI('listVirtualMachines', { leased: true, listall: true, details: 'min', page: 1, pagesize: 1 }).then(json => {
           this.loading = false
           this.data.leasedinstances = json?.listvirtualmachinesresponse?.count
           if (!this.data.leasedinstances) {

ui/src/views/image/IsoZones.vue

@@ -539,7 +539,7 @@ export default {
       if (!needed) {
         return
       }
-      api('listOsTypes', { id: this.resource.ostypeid }).then(json => {
+      getAPI('listOsTypes', { id: this.resource.ostypeid }).then(json => {
         this.osCategoryId = json?.listostypesresponse?.ostype?.[0]?.oscategoryid || null
       })
     },

ui/src/views/image/TemplateZones.vue

@@ -607,7 +607,7 @@ export default {
       if (!needed) {
         return
       }
-      api('listOsTypes', { id: this.resource.ostypeid }).then(json => {
+      getAPI('listOsTypes', { id: this.resource.ostypeid }).then(json => {
         this.osCategoryId = json?.listostypesresponse?.ostype?.[0]?.oscategoryid || null
       })
     },