scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-12-16 05:42:13 +08:00
Code Issues Projects Releases Packages Wiki Activity

Add task protocol results to global search page [SCI-10473]

Browse source
This commit is contained in:
wandji20 2024-03-28 11:16:49 +01:00
parent 2921a1fbaa
commit e993964692
4 changed files with 122 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
app/controllers/search_controller.rb
View file

@ -57,6 +57,20 @@ class SearchController < ApplicationController
next_page: results.try(:next_page)
}
return
when 'module_protocols'
search_module_protocols
results = if params[:preview] == 'true'
@module_protocol_results.limit(Constants::GLOBAL_SEARCH_PREVIEW_LIMIT)
else
@module_protocol_results.page(params[:page]).per(Constants::SEARCH_LIMIT)
end
render json: results.joins({ my_module: :experiment }, :team),
each_serializer: GlobalSearch::MyModuleProtocolSerializer,
meta: {
total: @search_count,
next_page: results.try(:next_page)
}
return
when 'experiments'
@experiment_search_count = fetch_cached_count Experiment
search_experiments
@ -385,6 +399,11 @@ class SearchController < ApplicationController
@search_count = @module_search_count
end
def search_module_protocols
@module_protocol_results = search_by_name(Protocol)
@search_count = @module_protocol_results.joins(:my_module).count
end
def search_results
@result_results = []
@result_results = search_by_name(Result) if @result_search_count.positive?

57
app/javascript/vue/global_search/groups/my_module_protocols.vue
View file

@ -1,14 +1,67 @@
<template>
<div class="bg-white rounded p-4 mb-4">
<div v-if="total" class="bg-white rounded p-4 mb-4">
<h2 class="flex items-center gap-2 mt-0 mb-4">
<i class="sn-icon sn-icon-protocols-templates"></i>
{{ i18n.t('search.index.task_protocols') }}
[{{ total }}]
</h2>
<div>
<div class="grid grid-cols-[auto_80px_auto_auto_auto_auto_auto] items-center">
<template v-for="row in preparedResults" :key="row.id">
<a :href="row.attributes.url" target="_blank" class="h-full py-2 px-4 overflow-hidden font-bold border-0 border-b border-solid border-sn-light-grey">
<StringWithEllipsis class="w-full" :text="row.attributes.name"></StringWithEllipsis>
</a>
<div class="h-full py-2 px-4 flex items-center gap-1 text-xs border-0 border-b border-solid border-sn-light-grey">
<b class="shrink-0">{{ i18n.t('search.index.id') }}:</b>
<span class="shrink-0">{{ row.attributes.code }}</span>
</div>
<div class="h-full py-2 px-4 flex items-center gap-1 text-xs border-0 border-b border-solid border-sn-light-grey max-w-[200px]">
<b class="shrink-0">{{ i18n.t('search.index.created_at') }}:</b>
<span class="truncate">{{ row.attributes.created_at }}</span>
</div>
<div class="h-full py-2 px-4 flex items-center gap-1 text-xs border-0 border-b border-solid border-sn-light-grey max-w-[200px]">
<b class="shrink-0">{{ i18n.t('search.index.updated_at') }}:</b>
<span class="truncate">{{ row.attributes.updated_at }}</span>
</div>
<div class="h-full py-2 px-4 grid grid-cols-[auto_1fr] items-center gap-1 text-xs border-0 border-b border-solid border-sn-light-grey">
<b class="shrink-0">{{ i18n.t('search.index.team') }}:</b>
<a :href="row.attributes.team.url" class="shrink-0 overflow-hidden" target="_blank">
<StringWithEllipsis class="w-full" :text="row.attributes.team.name"></StringWithEllipsis>
</a>
</div>
<div class="h-full py-2 px-4 grid grid-cols-[auto_1fr] items-center gap-1 text-xs border-0 border-b border-solid border-sn-light-grey">
<b class="shrink-0">{{ i18n.t('search.index.task') }}:</b>
<a :href="row.attributes.my_module.url" class="shrink-0 overflow-hidden" target="_blank">
<StringWithEllipsis class="w-full" :text="row.attributes.my_module.name"></StringWithEllipsis>
</a>
</div>
<div class="h-full py-2 px-4 border-0 border-b border-solid border-sn-light-grey">
<div class="grid grid-cols-[auto_1fr] items-center gap-1 text-xs w-full">
<b class="shrink-0">{{ i18n.t('search.index.experiment') }}:</b>
<a :href="row.attributes.experiment.url" class="shrink-0 overflow-hidden" target="_blank">
<StringWithEllipsis class="w-full" :text="row.attributes.experiment.name"></StringWithEllipsis>
</a>
</div>
</div>
</template>
</div>
<div v-if="viewAll" class="mt-4">
<button class="btn btn-light" @click="$emit('selectGroup', 'MyModuleProtocolsComponent')">View all</button>
</div>
</div>
</div>
</template>
<script>
import searchMixin from './search_mixin';
export default {
name: 'MyModuleProtocolsComponent'
name: 'MyModuleProtocolsComponent',
mixins: [searchMixin],
data() {
return {
group: 'module_protocols'
};
}
};
</script>

46
app/serializers/global_search/my_module_protocol_serializer.rb Normal file
View file

@ -0,0 +1,46 @@
# frozen_string_literal: true
module GlobalSearch
class MyModuleProtocolSerializer < ActiveModel::Serializer
include Rails.application.routes.url_helpers
attributes :id, :name, :code, :created_at, :updated_at, :team, :experiment, :my_module, :archived, :url
def name
object.name.presence || I18n.t('search.index.untitled_protocol')
end
def team
{
name: object.team.name,
url: protocols_path(team_id: object.team.id)
}
end
def experiment
{
name: object.my_module.experiment.name,
url: my_modules_experiment_path(object.my_module.experiment.id)
}
end
def my_module
{
name: object.my_module.name,
url: protocols_my_module_path(object.my_module.id)
}
end
def created_at
I18n.l(object.created_at, format: :full_date)
end
def updated_at
I18n.l(object.updated_at, format: :full_date)
end
def url
protocols_my_module_path(object.my_module.id)
end
end
end

2
config/locales/en.yml
View file

@ -471,6 +471,8 @@ en:
updated_at: "Updated on"
team: "Team"
folder: "Folder"
task: "Task"
untitled_protocol: 'Untitled protocol'
project: "Project"
experiment: "Experiment"
task: "Task"