Merge branch 'multiple-assignees-fe-sidebar' into multiple-assignees-issue-board-sidebar

app/assets/javascripts/sidebar/stores/sidebar_store.js

@@ -23,6 +23,7 @@ export default class SidebarStore {
       this.renderedUsers = data.assignees.map(a => {
         a.avatarUrl = a.avatar_url;
         delete a.avatar_url;
+
         return a;
       });
 

app/assets/javascripts/users_select.js

@@ -285,6 +285,22 @@ import eventHub from './sidebar/event_hub';
                 const previouslySelected = $dropdown.closest('.selectbox')
                     .find("input[name='" + ($dropdown.data('field-name')) + "'][value!=0]");
 
+                // Enables support for limiting the number of users selected
+                // Automatically removes the first on the list if more users are selected
+                const maxSelect = $dropdown.data('max-select');
+                if (maxSelect) {
+                  const selected = getSelected();
+
+                  if (selected.length > maxSelect) {
+                    const firstSelectedId = selected[0];
+                    const firstSelected = $dropdown.closest('.selectbox')
+                      .find(`input[name='${$dropdown.data('field-name')}'][value=${firstSelectedId}]`);
+
+                    firstSelected.remove();
+                    eventHub.$emit('sidebar.removeUser', firstSelectedId);
+                  }
+                }
+
                 if (user.beforeDivider && user.name.toLowerCase() === 'unassigned') {
                   // Unassigned selected
                   previouslySelected.each((index, element) => {

app/views/shared/issuable/_sidebar.html.haml

@@ -65,7 +65,7 @@
             - options[:toggle_class] += ' js-multiselect js-save-user-data'
             - options[:data][:field_name] = "#{issuable.to_ability_name}[assignee_ids][]"
             - options[:data][:multi_select] = true
-            - options[:data]['dropdown-title'] = 'Select assignee(s)'
+            - options[:data]['dropdown-title'] = title
             - options[:data]['dropdown-header'] = 'Assignee(s)'
           - else
             - title = 'Select assignee'