fix #181

CHANGELOG.md

@@ -5,10 +5,12 @@
 * fixes issue with old versions of elasticsearch that do not provide a uuid, fixes [#182][i182]
 * adds document meta information when editing documents, fixes [#187][i187]
 * remap hotkey for sending rest request to `Ctrl+Enter`, fixes [#183][i183]
+* cache index table filter, fixes [#181][i181]
 
 [i182]: https://github.com/cars10/elasticvue/issues/182
 [i187]: https://github.com/cars10/elasticvue/issues/187
 [i183]: https://github.com/cars10/elasticvue/issues/183
+[i181]: https://github.com/cars10/elasticvue/issues/181
 
 ## 1.0.1
 

src/components/indices/IndicesTable.vue

@@ -9,7 +9,7 @@
     </div>
 
     <div class="flex">
-      <filter-input v-model="filter" />
+      <filter-input v-model="indicesStore.filter" />
 
       <q-btn icon="settings" round flat class="q-ml-sm">
         <q-menu style="white-space: nowrap" anchor="bottom right" self="top end">
@@ -95,7 +95,6 @@
   const {
     indicesStore,
     resizeStore,
-    filter,
     items,
     tableKey,
     rowsPerPage,

src/components/shared/FilterInput.vue

@@ -12,9 +12,9 @@
 
   const t = useTranslation()
 
-  defineProps<{ modelValue: string }>()
+  const props = defineProps<{ modelValue: string }>()
 
   const emit = defineEmits(['update:modelValue'])
-  const filter = ref('')
+  const filter = ref(props.modelValue)
   watch(filter, newValue => (emit('update:modelValue', newValue)))
 </script>

src/composables/components/indices/IndicesTable.ts

@@ -31,7 +31,6 @@ export const useIndicesTable = (props: EsTableProps, emit: any) => {
   const indicesStore = useIndicesStore()
   const resizeStore = useResizeStore()
 
-  const filter = ref('')
   const items: Ref<ElasticsearchIndex[]> = ref([])
   const tableKey = ref(0)
 
@@ -50,12 +49,12 @@ export const useIndicesTable = (props: EsTableProps, emit: any) => {
       results = results.filter((item: any) => !item.index.match(new RegExp(indicesStore.hideIndicesRegex)))
     }
 
-    results = filterItems(results, filter.value, ['index', 'uuid'])
+    results = filterItems(results, indicesStore.filter, ['index', 'uuid'])
     items.value = results.map((index: any) => new ElasticsearchIndex(index))
   }
 
   const debouncedFilterTable = debounce(filterTable, 150)
-  watch(() => filter.value, debouncedFilterTable)
+  watch(() => indicesStore.filter, debouncedFilterTable)
   watch(() => indicesStore.showHiddenIndices, filterTable)
   watch(() => props.indices, filterTable)
   watch(() => indicesStore.stickyTableHeader, () => (tableKey.value += 1))
@@ -84,7 +83,6 @@ export const useIndicesTable = (props: EsTableProps, emit: any) => {
   return {
     indicesStore,
     resizeStore,
-    filter,
     items,
     tableKey,
     rowsPerPage,

src/composables/components/search/EditDocument.ts

@@ -66,7 +66,7 @@ export const useEditDocument = (props: EditDocumentProps, emit: any) => {
   }
 
   const validDocumentMeta = computed(() => {
-    return Object.fromEntries(Object.entries(documentMeta.value).filter(([_, v]) => v != null))
+    return Object.fromEntries(Object.entries(documentMeta.value).filter((keyval) => keyval[1] != null))
   })
 
   const { run, loading } = defineElasticsearchRequest({ emit, method: 'index' })

src/store/indices.ts

@@ -2,13 +2,15 @@ import { defineStore } from 'pinia'
 import { DEFAULT_HIDE_INDICES_REGEX } from '../consts'
 
 type IndicesState = {
+  filter: string,
   showHiddenIndices: boolean,
   stickyTableHeader: boolean,
   hideIndicesRegex: string
 }
 
 export const useIndicesStore = defineStore('indices', {
   state: (): IndicesState => ({
+    filter: '',
     showHiddenIndices: false,
     stickyTableHeader: false,
     hideIndicesRegex: DEFAULT_HIDE_INDICES_REGEX