ui: getAPI-postAPI logic

Signed-off-by: Abhishek Kumar <[email protected]>

Author: shwstppr

ui/src/views/extension/AddCustomAction.vue

@@ -128,7 +128,7 @@
 
 <script>
 import { ref, reactive, toRaw } from 'vue'
-import { api } from '@/api'
+import { postAPI } from '@/api'
 import TooltipLabel from '@/components/widgets/TooltipLabel'
 import InfiniteScrollSelect from '@/components/widgets/InfiniteScrollSelect'
 import ParametersInput from '@/views/extension/ParametersInput'
@@ -209,7 +209,7 @@ export default {
             params['details[0].' + key] = value
           })
         }
-        api('addCustomAction', params).then(response => {
+        postAPI('addCustomAction', params).then(response => {
           this.$emit('refresh-data')
           this.$notification.success({
             message: this.$t('label.create.extension'),

ui/src/views/extension/CreateExtension.vue

@@ -105,7 +105,7 @@
 
 <script>
 import { ref, reactive, toRaw } from 'vue'
-import { api } from '@/api'
+import { postAPI } from '@/api'
 import TooltipLabel from '@/components/widgets/TooltipLabel'
 import DetailsInput from '@/components/widgets/DetailsInput'
 
@@ -201,7 +201,7 @@ export default {
             params['details[0].' + key] = value
           })
         }
-        api('createExtension', params).then(response => {
+        postAPI('createExtension', params).then(response => {
           this.$emit('refresh-data')
           this.$notification.success({
             message: this.$t('label.create.extension'),

ui/src/views/extension/ExtensionCustomActionsTab.vue

@@ -119,7 +119,7 @@
 </template>
 
 <script>
-import { api } from '@/api'
+import { getAPI, postAPI } from '@/api'
 import ObjectListTable from '@/components/view/ObjectListTable.vue'
 import TooltipButton from '@/components/widgets/TooltipButton'
 import AddCustomAction from '@/views/extension/AddCustomAction.vue'
@@ -210,7 +210,7 @@ export default {
         listall: true
       }
       this.tabLoading = true
-      api('listCustomActions', params).then(json => {
+      getAPI('listCustomActions', params).then(json => {
         this.extensionCustomActions = []
         this.totalCount = json?.listcustomactionsresponse?.count || 0
         this.extensionCustomActions = json?.listcustomactionsresponse?.extensioncustomaction || []
@@ -237,7 +237,7 @@ export default {
         enabled: !record.enabled
       }
       this.updateLoading = true
-      api('updateCustomAction', params).then(json => {
+      postAPI('updateCustomAction', params).then(json => {
         this.fetchCustomActions()
         this.$notification.success({
           message: record.enabled ? this.$t('label.disable.custom.action') : this.$t('label.enable.custom.action'),
@@ -254,7 +254,7 @@ export default {
         id: record.id
       }
       this.deleteLoading = true
-      api('deleteCustomAction', params).then(json => {
+      postAPI('deleteCustomAction', params).then(json => {
         this.fetchCustomActions()
         this.$notification.success({
           message: this.$t('label.delete.custom.action'),

ui/src/views/extension/ExtensionResourcesTab.vue

@@ -63,7 +63,7 @@
 </template>
 
 <script>
-import { api } from '@/api'
+import { postAPI } from '@/api'
 import eventBus from '@/config/eventBus'
 import ObjectListTable from '@/components/view/ObjectListTable.vue'
 import TooltipButton from '@/components/widgets/TooltipButton'
@@ -118,7 +118,7 @@ export default {
         resourceid: record.id,
         resourcetype: record.type
       }
-      api('unregisterExtension', params).then(json => {
+      postAPI('unregisterExtension', params).then(json => {
         eventBus.emit('async-job-complete', null)
         this.$notification.success({
           message: this.$t('label.unregister.extension'),

ui/src/views/extension/RegisterExtension.vue

@@ -76,7 +76,7 @@
 
 <script>
 import { ref, reactive, toRaw } from 'vue'
-import { api } from '@/api'
+import { getAPI, postAPI } from '@/api'
 import TooltipLabel from '@/components/widgets/TooltipLabel'
 import DetailsInput from '@/components/widgets/DetailsInput'
 
@@ -140,7 +140,7 @@ export default {
       if (['cluster'].includes(type)) {
         params.hypervisor = 'External'
       }
-      api(resourceApi, params).then(json => {
+      getAPI(resourceApi, params).then(json => {
         this.resources.opts = json?.[resourceApi.toLowerCase() + 'response']?.[type] || []
       }).finally(() => {
         this.resources.loading = false
@@ -163,7 +163,7 @@ export default {
             params['details[0].' + key] = value
           })
         }
-        api('registerExtension', params).then(response => {
+        postAPI('registerExtension', params).then(response => {
           this.$emit('refresh-data')
           this.$notification.success({
             message: this.$t('label.register.extension'),

ui/src/views/extension/RunCustomAction.vue

@@ -100,7 +100,7 @@
 
 <script>
 import { ref, reactive, toRaw, h } from 'vue'
-import { api } from '@/api'
+import { getAPI, postAPI } from '@/api'
 import TooltipLabel from '@/components/widgets/TooltipLabel'
 import DetailsInput from '@/components/widgets/DetailsInput'
 
@@ -166,7 +166,7 @@ export default {
         resourceid: this.resource.id,
         enabled: true
       }
-      api('listCustomActions', params).then(json => {
+      getAPI('listCustomActions', params).then(json => {
         this.customActions = json?.listcustomactionsresponse?.extensioncustomaction || []
       }).finally(() => {
         this.loading = false
@@ -244,7 +244,7 @@ export default {
         const httpMethod = this.currentParameters.find(p => p.validationformat === 'PASSWORD') ? 'POST' : 'GET'
         const args = httpMethod === 'POST' ? {} : params
         const data = httpMethod === 'POST' ? params : {}
-        api('runCustomAction', args, httpMethod, data).then(response => {
+        postAPI('runCustomAction', args, httpMethod, data).then(response => {
           this.$pollJob({
             jobId: response.runcustomactionresponse.jobid,
             title: this.currentAction.name || this.$t('label.run.custom.action'),

ui/src/views/extension/UpdateCustomAction.vue

@@ -102,7 +102,7 @@
 
 <script>
 import { ref, reactive, toRaw } from 'vue'
-import { api } from '@/api'
+import { postAPI } from '@/api'
 import TooltipLabel from '@/components/widgets/TooltipLabel'
 import ParametersInput from '@/views/extension/ParametersInput'
 import DetailsInput from '@/components/widgets/DetailsInput'
@@ -194,7 +194,7 @@ export default {
         } else {
           params.cleanupdetails = true
         }
-        api('updateCustomAction', params).then(response => {
+        postAPI('updateCustomAction', params).then(response => {
           this.$emit('refresh-data')
           this.$notification.success({
             message: this.$t('label.update.custom.action'),

ui/src/views/extension/UpdateExtension.vue

@@ -56,7 +56,7 @@
 
 <script>
 import { ref, reactive, toRaw } from 'vue'
-import { api } from '@/api'
+import { getAPI, postAPI } from '@/api'
 import TooltipLabel from '@/components/widgets/TooltipLabel'
 import DetailsInput from '@/components/widgets/DetailsInput'
 
@@ -95,7 +95,7 @@ export default {
     },
     fetchData () {
       this.loading = true
-      api('listExtensions', { id: this.resource.id }).then(json => {
+      getAPI('listExtensions', { id: this.resource.id }).then(json => {
         this.form.details = json?.listextensionsresponse?.extension?.[0]?.details
       }).finally(() => {
         this.loading = false
@@ -121,7 +121,7 @@ export default {
             params['details[0].' + key] = value
           })
         }
-        api('updateExtension', params).then(response => {
+        postAPI('updateExtension', params).then(response => {
           this.$emit('refresh-data')
           this.$notification.success({
             message: this.$t('label.update.extension'),