scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-10-06 20:05:55 +08:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #7582 from aignatov-bio/ai-sci-10694-small-fixes-for-global-search

Browse source 
Small fixes for global search [SCI-10694]
This commit is contained in:
aignatov-bio 2024-05-22 13:05:09 +02:00 • committed by GitHub
commit c7fe8711ea
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 19 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
app/javascript/vue/global_search/container.vue
View file

@ -3,7 +3,10 @@
<div class="content-header"> <div class="content-header">
<div class="title-row"> <div class="title-row">
<h1 class="mt-0 truncate !inline"> <h1 class="mt-0 truncate !inline">
{{ i18n.t('search.index.results_title_html', { query: localQuery }) }} <StringWithEllipsis
class="w-full"
:endCharacters="5"
:text="i18n.t('search.index.results_title_html', { query: localQuery })"></StringWithEllipsis>
</h1> </h1>
</div> </div>
</div> </div>
@ -29,6 +32,7 @@
</div> </div>
</template> </template>
<template v-slot:flyout > <template v-slot:flyout >
<div class="max-w-[600px]">
<div v-for="(query, i) in reversedPreviousQueries" @click="setQuery(query)" :key="i" <div v-for="(query, i) in reversedPreviousQueries" @click="setQuery(query)" :key="i"
ref="historyItems" ref="historyItems"
@keydown="focusHistoryItem" @keydown="focusHistoryItem"
@ -38,6 +42,7 @@
<i class="sn-icon sn-icon-history-search"></i> <i class="sn-icon sn-icon-history-search"></i>
{{ query }} {{ query }}
</div> </div>
</div>
</template> </template>
</GeneralDropdown> </GeneralDropdown>
<div class="flex items-center gap-2.5"> <div class="flex items-center gap-2.5">
@ -121,6 +126,7 @@ import ReportsComponent from './groups/reports.vue';
import FiltersModal from './filters_modal.vue'; import FiltersModal from './filters_modal.vue';
import GeneralDropdown from '../shared/general_dropdown.vue'; import GeneralDropdown from '../shared/general_dropdown.vue';
import NoSearchResult from './groups/helpers/no_search_result.vue'; import NoSearchResult from './groups/helpers/no_search_result.vue';
import StringWithEllipsis from '../shared/string_with_ellipsis.vue';
export default { export default {
emits: ['search', 'selectGroup'], emits: ['search', 'selectGroup'],
@ -161,7 +167,8 @@ export default {
ReportsComponent, ReportsComponent,
FiltersModal, FiltersModal,
GeneralDropdown, GeneralDropdown,
NoSearchResult NoSearchResult,
StringWithEllipsis
}, },
data() { data() {
return { return {

4
app/javascript/vue/navigation/quick_search.vue
View file

@ -110,7 +110,7 @@
</div> </div>
</div> </div>
<hr class="my-2"> <hr class="my-2">
<button class="btn btn-light truncate !block leading-10" @click="searchValue"> <button class="btn btn-light truncate !block leading-10 max-w-[600px]" @click="searchValue">
{{ i18n.t('search.quick_search.all_results', {query: searchQuery}) }} {{ i18n.t('search.quick_search.all_results', {query: searchQuery}) }}
</button> </button>
</div> </div>
@ -297,7 +297,7 @@ export default {
this.fetchQuickSearchResults(); this.fetchQuickSearchResults();
}, },
fetchQuickSearchResults() { fetchQuickSearchResults() {
if (this.loading) return; if (this.loading || this.invalidQuery) return;
this.loading = true; this.loading = true;