scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-09-30 17:04:31 +08:00
Code Issues Projects Releases Packages Wiki Activity

Improve expand/collapse for results [SCI-11918]

Browse source
This commit is contained in:
Anton 2025-05-16 18:40:05 +02:00
parent 60ae88f64e
commit 4fc7cd5e01
4 changed files with 19 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/controllers/my_modules_controller.rb
View file

@ -443,6 +443,14 @@ class MyModulesController < ApplicationController
render json: my_modules render json: my_modules
end end
def change_results_state
@my_module.results.find_each do |result|
current_user.settings['result_states'][result.id.to_s] = params[:collapsed].present?
end
current_user.save!
render json: { status: :ok }
end
private private
def load_vars def load_vars

27
app/javascript/vue/results/results.vue
View file

@ -74,7 +74,8 @@ export default {
archived: { type: String, required: true }, archived: { type: String, required: true },
active_url: { type: String, required: true }, active_url: { type: String, required: true },
archived_url: { type: String, required: true }, archived_url: { type: String, required: true },
userSettingsUrl: { type: String, required: false } userSettingsUrl: { type: String, required: false },
changeStatesUrl: { type: String, required: false }
}, },
data() { data() {
return { return {
@ -218,25 +219,15 @@ export default {
this.resultsCollapsed = false; this.resultsCollapsed = false;
}, },
updateResultStateSettings(newState) { updateResultStateSettings(newState) {
const updatedData = this.results.reduce((acc, currentResult) => { const data = {};
acc[currentResult.id] = newState;
return acc;
}, {});
this.results = this.results.map((result) => ({ if (newState) {
...result, data.collapsed = true;
attributes: { } else {
...result.attributes, data.expanded = true;
collapsed: newState }
}
}));
const settings = { axios.post(this.changeStatesUrl, data);
key: 'result_states',
data: updatedData
};
axios.put(this.userSettingsUrl, { settings: [settings] });
}, },
removeResult(result_id) { removeResult(result_id) {
this.results = this.results.filter((r) => r.id != result_id); this.results = this.results.filter((r) => r.id != result_id);

1
app/views/results/index.html.erb
View file

@ -21,6 +21,7 @@
<results url="<%= my_module_results_url(@my_module, view_mode: params[:view_mode]) %>" <results url="<%= my_module_results_url(@my_module, view_mode: params[:view_mode]) %>"
active_url="<%= my_module_results_url(@my_module) %>" active_url="<%= my_module_results_url(@my_module) %>"
archived_url="<%= my_module_results_url(@my_module, view_mode: :archived) %>" archived_url="<%= my_module_results_url(@my_module, view_mode: :archived) %>"
change-states-url="<%= change_results_state_my_module_path(@my_module) %>"
can-create=<%= can_create_results?(@my_module) && !(params[:view_mode] == 'archived') %> can-create=<%= can_create_results?(@my_module) && !(params[:view_mode] == 'archived') %>
archived=<%= params[:view_mode] == 'archived' %>> archived=<%= params[:view_mode] == 'archived' %>>
</div> </div>

1
config/routes.rb
View file

@ -478,6 +478,7 @@ Rails.application.routes.draw do
get :permissions get :permissions
get :actions_dropdown get :actions_dropdown
get :provisioning_status get :provisioning_status
post :change_results_state
end end
resources :my_module_tags, path: '/tags', only: [:index, :create, :destroy] do resources :my_module_tags, path: '/tags', only: [:index, :create, :destroy] do
collection do collection do