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

Fix showing/hiding export button on folder selection [SCI-5183]

Browse source
This commit is contained in:
Oleksii Kriuchykhin 2020-11-19 15:50:43 +01:00
parent 6dfeae2283
commit 4dc3473c5e
1 changed files with 23 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
app/assets/javascripts/projects/index.js
View file

@ -34,7 +34,6 @@
var projectsViewMode = 'cards'; var projectsViewMode = 'cards';
var projectsViewFilter = $('.projects-view-filter.active').data('filter'); var projectsViewFilter = $('.projects-view-filter.active').data('filter');
var projectsViewFilterChanged = false;
var projectsChanged = false; var projectsChanged = false;
var projectsViewSort = $('#sortMenuDropdown a.disabled').data('sort'); var projectsViewSort = $('#sortMenuDropdown a.disabled').data('sort');
@ -353,6 +352,22 @@
}); });
} }
function refreshProjectsToolbar() {
let projectsToolbar = $('#projectsToolbar');
if (selectedProjects.length === 0 && selectedProjectFolders.length === 0) {
projectsToolbar.find('.single-project-action, .multiple-projects-action').addClass('hidden');
projectsToolbar.find('.new-project-actions').removeClass('hidden');
} else if (selectedProjects.length === 1 && selectedProjectFolders.length === 0) {
projectsToolbar.find('.new-project-actions').addClass('hidden');
projectsToolbar.find('.single-project-action, .multiple-projects-action').removeClass('hidden');
} else {
projectsToolbar.find('.new-project-actions').addClass('hidden');
projectsToolbar.find('.single-project-action').addClass('hidden');
projectsToolbar.find('.multiple-projects-action').removeClass('hidden');
}
}
/** /**
* Initializes cards view * Initializes cards view
*/ */
@ -401,38 +416,29 @@
} else if (!this.checked && index !== -1) { } else if (!this.checked && index !== -1) {
selectedProjectFolders.splice(index, 1); selectedProjectFolders.splice(index, 1);
} }
refreshProjectsToolbar();
}); });
$('#cards-wrapper').on('click', '.project-card-selector', function() { $('#cards-wrapper').on('click', '.project-card-selector', function() {
var projectsToolbar = $('#projectsToolbar'); let projectsToolbar = $('#projectsToolbar');
var projectCard = $(this).closest('.project-card'); let projectCard = $(this).closest('.project-card');
var projectId = projectCard.data('id'); let projectId = projectCard.data('id');
// Determine whether ID is in the list of selected project IDs // Determine whether ID is in the list of selected project IDs
var index = $.inArray(projectId, selectedProjects); let index = $.inArray(projectId, selectedProjects);
// If checkbox is checked and row ID is not in list of selected project IDs // If checkbox is checked and row ID is not in list of selected project IDs
if (this.checked && index === -1) { if (this.checked && index === -1) {
$(this).closest('.panel-project').addClass('selected'); $(this).closest('.panel-project').addClass('selected');
selectedProjects.push(projectId); selectedProjects.push(projectId);
exportProjectsBtn.removeAttr('disabled'); exportProjectsBtn.removeAttr('disabled');
$('projects-actions').addClass('hidden');
// Otherwise, if checkbox is not checked and ID is in list of selected IDs // Otherwise, if checkbox is not checked and ID is in list of selected IDs
} else if (!this.checked && index !== -1) { } else if (!this.checked && index !== -1) {
$(this).closest('.panel-project').removeClass('selected'); $(this).closest('.panel-project').removeClass('selected');
selectedProjects.splice(index, 1); selectedProjects.splice(index, 1);
} }
if (selectedProjects.length === 0) { refreshProjectsToolbar();
projectsToolbar.find('.single-project-action, .multiple-projects-action').addClass('hidden');
projectsToolbar.find('.new-project-actions').removeClass('hidden');
} else if (selectedProjects.length === 1) {
projectsToolbar.find('.new-project-actions').addClass('hidden');
projectsToolbar.find('.single-project-action, .multiple-projects-action').removeClass('hidden');
} else {
projectsToolbar.find('.new-project-actions').addClass('hidden');
projectsToolbar.find('.single-project-action').addClass('hidden');
projectsToolbar.find('.multiple-projects-action').removeClass('hidden');
}
selectedProjects.forEach(function(id) { selectedProjects.forEach(function(id) {
if ($('#projects-cards-view').find(`.panel-project[data-id="${id}"]`).hasClass('project-folder')) { if ($('#projects-cards-view').find(`.panel-project[data-id="${id}"]`).hasClass('project-folder')) {