fixup

Author: vishesh92

ui/src/components/view/SearchFilter.vue

@@ -28,7 +28,7 @@
         <a-tag
           v-if="!filter.isTag"
           closable
-          @close="() => $emit('close', filter.key)"
+          @close="() => $emit('removeFilter', filter)"
         >
           <a-tooltip
             :title="retrieveFieldLabel(filter.key) + ': ' + filter.value"
@@ -40,7 +40,7 @@
         <a-tag
           v-else
           closable
-          @close="() => $emit('close', filter.key)"
+          @close="() => $emit('removeFilter', filter)"
         >
           <a-tooltip
             :title="$t('label.tag') + ': ' + filter.key + '=' + filter.value"
@@ -55,7 +55,8 @@
 </template>
 
 <script>
-import { api } from '@/api'
+
+import { getAPI, postAPI } from '@/api/index'
 
 export default {
   name: 'SearchFilter',
@@ -81,7 +82,7 @@ export default {
       default: () => false
     }
   },
-  emits: ['close'],
+  emits: ['removeFilter'],
   data () {
     return {
       searchFilters: [],
@@ -130,6 +131,12 @@ export default {
           responseKey2: 'cluster',
           field: 'name'
         },
+        hostid: {
+          apiName: 'listHosts',
+          responseKey1: 'listhostsresponse',
+          responseKey2: 'host',
+          field: 'name'
+        },
         groupid: {
           apiName: 'listInstanceGroups',
           responseKey1: 'listinstancegroupsresponse',
@@ -289,7 +296,7 @@ export default {
     },
     getHypervisor (value) {
       return new Promise((resolve) => {
-        api('listHypervisors').then(json => {
+        getAPI('listHypervisors').then(json => {
           if (json?.listhypervisorsresponse?.hypervisor) {
             for (const key in json.listhypervisorsresponse.hypervisor) {
               const hypervisor = json.listhypervisorsresponse.hypervisor[key]
@@ -308,7 +315,7 @@ export default {
         if (!this.$isValidUuid(id)) {
           return resolve('')
         }
-        api(apiName, { listAll: true, id: id }).then(json => {
+        postAPI(apiName, { listAll: true, id: id }).then(json => {
           if (json[responseKey1] && json[responseKey1][responseKey2]) {
             resolve(json[responseKey1][responseKey2][0][field])
           }
@@ -326,7 +333,7 @@ export default {
     },
     getAlertType (type) {
       return new Promise((resolve) => {
-        api('listAlertTypes').then(json => {
+        getAPI('listAlertTypes').then(json => {
           const alertTypes = {}
           for (const key in json.listalerttypesresponse.alerttype) {
             const alerttype = json.listalerttypesresponse.alerttype[key]
@@ -340,7 +347,7 @@ export default {
     },
     getAffinityGroupType (type) {
       return new Promise((resolve) => {
-        api('listAffinityGroupTypes').then(json => {
+        getAPI('listAffinityGroupTypes').then(json => {
           const alertTypes = {}
           for (const key in json.listaffinitygrouptypesresponse.affinityGroupType) {
             const affinityGroupType = json.listaffinitygrouptypesresponse.affinityGroupType[key]

ui/src/views/AutogenView.vue

@@ -133,7 +133,7 @@
           <search-filter
             :filters="getActiveFilters()"
             :apiName="apiName"
-            @close="removeFilter(filter)"
+            @removeFilter="removeFilter"
             />
         </a-row>
       </a-card>
@@ -1304,7 +1304,9 @@ export default {
       } else {
         delete queryParams[filter.key]
       }
-      this.onSearch(queryParams)
+      queryParams.page = '1'
+      queryParams.pagesize = String(this.pageSize)
+      this.$router.push({ query: queryParams })
     },
     onRowSelectionChange (selection) {
       this.selectedRowKeys = selection