scinote-web/app/assets/javascripts/users/settings/teams/show.js

247 lines
6.7 KiB
JavaScript
Raw Normal View History

2018-07-19 23:56:42 +08:00
(function() {
'use strict';
var usersDatatable = null;
// Initialize edit name modal window
function initEditName() {
var editNameModal = $('#team-name-modal');
var editNameModalBody = editNameModal.find('.modal-body');
var editNameModalSubmitBtn = editNameModal.find("[data-action='submit']");
$('.name-link').on('ajax:success', function(ev, data) {
// Set modal body
editNameModalBody.html(data.html);
editNameModalBody.find('form')
.on('ajax:success', function() {
// Reload page
location.reload();
})
.on('ajax:error', function(ev2, data2) {
// Display errors if needed
editNameModalBody
.find('form')
.renderFormErrors('team', data2.responseJSON);
});
// Show modal
2018-07-23 17:26:09 +08:00
editNameModal.modal('show');
2018-07-19 23:56:42 +08:00
}).on('ajax:error', function() {
// TODO
2016-02-12 23:52:43 +08:00
});
2018-07-19 23:56:42 +08:00
editNameModalSubmitBtn.on('click', function() {
// Submit the form inside the modal
editNameModalBody.find('form').submit();
2016-02-12 23:52:43 +08:00
});
2018-07-19 23:56:42 +08:00
editNameModal.on('hidden.bs.modal', function() {
editNameModalBody.find('form').off('ajax:success ajax:error');
editNameModalBody.html('');
});
}
// Initialize edit description modal window
function initEditDescription() {
var editDescriptionModal = $('#team-description-modal');
var editDescriptionModalBody = editDescriptionModal.find('.modal-body');
var editDescriptionModalSubmitBtn = editDescriptionModal
.find("[data-action='submit']");
$('.description-link').on('ajax:success', function(ev, data) {
var descriptionLink = $('.description-refresh');
// Set modal body
editDescriptionModalBody.html(data.html);
editDescriptionModalBody.find('form')
.on('ajax:success', function(ev2, data2) {
// Update module's description in the tab
descriptionLink.html(data2.description_label);
// Close modal
editDescriptionModal.modal('hide');
})
.on('ajax:error', function(ev2, data2) {
// Display errors if needed
editDescriptionModalBody
.find('form')
.renderFormErrors('team', data2.responseJSON);
});
// Show modal
editDescriptionModal.modal('show');
}).on('ajax:error', function() {
// TODO
});
2016-02-12 23:52:43 +08:00
2018-07-19 23:56:42 +08:00
editDescriptionModalSubmitBtn.on('click', function() {
// Submit the form inside the modal
editDescriptionModalBody.find('form').submit();
});
2016-02-12 23:52:43 +08:00
2018-07-19 23:56:42 +08:00
editDescriptionModal.on('hidden.bs.modal', function() {
editDescriptionModalBody.find('form').off('ajax:success ajax:error');
editDescriptionModalBody.html('');
});
}
// Initialize users DataTable
function initUsersTable() {
usersDatatable = $('#users-table').DataTable({
order: [[1, 'asc']],
dom: 'RBfltpi',
stateSave: true,
buttons: [],
processing: true,
serverSide: true,
ajax: {
url: $('#users-table').data('source'),
type: 'POST'
},
colReorder: {
fixedColumnsLeft: 1000000 // Disable reordering
},
columnDefs: [{
targets: [0, 1, 2, 3, 4],
searchable: true,
orderable: true
}, {
targets: 5,
searchable: false,
orderable: false,
sWidth: '1%'
}],
columns: [
{ data: '0' },
{ data: '1' },
{ data: '2' },
{ data: '3' },
{ data: '4' },
{ data: '5' }
],
oLanguage: {
sSearch: I18n.t('general.filter')
}
});
}
function initUpdateRoles() {
// Bind on click event of various "set role" links in user
// dropdowns.
$('.users-datatable').on('click', "[data-action='submit-role']", function() {
var link = $(this);
var form = link
.closest('.dropdown-menu')
.find("form[data-id='update-role-form']");
var hiddenField = form.find("input[data-field='role']");
// Update the hidden field of the parent form
hiddenField.attr('value', link.attr('data-value'));
// Submit the parent form
form.submit();
});
2016-02-12 23:52:43 +08:00
2018-07-19 23:56:42 +08:00
$(document).on(
'ajax:success',
"[data-id='update-role-form']",
function(e, data) {
// If user does'n have permission to view the team anymore
// he/she is redirected to teams page
if (data.new_path) {
location.replace(data.new_path);
} else {
// Reload the whole table
usersDatatable.ajax.reload();
}
}
).on(
'ajax:error',
"[data-id='update-role-form']",
function() {
// TODO
}
);
}
function initRemoveUsers() {
// Bind the "remove user" button in users dropdown
$(document).on(
'ajax:success',
"[data-action='destroy-user-team']",
function(e, data) {
// Populate the modal heading & body
var modal = $('#destroy-user-team-modal');
var modalHeading = modal.find('.modal-header').find('.modal-title');
var modalBody = modal.find('.modal-body');
modalHeading.text(data.heading);
modalBody.html(data.html);
// Show the modal
modal.modal('show');
}
2018-07-19 23:56:42 +08:00
).on(
'ajax:error',
"[data-action='destroy-user-team']",
function() {
// TODO
}
);
// Also, bind the click action on the modal
$('#destroy-user-team-modal')
.on('click', "[data-action='submit']", function() {
var btn = $(this);
var form = btn
.closest('.modal')
.find('.modal-body')
.find("form[data-id='destroy-user-team-form']");
// Simply submit the form!
form.submit();
});
// Lastly, bind on the ajax form
$(document).on(
'ajax:success',
"[data-id='destroy-user-team-form']",
function() {
// Hide modal & clear its contents
var modal = $('#destroy-user-team-modal');
var modalHeading = modal.find('.modal-header').find('.modal-title');
var modalBody = modal.find('.modal-body');
modalHeading.text('');
modalBody.html('');
// Hide the modal
modal.modal('hide');
// Reload the whole table
usersDatatable.ajax.reload();
}
2018-07-19 23:56:42 +08:00
).on(
'ajax:error',
"[data-id='destroy-user-team-form']",
function() {
// TODO
}
);
}
function initReloadPageAfterInviteUsers() {
$('[data-id=team-invite-users-modal]').on('hidden.bs.modal', function() {
if (!_.isUndefined($(this).attr('data-invited'))) {
// Reload page
location.reload();
}
});
}
initEditName();
initEditDescription();
initUsersTable();
initUpdateRoles();
initRemoveUsers();
initReloadPageAfterInviteUsers();
}());