UI changes for storage access group apis

Author: sureshanaparti

ui/src/views/infra/ClusterUpdate.vue

@@ -82,7 +82,7 @@
 
 <script>
 import { ref, reactive, toRaw } from 'vue'
-import { api } from '@/api'
+import { getAPI, postAPI } from '@/api'
 import TooltipLabel from '@/components/widgets/TooltipLabel'
 
 export default {
@@ -130,7 +130,7 @@ export default {
     fetchStorageAccessGroupsData () {
       const params = {}
       this.storageAccessGroupsLoading = true
-      api('listStorageAccessGroups', params).then(json => {
+      getAPI('listStorageAccessGroups', params).then(json => {
         const sags = json.liststorageaccessgroupsresponse.storageaccessgroup || []
         for (const sag of sags) {
           if (!this.storageAccessGroups.includes(sag.name)) {
@@ -168,7 +168,7 @@ export default {
         params.clustername = values.name
         this.loading = true
 
-        api('updateCluster', params).then(json => {
+        postAPI('updateCluster', params).then(json => {
           this.$message.success({
             content: `${this.$t('label.action.update.cluster')} - ${values.name}`,
             duration: 2
@@ -181,7 +181,7 @@ export default {
           }
 
           if (params.storageaccessgroups !== undefined && (this.resource.storageaccessgroups ? this.resource.storageaccessgroups.split(',').join(',') : '') !== params.storageaccessgroups) {
-            api('configureStorageAccess', {
+            postAPI('configureStorageAccess', {
               clusterid: params.id,
               storageaccessgroups: params.storageaccessgroups
             }).then(response => {

ui/src/views/infra/ConnectedAgentsTab.vue

@@ -31,7 +31,7 @@
 </template>
 
 <script>
-import { api } from '@/api'
+import { getAPI } from '@/api'
 import Status from '@/components/widgets/Status'
 
 export default {
@@ -76,7 +76,7 @@ export default {
   methods: {
     fetchData () {
       this.hostAgents = []
-      api('listHosts', {
+      getAPI('listHosts', {
         listall: true,
         managementserverid: this.resource.id
       }).then(json => {

ui/src/views/infra/HostUpdate.vue

@@ -147,7 +147,7 @@ export default {
     fetchStorageAccessGroupsData () {
       const params = {}
       this.storageAccessGroupsLoading = true
-      api('listStorageAccessGroups', params).then(json => {
+      getAPI('listStorageAccessGroups', params).then(json => {
         const sags = json.liststorageaccessgroupsresponse.storageaccessgroup || []
         for (const sag of sags) {
           if (!this.storageAccessGroups.includes(sag.name)) {
@@ -196,7 +196,7 @@ export default {
           }
 
           if (params.storageaccessgroups !== undefined && (this.resource.storageaccessgroups ? this.resource.storageaccessgroups.split(',').join(',') : '') !== params.storageaccessgroups) {
-            api('configureStorageAccess', {
+            postAPI('configureStorageAccess', {
               hostid: params.id,
               storageaccessgroups: params.storageaccessgroups
             }).then(response => {

ui/src/views/infra/PodUpdate.vue

@@ -75,7 +75,7 @@
 
 <script>
 import { ref, reactive, toRaw } from 'vue'
-import { api } from '@/api'
+import { getAPI, postAPI } from '@/api'
 import TooltipLabel from '@/components/widgets/TooltipLabel'
 
 export default {
@@ -124,7 +124,7 @@ export default {
     fetchStorageAccessGroupsData () {
       const params = {}
       this.storageAccessGroupsLoading = true
-      api('listStorageAccessGroups', params).then(json => {
+      getAPI('listStorageAccessGroups', params).then(json => {
         const sags = json.liststorageaccessgroupsresponse.storageaccessgroup || []
         for (const sag of sags) {
           if (!this.storageAccessGroups.includes(sag.name)) {
@@ -147,7 +147,7 @@ export default {
         params.name = values.name
         this.loading = true
 
-        api('updatePod', params).then(json => {
+        postAPI('updatePod', params).then(json => {
           this.$message.success({
             content: `${this.$t('label.action.update.pod')} - ${values.name}`,
             duration: 2
@@ -160,7 +160,7 @@ export default {
           }
 
           if (params.storageaccessgroups !== undefined && (this.resource.storageaccessgroups ? this.resource.storageaccessgroups.split(',').join(',') : '') !== params.storageaccessgroups) {
-            api('configureStorageAccess', {
+            postAPI('configureStorageAccess', {
               podid: params.id,
               storageaccessgroups: params.storageaccessgroups
             }).then(response => {

ui/src/views/infra/UpdatePrimaryStorage.vue

@@ -179,7 +179,7 @@ export default {
     fetchStorageAccessGroupsData () {
       const params = {}
       this.storageAccessGroupsLoading = true
-      api('listStorageAccessGroups', params).then(json => {
+      getAPI('listStorageAccessGroups', params).then(json => {
         const sags = json.liststorageaccessgroupsresponse.storageaccessgroup || []
         for (const sag of sags) {
           if (!this.storageAccessGroups.includes(sag.name)) {
@@ -228,7 +228,7 @@ export default {
         }
 
         if (args.storageaccessgroups !== undefined && (this.resource.storageaccessgroups ? this.resource.storageaccessgroups.split(',').join(',') : '') !== args.storageaccessgroups) {
-          api('configureStorageAccess', {
+          postAPI('configureStorageAccess', {
             storageid: args.id,
             storageaccessgroups: args.storageaccessgroups
           }).then(response => {

ui/src/views/infra/ZoneUpdate.vue

@@ -126,7 +126,7 @@
 
 <script>
 import { ref, reactive, toRaw } from 'vue'
-import { api } from '@/api'
+import { getAPI, postAPI } from '@/api'
 import TooltipLabel from '@/components/widgets/TooltipLabel'
 
 export default {
@@ -182,7 +182,7 @@ export default {
     fetchStorageAccessGroupsData () {
       const params = {}
       this.storageAccessGroupsLoading = true
-      api('listStorageAccessGroups', params).then(json => {
+      getAPI('listStorageAccessGroups', params).then(json => {
         const sags = json.liststorageaccessgroupsresponse.storageaccessgroup || []
         for (const sag of sags) {
           if (!this.storageAccessGroups.includes(sag.name)) {
@@ -202,7 +202,7 @@ export default {
 
         this.loading = true
 
-        api('updateZone', params).then(json => {
+        postAPI('updateZone', params).then(json => {
           this.$message.success({
             content: `${this.$t('label.action.update.zone')} - ${values.name}`,
             duration: 2
@@ -215,7 +215,7 @@ export default {
           }
 
           if (params.storageaccessgroups !== undefined && (this.resource.storageaccessgroups ? this.resource.storageaccessgroups.split(',').join(',') : '') !== params.storageaccessgroups) {
-            api('configureStorageAccess', {
+            postAPI('configureStorageAccess', {
               zoneid: params.id,
               storageaccessgroups: params.storageaccessgroups
             }).then(response => {