can reset query on search error

cars10 · Apr 24, 2024 · be4c963 · be4c963
1 parent a373dd9
commit be4c963
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/components/search/SearchDocuments.vue b/src/components/search/SearchDocuments.vue
@@ -70,6 +70,13 @@
 
     <loader-status v-else :request-state="requestState">
       <search-results-table :results="searchResults" @request="onRequest" @reload="search" />
+      <template #error>
+        <q-btn :label="t('search.form.customize_query.reset')"
+               size="md"
+               color="primary-dark"
+               class="q-ma-md"
+               @click="resetAndLoad" />
+      </template>
     </loader-status>
   </q-card>
 </template>
@@ -85,6 +92,10 @@
   import SearchExamples from './SearchExamples.vue'
 
   const CodeEditor = defineAsyncComponent(() => import('../shared/CodeEditor.vue'))
+  const resetAndLoad = () => {
+    searchStore.resetSearchQuery()
+    search()
+  }
 
   const t = useTranslation()
   const {

diff --git a/src/components/shared/LoaderStatus.vue b/src/components/shared/LoaderStatus.vue
@@ -11,6 +11,10 @@
             </q-btn>
           </template>
         </q-banner>
+
+        <div>
+          <slot name="error" />
+        </div>
       </div>
     </template>
     <template v-else-if="requestState.networkError">