Add repositories dropdown list

app/assets/javascripts/my_modules/repositories.js

@@ -167,6 +167,13 @@ var MyModuleRepositories = (function() {
         renderFullViewTable(fullViewModal.find('.table'));
       });
       e.stopPropagation();
+
+  function initRepositoriesDropdown() {
+    $('.repositories-assign-container').on('show.bs.dropdown', function() {
+      var dropdownContainer = $(this);
+      $.get(dropdownContainer.data('repositories-url'), function(result) {
+        dropdownContainer.find('.repositories-dropdown-menu').html(result.html);
+      });
     });
   }
 
@@ -174,6 +181,7 @@ var MyModuleRepositories = (function() {
     init: () => {
       initSimpleTable();
       initRepositoryFullView();
+      initRepositoriesDropdown();
     }
   };
 }());

app/assets/stylesheets/my_modules/protocols/index.scss

@@ -37,6 +37,57 @@
       margin-top: 11px;
     }
   }
+
+  .task-section-header {
+    display: flex;
+    flex-wrap: wrap;
+
+    .actions-block {
+      display: flex;
+      flex-grow: 1;
+      justify-content: flex-end;
+
+      .repositories-assign-container {
+        flex-grow: 1;
+        max-width: 200px;
+
+        .btn {
+          text-align: left;
+
+          .caret {
+            margin: 8px 0;
+          }
+        }
+
+        .repositories-dropdown-menu {
+          width: 100%;
+
+          .repository {
+            @include font-button;
+            display: flex;
+            padding: 8px 16px;
+
+            .assigned-items,
+            .shared-icon {
+              flex-shrink: 0;
+
+              .fas {
+                padding-right: 5px;
+              }
+            }
+
+            .assigned-items {
+              color: $color-alto;
+            }
+
+            .name {
+              flex-grow: 1;
+            }
+          }
+        }
+      }
+    }
+  }
 }
 
 .complete-button-container {

app/assets/stylesheets/my_modules/repositories.scss

@@ -97,6 +97,8 @@
 }
 
 #assigned-items-container {
+  padding-top: 10px;
+
   .assigned-repository {
     border: $border-default;
     border-radius: $border-radius-modal;

app/controllers/my_module_repositories_controller.rb

@@ -1,8 +1,11 @@
 # frozen_string_literal: true
 
 class MyModuleRepositoriesController < ApplicationController
-  before_action :load_vars, only: %i(show full_view_table)
-  before_action :check_view_permissions, only: %i(show full_view_table)
+
+  before_action :load_my_module, only: %i(show full_view_table dropdown_list)
+  before_action :load_repository, only: %i(show full_view_table)
+  before_action :check_my_module_view_permissions, only: %i(show full_view_table dropdown_list)
+  before_action :check_repository_view_permissions, only: %i(show full_view_table)
 
   def show
     @draw = params[:draw].to_i
@@ -30,17 +33,30 @@ class MyModuleRepositoriesController < ApplicationController
     render json: { html: render_to_string(partial: 'my_modules/repositories/full_view_table') }
   end
 
+
+  def dropdown_list
+    @repositories = Repository.accessible_by_teams(current_team)
+
+    render json: { html: render_to_string(partial: 'my_modules/repositories/repositories_dropdown_list') }
+  end
+
   private
 
-  def load_vars
+  def load_my_module
     @my_module = MyModule.find(params[:my_module_id])
-    @repository = Repository.find(params[:id])
-
-    render_404 unless @my_module && @repository
+    render_404 unless @my_module
   end
 
-  def check_view_permissions
-    render_403 unless can_read_experiment?(@my_module.experiment) &&
-                      can_read_repository?(@repository)
+  def load_repository
+    @repository = Repository.find(params[:id])
+    ender_404 unless @repository
+  end
+
+  def check_my_module_view_permissions
+    render_403 unless can_read_experiment?(@my_module.experiment)
+  end
+
+  def check_repository_view_permissions
+    render_403 unless can_read_repository?(@repository)
   end
 end

app/views/my_modules/protocols.html.erb

@@ -41,7 +41,20 @@
         <span class="task-section-title">
           <h2><%= t('my_modules.assigned_items.title') %></h2>
         </span>
-    </a>
+      </a>
+      <div class="actions-block">
+        <div class="dropdown repositories-assign-container"
+             data-repositories-url="<%= dropdown_list_my_module_my_module_repositories_path(@my_module) %>"
+        >
+          <a href="#" id="repositories-assign-button" class="btn btn-secondary btn-block" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            <span class="fas fa-file-signature"></span>
+            <span>Assign from</span>
+            <span class="caret pull-right"></span>
+          </a>
+          <div class="dropdown-menu repositories-dropdown-menu" aria-labelledby="repositories-assign-button">
+          </div>
+        </div>
+      </div>
     </div>
     <div class="collapse panel-group" id="assigned-items-container">
       <%= render partial: "my_modules/repositories/repositories_list" %>

app/views/my_modules/repositories/_repositories_dropdown_list.html.erb

@@ -0,0 +1,17 @@
+<% @repositories.each do |repository| %>
+  <% assigned_items_count = @my_module.repository_rows_count(repository) %>
+  <div class="repository">
+    <% if repository.shared_with?(current_team) %>
+      <span class="shared-icon">
+        <i class="fas fa-users"></i>
+      </span>
+    <% end %>
+    <span class="name"><%= escape_input(repository.name) %></span>
+    <% if assigned_items_count.positive? %>
+      <span class="assigned-items">
+        <i class="fas fa-file-signature"></i>
+        <%= assigned_items_count %>
+      </span>
+    <% end %>
+  </div>
+<% end %>

config/routes.rb

@@ -385,6 +385,9 @@ Rails.application.routes.draw do
         member do
           get :full_view_table
         end
+        collection do
+          get :dropdown_list
+        end
       end
 
       # resources :sample_my_modules, path: '/samples_index', only: [:index]