2022-12-08 17:16:37 +08:00
|
|
|
/* global dropdownSelector initBSTooltips */
|
2022-12-05 19:55:57 +08:00
|
|
|
|
2022-09-29 05:18:36 +08:00
|
|
|
(function() {
|
|
|
|
function initNewMyModuleModal() {
|
2022-11-24 21:49:42 +08:00
|
|
|
let experimentWrapper = '.experiment-new-my_module';
|
2022-09-29 05:18:36 +08:00
|
|
|
let newMyModuleModal = '#new-my-module-modal';
|
2022-12-05 19:55:57 +08:00
|
|
|
let myModuleUserSelector = '#my_module_user_ids';
|
2022-09-29 05:18:36 +08:00
|
|
|
|
|
|
|
// Modal's submit handler function
|
|
|
|
$(experimentWrapper)
|
|
|
|
.on('ajax:success', newMyModuleModal, function() {
|
|
|
|
$(newMyModuleModal).modal('hide');
|
|
|
|
})
|
|
|
|
.on('ajax:error', newMyModuleModal, function(ev, data) {
|
|
|
|
$(this).renderFormErrors('my_module', data.responseJSON);
|
2022-12-05 19:55:57 +08:00
|
|
|
})
|
|
|
|
.on('submit', newMyModuleModal, function() {
|
|
|
|
// To submit correct assigned user ids to new modal
|
|
|
|
// Clear default selected user in dropdown
|
|
|
|
$(`${myModuleUserSelector} option[value=${$('#new-my-module-modal').data('user-id')}]`)
|
|
|
|
.prop('selected', false);
|
|
|
|
$.map(dropdownSelector.getValues(myModuleUserSelector), function(val) {
|
|
|
|
$(`${myModuleUserSelector} option[value=${val}]`).prop('selected', true);
|
|
|
|
});
|
|
|
|
})
|
|
|
|
.on('ajax:success', '.new-my-module-button', function(ev, result) {
|
2022-09-29 05:18:36 +08:00
|
|
|
// Add and show modal
|
2022-12-05 19:55:57 +08:00
|
|
|
$(experimentWrapper).append($.parseHTML(result.html));
|
2022-09-29 05:18:36 +08:00
|
|
|
$(newMyModuleModal).modal('show');
|
|
|
|
$(newMyModuleModal).find("input[type='text']").focus();
|
|
|
|
|
|
|
|
// Remove modal when it gets closed
|
|
|
|
$(newMyModuleModal).on('hidden.bs.modal', function() {
|
|
|
|
$(newMyModuleModal).remove();
|
|
|
|
});
|
2022-12-05 19:55:57 +08:00
|
|
|
|
|
|
|
// initiaize user assing dropdown menu
|
|
|
|
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 style="user-full-name block-inline">${data.label}</span>`;
|
|
|
|
},
|
|
|
|
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;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
dropdownSelector.selectValues(myModuleUserSelector, $('#new-my-module-modal').data('user-id'));
|
2022-09-29 05:18:36 +08:00
|
|
|
});
|
2022-12-08 17:16:37 +08:00
|
|
|
initBSTooltips();
|
2022-09-29 05:18:36 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
initNewMyModuleModal();
|
|
|
|
}());
|