mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-11-18 15:13:21 +08:00
82 lines
2.8 KiB
JavaScript
82 lines
2.8 KiB
JavaScript
|
/* 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();
|
||
|
|
}());
|