Make folders selectable for 'Export all' functionality [SCI-5183]

app/assets/javascripts/projects/index.js

@@ -40,8 +40,9 @@
 
   var TABLE;
 
-  // Array with selected project IDs shared between both views
+  // Arrays with selected project and folder IDs shared between both views
   var selectedProjects = [];
+  var selectedProjectFolders = [];
 
   /**
    * Initialize the JS for new project modal to work.
@@ -227,7 +228,8 @@
         type: 'GET',
         dataType: 'json',
         data: {
-          project_ids: selectedProjects
+          project_ids: selectedProjects,
+          project_folder_ids: selectedProjectFolders
         },
         success: function(data) {
           // Update modal title
@@ -270,7 +272,8 @@
         type: 'POST',
         dataType: 'json',
         data: {
-          project_ids: selectedProjects
+          project_ids: selectedProjects,
+          project_folder_ids: selectedProjectFolders
         },
         success: function(data) {
           // Hide modal and show success flash
@@ -385,9 +388,24 @@
     initEditProjectButton($('.panel-project'));
     initArchiveRestoreButton($('.panel-project'));
 
-    $('#cards-wrapper').on('click', '.card-selector', function() {
+    $('#cards-wrapper').on('click', '.folder-card-selector', function() {
+      let folderCard = $(this).closest('.folder-card');
+      let folderId = folderCard.data('id');
+      let index = $.inArray(folderId, selectedProjectFolders);
+
+      // If checkbox is checked and row ID is not in list of selected folder IDs
+      if (this.checked && index === -1) {
+        selectedProjectFolders.push(folderId);
+        exportProjectsBtn.removeAttr('disabled');
+      // Otherwise, if checkbox is not checked and ID is in list of selected IDs
+      } else if (!this.checked && index !== -1) {
+        selectedProjectFolders.splice(index, 1);
+      }
+    });
+
+    $('#cards-wrapper').on('click', '.project-card-selector', function() {
       var projectsToolbar = $('#projectsToolbar');
-      var projectCard = $(this).closest('.card');
+      var projectCard = $(this).closest('.project-card');
       var projectId = projectCard.data('id');
       // Determine whether ID is in the list of selected project IDs
       var index = $.inArray(projectId, selectedProjects);

app/controllers/teams_controller.rb

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 class TeamsController < ApplicationController
   before_action :load_vars, only: %i(export_projects export_projects_modal)
   before_action :check_export_projects_permissions, only: %i(export_projects_modal export_projects)
@@ -64,22 +66,30 @@ before_action :check_export_projects_permissions, only: %i(export_projects_modal
   end
 
   def export_projects_params
-    params.permit(:id, project_ids: []).to_h
+    params.permit(:id, project_ids: [], project_folder_ids: [])
   end
 
   def check_export_projects_permissions
     render_403 unless can_read_team?(@team)
 
+    @exp_projects = []
     if export_projects_params[:project_ids]
-      @exp_projects = Project.where(id: export_projects_params[:project_ids])
-      @exp_projects.each do |project|
-        render_403 unless can_export_project?(current_user, project)
+      @exp_projects = @team.project.where(id: export_projects_params[:project_ids]).to_a
     end
+    if export_projects_params[:project_folder_ids]
+      folders = @team.project_folders.where(id: export_projects_params[:project_folder_ids])
+      folders.each do |folder|
+        @exp_projects += folder.inner_projects
+      end
+    end
+
+    @exp_projects.each do |project|
+      return render_403 unless can_export_project?(current_user, project)
     end
   end
 
   def generate_export_projects_zip
-    ids = @exp_projects.where(team_id: @team).index_by(&:id)
+    ids = @exp_projects.index_by(&:id)
 
     options = { team: @team }
     zip = TeamZipExport.create(user: current_user)

app/models/project_folder.rb

@@ -18,6 +18,12 @@ class ProjectFolder < ApplicationRecord
 
   scope :top_level, -> { where(parent_folder: nil) }
 
+  def inner_projects
+    project_folders.map do |inner_folder|
+      projects + inner_folder.inner_projects
+    end.flatten
+  end
+
   private
 
   def inherit_team_from_parent_folder

app/views/projects/index/_folder_card.html.erb

@@ -1,7 +1,7 @@
-<div class="card folder-card">
+<div class="card folder-card" data-id="<%= folder %>">
   <div class="checkbox-cell">
     <div class="sci-checkbox-container">
-      <input value="1" type="checkbox" class="sci-checkbox card-selector">
+      <input value="1" type="checkbox" class="sci-checkbox folder-card-selector">
       <span class="sci-checkbox-label"></span>
     </div>
   </div>

app/views/projects/index/_project_card.html.erb

@@ -1,7 +1,7 @@
-<div class="card project-card">
+<div class="card project-card" data-id="<%= project.id %>">
   <div class="checkbox-cell">
     <div class="sci-checkbox-container">
-      <input value="1" type="checkbox" class="sci-checkbox card-selector">
+      <input value="1" type="checkbox" class="sci-checkbox project-card-selector">
       <span class="sci-checkbox-label"></span>
     </div>
   </div>