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

196 lines
5.2 KiB
JavaScript
Raw Normal View History

2019-11-12 18:26:18 +08:00
/* global TinyMCE I18n */
2018-07-19 23:56:42 +08:00
(function() {
'use strict';
var usersDatatable = null;
// Initialize edit description modal window
function initEditDescription() {
2019-11-12 18:26:18 +08:00
$('.team-description .tinymce-view').off('click').on('click', function() {
TinyMCE.init(`#${$(this).next().find('textarea').attr('id')}`);
2018-07-19 23:56:42 +08:00
});
2019-11-12 18:26:18 +08:00
}
2016-02-12 23:52:43 +08:00
2018-07-19 23:56:42 +08:00
// Initialize users DataTable
function initUsersTable() {
usersDatatable = $('#users-table').DataTable({
2019-11-12 18:26:18 +08:00
dom: `R
<'table-header'
<'add-new-team-members'>
<'filter-table'f>
<'display-limit'l>
>
<'table-body't>
<'table-footer'
<'page-info'i>
<'page-selector'p>
>`,
2018-07-19 23:56:42 +08:00
order: [[1, 'asc']],
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')
}
});
$('#add-new-team-members-button').detach().appendTo('.users-datatable .add-new-team-members').removeClass('hidden');
2019-11-12 18:26:18 +08:00
setTimeout(() => { $('#users-table').css('width', '100%'); }, 300);
2018-07-19 23:56:42 +08:00
}
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();
}
});
}
2019-11-12 18:26:18 +08:00
function initNameUpdateEvent() {
$('.settings-team-name').off('inlineEditing:fieldUpdated', '.inline-editing-container')
.on('inlineEditing:fieldUpdated', '.inline-editing-container', function() {
var newName = $(this).find('.view-mode').html();
$('.breadcrumb-teams .active').html(newName);
2019-11-24 06:20:38 +08:00
if ($('.settings-team-name').data('current-team')) {
$('#team-switch .selected-team').html(newName);
}
2019-11-12 18:26:18 +08:00
});
}
2018-07-19 23:56:42 +08:00
initEditDescription();
initUsersTable();
initUpdateRoles();
initRemoveUsers();
initReloadPageAfterInviteUsers();
2019-11-12 18:26:18 +08:00
initNameUpdateEvent();
2018-07-19 23:56:42 +08:00
}());