Merge pull request #6757 from G-Chubinidze/gc_SCI_9811

[CAPA] Unable to view assigned persons within a task [SCI-9811]

app/assets/javascripts/my_modules/assigned_users.js

@@ -0,0 +1,81 @@
+/* global I18n dropdownSelector HelperModule animateSpinner */
+/* eslint-disable no-use-before-define */
+(function() {
+  function initAssignedUsersSelector() {
+    var myModuleUserSelector = '#module-assigned-users-selector';
+
+    dropdownSelector.init(myModuleUserSelector, {
+      closeOnSelect: true,
+      labelHTML: true,
+      tagClass: 'my-module-user-tags',
+      tagLabel: (data) => {
+        return `<img class="img-responsive block-inline" src="${data.params.avatar_url}" alt="${data.label}"/>
+                <span class="user-full-name block-inline">${data.label}</span>`;
+      },
+      customDropdownIcon: () => {
+        return '';
+      },
+      optionLabel: (data) => {
+        if (data.params.avatar_url) {
+          return `<span class="global-avatar-container" style="margin-top: 10px">
+                  <img src="${data.params.avatar_url}" alt="${data.label}"/></span>
+                  <span style="margin-left: 10px">${data.label}</span>`;
+        }
+
+        return data.label;
+      },
+      onSelect: function() {
+        var selectElement = $(myModuleUserSelector);
+        var lastUser = selectElement.next().find('.ds-tags').last();
+        var lastUserId = lastUser.find('.tag-label').data('ds-tag-id');
+        var newUser;
+
+        if (lastUserId > 0) {
+          newUser = {
+            user_my_module: {
+              user_id: lastUserId
+            }
+          };
+        } else {
+          newUser = {
+            user_my_module: {
+              user_id: selectElement.val()
+            }
+          };
+        }
+
+        $.post(selectElement.data('users-create-url'), newUser, function(result) {
+          dropdownSelector.removeValue(myModuleUserSelector, 0, '', true);
+          dropdownSelector.addValue(myModuleUserSelector, {
+            value: result.user.id,
+            label: result.user.full_name,
+            params: {
+              avatar_url: result.user.avatar_url,
+              user_module_id: result.user.user_module_id
+            }
+          }, true);
+        }).fail(function() {
+          dropdownSelector.removeValue(myModuleUserSelector, lastUserId, '', true);
+        });
+      },
+      onUnSelect: (id) => {
+        var umID = $(myModuleUserSelector).find(`option[value="${id}"]`).data('params').user_module_id;
+
+        $.ajax({
+          url: `${$(myModuleUserSelector).data('update-module-users-url')}/${umID}`,
+          type: 'DELETE',
+          success: () => {
+            dropdownSelector.closeDropdown(myModuleUserSelector);
+          },
+          error: (r) => {
+            if (r.status === 403) {
+              HelperModule.flashAlertMsg(I18n.t('general.no_permissions'), 'danger');
+            }
+          }
+        });
+      }
+    }).getContainer(myModuleUserSelector).addClass('my-module-users-container');
+  }
+
+  initAssignedUsersSelector();
+}());

app/views/user_my_modules/_index.html.erb

@@ -19,3 +19,5 @@
                    'data-view-mode': !can_manage_my_module_designated_users?(my_module)
                  } %>
 </div>
+
+<%= javascript_include_tag 'my_modules/assigned_users' %>

config/initializers/assets.rb

@@ -31,6 +31,7 @@ Rails.application.config.assets.precompile += %w(my_modules/status_flow.js)
 Rails.application.config.assets.precompile += %w(my_modules/protocols/protocol_status_bar.js)
 Rails.application.config.assets.precompile += %w(my_modules/results.js)
 Rails.application.config.assets.precompile += %w(my_modules/stock.js)
+Rails.application.config.assets.precompile += %w(my_modules/assigned_users.js)
 Rails.application.config.assets.precompile += %w(my_modules/tags.js)
 Rails.application.config.assets.precompile += %w(my_modules/archived.js)
 Rails.application.config.assets.precompile += %w(my_modules/pwa_mobile_app.js)