mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-11-17 22:51:24 +08:00
1138 lines
38 KiB
JavaScript
1138 lines
38 KiB
JavaScript
/*
|
|
globals I18n _ SmartAnnotation FilePreviewModal animateSpinner DataTableHelpers
|
|
HelperModule RepositoryDatatableRowEditor prepareRepositoryHeaderForExport
|
|
initAssignedTasksDropdown initReminderDropdown initBSTooltips
|
|
*/
|
|
|
|
//= require repositories/row_editor.js
|
|
|
|
var RepositoryDatatable = (function(global) {
|
|
'use strict';
|
|
|
|
var TABLE_ID = '';
|
|
var TABLE_WRAPPER_ID = '.repository-table';
|
|
var TABLE = null;
|
|
var EDITABLE = false;
|
|
var SELECT_ALL_SELECTOR = '#checkbox input[name=select_all]';
|
|
|
|
var rowsSelected = [];
|
|
var rowsLocked = [];
|
|
var colSizeMap = {};
|
|
|
|
// Tells whether we're currently viewing or editing table
|
|
var currentMode = 'viewMode';
|
|
|
|
// Extend datatables API with searchable options
|
|
// (http://stackoverflow.com/questions/39912395/datatables-dynamically-set-columns-searchable)
|
|
$.fn.dataTable.Api.register('isColumnSearchable()', function(colSelector) {
|
|
var idx = this.column(colSelector).index();
|
|
return this.settings()[0].aoColumns[idx].bSearchable;
|
|
});
|
|
$.fn.dataTable.Api
|
|
.register('setColumnSearchable()', function(colSelector, value) {
|
|
if (value !== this.isColumnSearchable(colSelector)) {
|
|
let idx = this.column(colSelector).index();
|
|
this.settings()[0].aoColumns[idx].bSearchable = value;
|
|
if (value === true) {
|
|
this.rows().invalidate();
|
|
}
|
|
}
|
|
return value;
|
|
});
|
|
|
|
function allSelectedRowsAreOnPage() {
|
|
let visibleRowIds = $(
|
|
`#repository-table-${$(TABLE_ID).data('repository-id')} tbody tr`
|
|
).toArray().map((r) => parseInt(r.id, 10));
|
|
|
|
return rowsSelected.every(r => visibleRowIds.includes(r));
|
|
}
|
|
|
|
function updateColSizeMap(state) {
|
|
if (!state.ColSizes) return;
|
|
|
|
for (let i = 0; i < state.ColSizes.length; i += 1) {
|
|
colSizeMap[state.ColReorder[i]] = state.ColSizes[i];
|
|
}
|
|
}
|
|
|
|
function restoreColumnSizes() {
|
|
TABLE.colResize.restore();
|
|
}
|
|
|
|
// Enable/disable edit button
|
|
function updateButtons() {
|
|
if (window.actionToolbarComponent) {
|
|
window.actionToolbarComponent.fetchActions({ repository_row_ids: rowsSelected });
|
|
$('.dataTables_scrollBody').css('margin-bottom', `${rowsSelected.length > 0 ? 68 : 0}px`);
|
|
}
|
|
|
|
if (currentMode === 'viewMode') {
|
|
$(TABLE_WRAPPER_ID).removeClass('editing');
|
|
$('.repository-save-changes-link').off('click');
|
|
$('.repository-edit-overlay').hide();
|
|
$('#saveCancel').hide();
|
|
$('.manage-repo-column-index').prop('disabled', false);
|
|
$('#shareRepoBtn').removeClass('disabled');
|
|
$('#viewSwitchButton').removeClass('disabled');
|
|
$('#addRepositoryRecord').prop('disabled', false);
|
|
$('.dataTables_length select').prop('disabled', false);
|
|
$('#repository-acitons-dropdown').prop('disabled', false);
|
|
$('#repository-columns-dropdown').find('.dropdown-toggle').prop('disabled', false);
|
|
$('th').removeClass('disable-click');
|
|
$('.repository-row-selector').prop('disabled', false);
|
|
$('.dataTables_filter input').prop('disabled', false);
|
|
$('#addRepositoryRecord').show();
|
|
if (!$('#saveRepositoryFilters').hasClass('hidden')) {
|
|
$('#saveRepositoryFilters').show();
|
|
}
|
|
$('#hideRepositoryReminders').show();
|
|
$('#importRecordsButton').show();
|
|
|
|
if (rowsSelected.length !== 0) {
|
|
$('#editRepositoryRecord').prop('disabled', !allSelectedRowsAreOnPage());
|
|
|
|
if (rowsSelected.some(r=> rowsLocked.indexOf(r) >= 0)) { // Some selected rows is rowsLocked
|
|
$('#editRepositoryRecord').prop('disabled', true);
|
|
$('#archiveRepositoryRecordsButton').prop('disabled', true);
|
|
}
|
|
$('#editDeleteCopy').show();
|
|
$('#toolbarPrintLabel').show();
|
|
}
|
|
$('#team-switch').css({ 'pointer-events': 'auto', opacity: 1 });
|
|
$('#navigationGoBtn').prop('disabled', false);
|
|
} else if (currentMode === 'editMode') {
|
|
$(TABLE_WRAPPER_ID).addClass('editing');
|
|
$('.repository-save-changes-link').on('click', function() {
|
|
$('#saveRecord').click();
|
|
});
|
|
$('#importRecordsButton').hide();
|
|
$('#editDeleteCopy').hide();
|
|
$('#addRepositoryRecord').hide();
|
|
$('#hideRepositoryReminders').hide();
|
|
if (!$('#saveRepositoryFilters').hasClass('hidden')) {
|
|
$('#saveRepositoryFilters').hide();
|
|
}
|
|
$('#saveCancel').show();
|
|
$('.manage-repo-column-index').prop('disabled', true);
|
|
$('#shareRepoBtn').addClass('disabled');
|
|
$('#viewSwitchButton').addClass('disabled');
|
|
$('#repository-acitons-dropdown').prop('disabled', true);
|
|
$('.dataTables_length select').prop('disabled', true);
|
|
$('#addRepositoryRecord').prop('disabled', true);
|
|
$('#assignRepositoryRecords').prop('disabled', true);
|
|
$('#unassignRepositoryRecords').prop('disabled', true);
|
|
$('#repository-columns-dropdown').find('.dropdown-toggle').prop('disabled', true);
|
|
$('th').addClass('disable-click');
|
|
$('.repository-row-selector').prop('disabled', true);
|
|
$('.dataTables_filter input').prop('disabled', true);
|
|
$('.repository-edit-overlay').show();
|
|
$('#team-switch').css({ 'pointer-events': 'none', opacity: 0.6 });
|
|
$('#navigationGoBtn').prop('disabled', true);
|
|
}
|
|
}
|
|
|
|
function initEditRowForms() {
|
|
let $forms = $(TABLE_ID).find('.repository-row-edit-form:not(#repositoryNewRowForm)');
|
|
|
|
let formsCount = $forms.length;
|
|
$forms.each(function() {
|
|
const form = $(this);
|
|
form.on('submit', function(event) {
|
|
event.preventDefault();
|
|
$.ajax({
|
|
url: form.attr('action'),
|
|
type: form.attr('method'),
|
|
data: form.serialize(),
|
|
success: function() {
|
|
formsCount -= 1;
|
|
},
|
|
error: function() {
|
|
formsCount += 1;
|
|
},
|
|
complete: function() {
|
|
$('html, body').animate({ scrollLeft: 0 }, 300);
|
|
if (formsCount === 0) {
|
|
$(TABLE_ID).dataTable().api().ajax.reload(() => {
|
|
animateSpinner(null, false);
|
|
}, false);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
});
|
|
}
|
|
|
|
function clearRowSelection() {
|
|
$('.dt-body-center .repository-row-selector').prop('checked', false);
|
|
$('.dt-body-center .repository-row-selector').closest('tr').removeClass('selected');
|
|
rowsSelected = [];
|
|
}
|
|
|
|
function disableCheckboxToggleOnCheckboxPreview() {
|
|
$('.checklist-dropdown').click(function(e) {
|
|
$(e.currentTarget).closest('tr').find('.repository-row-selector').trigger('click');
|
|
});
|
|
}
|
|
|
|
function changeToViewMode() {
|
|
currentMode = 'viewMode';
|
|
// Table specific stuff
|
|
TABLE.button(0).enable(true);
|
|
$('#saveRecord').attr('disabled', false);
|
|
$(TABLE_WRAPPER_ID).find('tr').removeClass('blocked');
|
|
|
|
if (TABLE.ColSizes && TABLE.ColSizes.filter((s) => !!s).length > 1) {
|
|
$(TABLE_WRAPPER_ID).find('.table').addClass('table--resizable-columns');
|
|
}
|
|
|
|
updateButtons();
|
|
disableCheckboxToggleOnCheckboxPreview();
|
|
restoreColumnSizes();
|
|
}
|
|
|
|
function changeToEditMode() {
|
|
$('#newRepoNameField').focus();
|
|
currentMode = 'editMode';
|
|
$(TABLE_WRAPPER_ID).find('.table').removeClass('table--resizable-columns');
|
|
adjustTableHeader();
|
|
clearRowSelection();
|
|
updateButtons();
|
|
initEditRowForms();
|
|
}
|
|
|
|
// Updates "Select all" control in a data table
|
|
function updateDataTableSelectAllCtrl() {
|
|
var $table = TABLE.table().node();
|
|
var $header = TABLE.table().header();
|
|
var $checkboxAll = $('.repository-row-selector', $table);
|
|
var $checkboxChecked = $('.repository-row-selector:checked', $table);
|
|
var checkboxSelectAll = $(SELECT_ALL_SELECTOR, $header).get(0);
|
|
// If none of the checkboxes are checked
|
|
if ($checkboxChecked.length === 0) {
|
|
checkboxSelectAll.checked = false;
|
|
if ('indeterminate' in checkboxSelectAll) {
|
|
checkboxSelectAll.indeterminate = false;
|
|
}
|
|
|
|
// If all of the checkboxes are checked
|
|
} else if ($checkboxChecked.length === $checkboxAll.length) {
|
|
checkboxSelectAll.checked = true;
|
|
if ('indeterminate' in checkboxSelectAll) {
|
|
checkboxSelectAll.indeterminate = false;
|
|
}
|
|
|
|
// If some of the checkboxes are checked
|
|
} else {
|
|
checkboxSelectAll.checked = true;
|
|
if ('indeterminate' in checkboxSelectAll) {
|
|
checkboxSelectAll.indeterminate = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
function initRowSelection() {
|
|
// Handle clicks on checkbox
|
|
$(TABLE_ID).on('change', '.repository-row-selector', function(ev) {
|
|
var $row;
|
|
var data;
|
|
var rowId;
|
|
var index;
|
|
|
|
if (currentMode !== 'viewMode') {
|
|
return;
|
|
}
|
|
// Get row ID
|
|
$row = $(this).closest('tr');
|
|
data = TABLE.row($row).data();
|
|
rowId = data.DT_RowId;
|
|
|
|
// Determine whether row ID is in the list of selected row IDs
|
|
index = $.inArray(rowId, rowsSelected);
|
|
|
|
// If checkbox is checked and row ID is not in list of selected row IDs
|
|
if (this.checked && index === -1) {
|
|
rowsSelected.push(rowId);
|
|
// Otherwise, if checkbox is not checked and row ID is in list of selected row IDs
|
|
} else if (!this.checked && index !== -1) {
|
|
rowsSelected.splice(index, 1);
|
|
}
|
|
|
|
if (this.checked) {
|
|
$row.addClass('selected');
|
|
} else {
|
|
$row.removeClass('selected');
|
|
}
|
|
|
|
updateDataTableSelectAllCtrl();
|
|
|
|
ev.stopPropagation();
|
|
updateButtons();
|
|
// Update number of selected records info
|
|
$('#selected_info').text(' (' + rowsSelected.length + ' entries selected)');
|
|
});
|
|
|
|
// Handle click on "Select all" control
|
|
$(SELECT_ALL_SELECTOR).change(function(ev) {
|
|
if (this.checked) {
|
|
$('.repository-row-selector:not(:checked)').trigger('click');
|
|
} else {
|
|
$('.repository-row-selector:checked').trigger('click');
|
|
}
|
|
// Prevent click event from propagating to parent
|
|
ev.stopPropagation();
|
|
});
|
|
}
|
|
|
|
function checkAvailableColumns() {
|
|
$.ajax({
|
|
url: $(TABLE_ID).data('available-columns'),
|
|
type: 'GET',
|
|
dataType: 'json',
|
|
success: function(data) {
|
|
var columnsIds = data.columns;
|
|
var presentColumns = $(TABLE_ID).data('repository-columns-ids');
|
|
if (!_.isEqual(columnsIds.sort(), presentColumns.sort())) {
|
|
alert($(TABLE_ID).data('columns-changed'));
|
|
animateSpinner();
|
|
location.reload();
|
|
}
|
|
},
|
|
error: function() {
|
|
location.reload();
|
|
}
|
|
});
|
|
}
|
|
|
|
function initItemEditIcon() {
|
|
$(TABLE_ID).on('click', '.repository-row-edit-icon', function(ev) {
|
|
let rowId = $(ev.target).closest('tr').attr('id');
|
|
let row = TABLE.row(`#${rowId}`);
|
|
|
|
$(row.node()).find('.repository-row-selector').trigger('click');
|
|
|
|
checkAvailableColumns();
|
|
|
|
RepositoryDatatableRowEditor.switchRowToEditMode(row);
|
|
|
|
changeToEditMode();
|
|
});
|
|
}
|
|
|
|
function initSaveButton() {
|
|
$(TABLE_WRAPPER_ID).on('click', '#saveRecord', function() {
|
|
var $table = $(TABLE_ID);
|
|
RepositoryDatatableRowEditor.validateAndSubmit($table, $('#saveRecord'));
|
|
});
|
|
}
|
|
|
|
function initActiveRemindersFilter() {
|
|
$(TABLE_WRAPPER_ID).find('#only_reminders').on('change', function() {
|
|
var $activeRemindersFilter = $(this).closest('.active-reminders-filter');
|
|
|
|
$(TABLE_WRAPPER_ID).find('table').attr('data-only-reminders', $(this).is(':checked'));
|
|
|
|
if ($(this).is(':checked')) {
|
|
$activeRemindersFilter.attr('title', $activeRemindersFilter.data('checkedTitle'));
|
|
} else {
|
|
$activeRemindersFilter.attr('title', $activeRemindersFilter.data('uncheckedTitle'));
|
|
}
|
|
|
|
TABLE.ajax.reload();
|
|
});
|
|
}
|
|
|
|
function resetTableView() {
|
|
var filterSaveButtonVisible = !$('#saveRepositoryFilters').hasClass('hidden');
|
|
$.getJSON($(TABLE_ID).data('toolbar-url'), (data) => {
|
|
$('#toolbarButtonsDatatable').remove();
|
|
$(data.html).appendTo('div.toolbar');
|
|
if (filterSaveButtonVisible) {
|
|
$('#saveRepositoryFilters').removeClass('hidden');
|
|
}
|
|
|
|
initBSTooltips();
|
|
});
|
|
|
|
TABLE.ajax.reload(null, false);
|
|
changeToViewMode();
|
|
SmartAnnotation.closePopup();
|
|
animateSpinner(null, false);
|
|
}
|
|
|
|
function initCancelButton() {
|
|
$(TABLE_WRAPPER_ID).on('click', '#cancelSave', function() {
|
|
resetTableView();
|
|
});
|
|
}
|
|
|
|
function appendInput(form, val, name) {
|
|
$(form).append(
|
|
$('<input>').attr('type', 'hidden').attr('name', name).val(val)
|
|
);
|
|
}
|
|
|
|
function initHeaderTooltip() {
|
|
// Fix compatibility of fixed table header and column names modal-tooltip
|
|
$('.modal-tooltip').off();
|
|
$('.modal-tooltip').hover(function() {
|
|
var $tooltip = $(this).find('.modal-tooltiptext');
|
|
var offsetLeft = $tooltip.offset().left;
|
|
var offsetTop = $tooltip.offset().top;
|
|
if ((offsetLeft + 200) > $(window).width()) {
|
|
offsetLeft -= 150;
|
|
}
|
|
$('body').append($tooltip);
|
|
$tooltip.css('background-color', '#d2d2d2');
|
|
$tooltip.css('border-radius', '6px');
|
|
$tooltip.css('color', '#333');
|
|
$tooltip.css('display', 'block');
|
|
$tooltip.css('left', offsetLeft + 'px');
|
|
$tooltip.css('padding', '5px');
|
|
$tooltip.css('position', 'absolute');
|
|
$tooltip.css('text-align', 'center');
|
|
$tooltip.css('top', offsetTop + 'px');
|
|
$tooltip.css('visibility', 'visible');
|
|
$tooltip.css('width', '200px');
|
|
$tooltip.css('word-wrap', 'break-word');
|
|
$(this).data('dropdown-tooltip', $tooltip);
|
|
}, function() {
|
|
$(this).append($(this).data('dropdown-tooltip'));
|
|
$(this).data('dropdown-tooltip').removeAttr('style');
|
|
});
|
|
}
|
|
|
|
function initRepositoryViewSwitcher() {
|
|
const viewSwitch = $('.view-switch');
|
|
const repositoryShow = $('.repository-show');
|
|
const stateViewSwitchBtnName = $('.state-view-switch-btn-name');
|
|
const selectedSwitchOptionClass = 'form-dropdown-state-item prevent-shrink';
|
|
|
|
function switchView(event, activeClass, inactiveClass) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
|
|
repositoryShow.removeClass(inactiveClass).addClass(activeClass);
|
|
|
|
$(`.view-switch-${inactiveClass} a`).removeClass(selectedSwitchOptionClass);
|
|
$(`.view-switch-${activeClass} a`).addClass(selectedSwitchOptionClass);
|
|
|
|
stateViewSwitchBtnName.text($(`.view-switch-${activeClass}`).text());
|
|
viewSwitch.removeClass('open');
|
|
RepositoryDatatable.reload();
|
|
}
|
|
|
|
viewSwitch.on('click', '.view-switch-archived', function(event) {
|
|
switchView(event, 'archived', 'active');
|
|
});
|
|
|
|
viewSwitch.on('click', '.view-switch-active', function(event) {
|
|
switchView(event, 'active', 'archived');
|
|
});
|
|
}
|
|
|
|
function initExportActions() {
|
|
const exportModal = $('#exportRepositoryRowsModal');
|
|
$(document).on('click', '#exportRepositoryRowsButton', (e) => {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
exportModal.modal('show');
|
|
});
|
|
|
|
$('form#form-repository-rows-export').off().submit(function() {
|
|
var form = this;
|
|
if (currentMode === 'viewMode') {
|
|
// Remove all hidden fields
|
|
$(form).find('input[name=row_ids\\[\\]]').remove();
|
|
$(form).find('input[name=header_ids\\[\\]]').remove();
|
|
|
|
// Append visible column information
|
|
$(`table${TABLE_ID} thead tr th`).each(function() {
|
|
const th = $(this);
|
|
const val = prepareRepositoryHeaderForExport(th);
|
|
|
|
if (val) {
|
|
appendInput(form, val, 'header_ids[]');
|
|
}
|
|
});
|
|
|
|
// Append records
|
|
$.each(rowsSelected, (index, rowId) => {
|
|
appendInput(form, rowId, 'row_ids[]');
|
|
});
|
|
}
|
|
})
|
|
.on('ajax:beforeSend', function() {
|
|
animateSpinner(null, true);
|
|
})
|
|
.on('ajax:complete', function() {
|
|
exportModal.modal('hide');
|
|
animateSpinner(null, false);
|
|
})
|
|
.on('ajax:success', function(ev, data) {
|
|
HelperModule.flashAlertMsg(data.message, 'success');
|
|
})
|
|
.on('ajax:error', function(ev, data) {
|
|
HelperModule.flashAlertMsg(data.responseJSON.message, 'danger');
|
|
});
|
|
}
|
|
|
|
// Adjust columns width in table header
|
|
function adjustTableHeader() {
|
|
TABLE.columns.adjust();
|
|
// $('.dropdown-menu').parent()
|
|
// .on('shown.bs.dropdown hidden.bs.dropdown', function() {
|
|
// TABLE.columns.adjust();
|
|
// });
|
|
}
|
|
|
|
function checkSnapshottingStatus() {
|
|
$.getJSON($(TABLE_ID).data('status-url'), (statusData) => {
|
|
if (statusData.snapshot_provisioning) {
|
|
setTimeout(() => { checkSnapshottingStatus(); }, GLOBAL_CONSTANTS.SLOW_STATUS_POLLING_INTERVAL);
|
|
} else {
|
|
EDITABLE = statusData.editable;
|
|
$('.repository-provisioning-notice').remove();
|
|
resetTableView();
|
|
}
|
|
});
|
|
}
|
|
|
|
function addRepositorySearch() {
|
|
$(`<div id="inventorySearchComponent">
|
|
<repository_search_container/>
|
|
</div>`).appendTo('.repository-search-container');
|
|
initRepositorySearch();
|
|
}
|
|
|
|
function saveState(state) {
|
|
// Send an Ajax request to the server with the state object
|
|
let repositoryId = $(TABLE_ID).data('repository-id');
|
|
var viewType = $('.repository-show').hasClass('archived') ? 'archived' : 'active';
|
|
|
|
localStorage.setItem(
|
|
`datatables_repositories_state/${repositoryId}/${viewType}`,
|
|
JSON.stringify(state)
|
|
);
|
|
|
|
$.ajax({
|
|
url: '/repositories/' + repositoryId + '/state_save',
|
|
contentType: 'application/json',
|
|
data: JSON.stringify({ state: state }),
|
|
dataType: 'json',
|
|
type: 'POST'
|
|
});
|
|
|
|
TABLE.ColSizes = state.ColSizes;
|
|
|
|
setTimeout(restoreColumnSizes, 100);
|
|
}
|
|
|
|
function dataTableInit() {
|
|
TABLE = $(TABLE_ID).DataTable({
|
|
dom: "R<'repository-toolbar hidden'<'repository-search-container'f>>t<'pagination-row hidden'<'pagination-info'li><'pagination-actions'p>>",
|
|
stateSave: true,
|
|
processing: true,
|
|
serverSide: true,
|
|
sScrollX: '100%',
|
|
sScrollXInner: '100%',
|
|
order: $(TABLE_ID).data('default-order'),
|
|
stateDuration: 0,
|
|
colReorder: {
|
|
fixedColumnsLeft: 2,
|
|
realtime: false,
|
|
disabledClass: 'dt-colresizable-hover'
|
|
},
|
|
colResize: {
|
|
isEnabled: true,
|
|
saveState: true,
|
|
hasBoundCheck: false,
|
|
isResizable: (column) => {
|
|
return column.idx > 0;
|
|
},
|
|
onResize: function(column) {
|
|
// enforce min-width
|
|
let width = parseInt(column.width, 10);
|
|
let $headerColumn = $(TABLE.column(column.idx).header());
|
|
let minWidth = parseInt($headerColumn.css('min-width'), 10);
|
|
|
|
// get actual column index taking into account hidden columns
|
|
let trueColumnIndex = $(`${TABLE_WRAPPER_ID} .dataTables_scrollHeadInner tr`).children().index($headerColumn);
|
|
|
|
$(
|
|
`${TABLE_WRAPPER_ID} th:nth-child(${trueColumnIndex + 1})`
|
|
).toggleClass('width-out-of-bounds', width < minWidth);
|
|
},
|
|
stateSaveCallback: (_, data) => {
|
|
$(TABLE_ID).data('col-sizes', data);
|
|
let state = TABLE.state();
|
|
|
|
// force width of checkbox column
|
|
data[0] = 30;
|
|
|
|
// perserve widths of invisible columns or enforce min width
|
|
for (let i = 0; i < data.length; i++) {
|
|
if (data[i] === 0) {
|
|
let minWidth = parseInt($(TABLE.column(i).header()).css('min-width'), 10);
|
|
data[i] = colSizeMap[i] || minWidth;
|
|
}
|
|
}
|
|
|
|
state.ColSizes = data;
|
|
|
|
if (data.length > 0) {
|
|
$(TABLE_WRAPPER_ID).find('.table').addClass('table--resizable-columns');
|
|
}
|
|
|
|
updateColSizeMap(state);
|
|
|
|
saveState(state);
|
|
},
|
|
stateLoadCallback: (state) => {
|
|
if (!TABLE.ColSizes || TABLE.ColSizes.length === 0) return;
|
|
|
|
let colSizes = TABLE.ColSizes;
|
|
|
|
// force width of checkbox column
|
|
colSizes[0] = 30;
|
|
|
|
return colSizes;
|
|
},
|
|
hoverClass: 'dt-colresizable-hover'
|
|
},
|
|
destroy: true,
|
|
ajax: {
|
|
url: $(TABLE_ID).data('source'),
|
|
contentType: 'application/json',
|
|
data: function(d) {
|
|
d.archived = $('.repository-show').hasClass('archived');
|
|
|
|
if ($('[data-external-ids]').length) {
|
|
d.external_ids = $('[data-external-ids]').attr('data-external-ids').split(',');
|
|
}
|
|
|
|
if ($('[data-repository-filter-json]').attr('data-repository-filter-json')) {
|
|
d.advanced_search = JSON.parse($('[data-repository-filter-json]').attr('data-repository-filter-json'));
|
|
}
|
|
|
|
if ($('[data-only-reminders]').attr('data-only-reminders') === 'true') {
|
|
d.only_reminders = true;
|
|
}
|
|
|
|
return JSON.stringify(d);
|
|
},
|
|
complete: restoreColumnSizes,
|
|
global: false,
|
|
type: 'POST'
|
|
},
|
|
columnDefs: [{
|
|
// Checkbox column needs special handling
|
|
targets: 0,
|
|
visible: true,
|
|
searchable: false,
|
|
orderable: false,
|
|
className: 'dt-body-center',
|
|
sWidth: '1%',
|
|
render: function(data, type, row) {
|
|
return `<div class="sci-checkbox-container">
|
|
<input class='repository-row-selector sci-checkbox' type='checkbox' data-editable="${row.recordEditable}">
|
|
<span class='sci-checkbox-label'></span>
|
|
</div>`;
|
|
}
|
|
}, {
|
|
// Assigned column is not searchable
|
|
targets: 1,
|
|
visible: true,
|
|
searchable: false,
|
|
orderable: true,
|
|
className: 'assigned-column',
|
|
sWidth: '1%',
|
|
render: function(data, type, row) {
|
|
let content = $.fn.dataTable.render.AssignedTasksValue(data, row);
|
|
let icon;
|
|
if (!row.recordEditable) {
|
|
icon = `<i class="repository-row-lock-icon sn-icon sn-icon-locked-task" title="${I18n.t('repositories.table.locked_item')}"></i>`;
|
|
} else if (EDITABLE) {
|
|
icon = '<i class="repository-row-edit-icon sn-icon sn-icon-edit" data-view-mode="active"></i>';
|
|
} else {
|
|
icon = '';
|
|
}
|
|
content = icon + content;
|
|
return content;
|
|
}
|
|
}, {
|
|
// Name column is clickable
|
|
targets: 3,
|
|
visible: true,
|
|
render: function(data, type, row) {
|
|
return "<a href='" + row.recordInfoUrl + "'"
|
|
+ "class='record-info-link'>" + data + '</a>';
|
|
}
|
|
}, {
|
|
// Added on column
|
|
targets: 4,
|
|
class: 'added-on',
|
|
visible: true
|
|
}, {
|
|
targets: '_all',
|
|
render: function(data) {
|
|
if (typeof data === 'object' && $.fn.dataTable.render[data.value_type]) {
|
|
return $.fn.dataTable.render[data.value_type](data);
|
|
}
|
|
return data;
|
|
}
|
|
}, {
|
|
targets: 'row-stock',
|
|
className: 'item-stock',
|
|
sWidth: '1%',
|
|
render: function(data) {
|
|
return $.fn.dataTable.render.RepositoryStockValue(data);
|
|
}
|
|
}],
|
|
language: {
|
|
emptyTable: I18n.t('repositories.show.no_items'),
|
|
zeroRecords: I18n.t('repositories.show.no_items_matched')
|
|
},
|
|
rowCallback: function(row, data) {
|
|
$(row).attr('data-editable', data.recordEditable);
|
|
$(row).attr('data-manage-stock-url', data.manageStockUrl);
|
|
// Get row ID
|
|
let rowId = data.DT_RowId;
|
|
// If row ID is in the list of selected row IDs
|
|
if ($.inArray(rowId, rowsSelected) !== -1) {
|
|
$(row).find('input[type="checkbox"]').prop('checked', true);
|
|
$(row).addClass('selected');
|
|
}
|
|
},
|
|
columns: (function() {
|
|
var columns = $(TABLE_ID).data('default-table-columns');
|
|
var customColumns = $(TABLE_ID).find('thead th[data-type]');
|
|
for (let i = 0; i < columns.length; i += 1) {
|
|
columns[i].data = String(i);
|
|
columns[i].defaultContent = '';
|
|
}
|
|
customColumns.each((i, column) => {
|
|
var columnData = $(column).data('type') === 'RepositoryStockValue' ? 'stock' : String(columns.length);
|
|
const className = $(column).data('type') === 'RepositoryChecklistValue' ? 'checklist-column' : '';
|
|
columns.push({
|
|
className: className,
|
|
visible: true,
|
|
searchable: true,
|
|
data: columnData,
|
|
defaultContent: $.fn.dataTable.render['default' + column.dataset.type](column.id)
|
|
});
|
|
});
|
|
|
|
return columns;
|
|
}()),
|
|
drawCallback: function() {
|
|
var archived = $('.repository-show').hasClass('archived');
|
|
var archivedOnIndex = TABLE.column('#archived-on').index();
|
|
var archivedByIndex = TABLE.column('#archived-by').index();
|
|
animateSpinner(this, false);
|
|
changeToViewMode();
|
|
updateDataTableSelectAllCtrl();
|
|
|
|
// Prevent row toggling when selecting user smart annotation link
|
|
SmartAnnotation.preventPropagation('.atwho-user-popover');
|
|
|
|
// Show number of selected rows near pages info
|
|
$('#repository-table_info').append('<span id="selected_info"></span>');
|
|
$('#selected_info').text(' (' + rowsSelected.length + ' entries selected)');
|
|
|
|
// Hide edit button if not all selected rows are on the current page
|
|
$('#editRepositoryRecord').prop('disabled', !allSelectedRowsAreOnPage());
|
|
|
|
TABLE.columns([archivedOnIndex, archivedByIndex]).visible(archived);
|
|
},
|
|
preDrawCallback: function() {
|
|
var archived = $('.repository-show').hasClass('archived');
|
|
TABLE.context[0].oLanguage.sEmptyTable = archived ? I18n.t('repositories.show.no_archived_items') : I18n.t('repositories.show.no_items');
|
|
TABLE.context[0].oLanguage.sZeroRecords = archived ? I18n.t('repositories.show.no_archived_items_matched') : I18n.t('repositories.show.no_items_matched');
|
|
animateSpinner(this);
|
|
},
|
|
stateLoadCallback: function(settings, callback) {
|
|
var repositoryId = $(TABLE_ID).data('repository-id');
|
|
$.ajax({
|
|
url: '/repositories/' + repositoryId + '/state_load',
|
|
data: {},
|
|
dataType: 'json',
|
|
type: 'POST',
|
|
success: function(json) {
|
|
var archived = $('.repository-show').hasClass('archived');
|
|
var viewType = archived ? 'archived' : 'active';
|
|
var state = localStorage.getItem(`datatables_repositories_state/${repositoryId}/${viewType}`);
|
|
|
|
json.state.start = state !== null ? JSON.parse(state).start : 0;
|
|
if (json.state.columns[6]) json.state.columns[6].visible = archived;
|
|
if (json.state.columns[7]) json.state.columns[7].visible = archived;
|
|
if (json.state.search) delete json.state.search;
|
|
|
|
if (json.state.ColSizes && json.state.ColSizes.length > 0) {
|
|
$(TABLE_WRAPPER_ID).find('.table').addClass('table--resizable-columns');
|
|
TABLE.ColSizes = json.state.ColSizes;
|
|
updateColSizeMap(json.state);
|
|
}
|
|
|
|
callback(json.state);
|
|
}
|
|
});
|
|
},
|
|
stateSaveCallback: function(_, data) {
|
|
let colSizes = [];
|
|
|
|
for (let i = 0; i < data.ColReorder.length; i += 1) {
|
|
colSizes.push(colSizeMap[data.ColReorder[i]]);
|
|
}
|
|
|
|
saveState({ ...data, ColSizes: colSizes });
|
|
},
|
|
fnInitComplete: function() {
|
|
window.initActionToolbar();
|
|
window.actionToolbarComponent.setBottomOffset(68);
|
|
initHeaderTooltip();
|
|
disableCheckboxToggleOnCheckboxPreview();
|
|
|
|
DataTableHelpers.initSearchField(
|
|
$(TABLE_ID).closest('.dataTables_wrapper'),
|
|
I18n.t('repositories.show.filter_inventory_items')
|
|
);
|
|
|
|
let toolBar = $($('#repositoryToolbar').html());
|
|
toolBar.find('.toolbar-search').html($('.repository-search-container'));
|
|
$('.repository-toolbar').html(toolBar);
|
|
|
|
RepositoryDatatableRowEditor.initFormSubmitAction(TABLE);
|
|
initExportActions();
|
|
initItemEditIcon();
|
|
initSaveButton();
|
|
initCancelButton();
|
|
initBSTooltips();
|
|
initRepositoryViewSwitcher();
|
|
DataTableHelpers.initLengthAppearance($(TABLE_ID).closest('.dataTables_wrapper'));
|
|
|
|
$('.dataTables_wrapper').on('click', '.pagination', () => {
|
|
const dataTablesScrollBody = document.querySelector('.dataTables_scrollBody');
|
|
dataTablesScrollBody.scrollTo(0, 0);
|
|
});
|
|
|
|
$('.dataTables_filter').addClass('hidden');
|
|
addRepositorySearch();
|
|
|
|
$(`.repository-table-head-${$(TABLE_ID).data('repository-id')}`).removeClass('hidden');
|
|
adjustTableHeader();
|
|
|
|
$('.repository-toolbar, .pagination-row').removeClass('hidden');
|
|
|
|
$(TABLE_ID).find('tr[data-editable=false]').each(function(_, e) {
|
|
rowsLocked.push(parseInt($(e).attr('id'), 10));
|
|
});
|
|
|
|
$(TABLE_WRAPPER_ID).find('.table thead th:not(:first-child)').prepend($('<i class="sn-icon sn-icon-drag column-grip"></i>'));
|
|
|
|
// go back to manage columns index in modal, on column save, after table loads
|
|
$('#manage-repository-column .back-to-column-modal').trigger('click');
|
|
|
|
initAssignedTasksDropdown(TABLE_ID);
|
|
initReminderDropdown(TABLE_ID);
|
|
|
|
initActiveRemindersFilter();
|
|
renderFiltersDropdown();
|
|
// setTimeout(function() {
|
|
// adjustTableHeader();
|
|
// }, 500);
|
|
|
|
let resizeTimeout;
|
|
window.addEventListener('resize', () => {
|
|
clearTimeout(resizeTimeout);
|
|
resizeTimeout = setTimeout(restoreColumnSizes, 200);
|
|
});
|
|
|
|
restoreColumnSizes();
|
|
}
|
|
});
|
|
|
|
// hack to replace filter placeholder
|
|
$('.dataTables_filter .form-control').attr('placeholder', $('.dataTables_filter label').text());
|
|
$('.dataTables_filter label').contents().filter(function() {
|
|
return this.nodeType === 3;
|
|
}).remove();
|
|
|
|
// Handle click on table cells with checkboxes
|
|
$(TABLE_ID).on('click', 'tbody td', function(ev) {
|
|
// Skip if clicking on selector checkbox, edit icon or link
|
|
if ($(ev.target).is('.row-reminders-icon, .repository-row-selector, .repository-row-edit-icon, a')) return;
|
|
if ($(ev.target).parents().is('a')) return;
|
|
|
|
$(this).parent().find('.repository-row-selector').trigger('click');
|
|
});
|
|
|
|
// Handling of special errors
|
|
$(TABLE_ID).on('xhr.dt', function(e, settings, json) {
|
|
if (json.custom_error) {
|
|
json.data = [];
|
|
json.recordsFiltered = 0;
|
|
json.recordsTotal = 0;
|
|
TABLE.one('draw', function() {
|
|
$('#filtersDropdownButton').removeClass('active-filters');
|
|
$('#saveRepositoryFilters').addClass('hidden');
|
|
$('.repository-table-error').addClass('active').text(json.custom_error);
|
|
});
|
|
}
|
|
})
|
|
|
|
initRowSelection();
|
|
|
|
return TABLE;
|
|
}
|
|
|
|
function onClickDeleteRecord() {
|
|
animateSpinner();
|
|
$.ajax({
|
|
url: $('table' + TABLE_ID).data('delete-record'),
|
|
type: 'POST',
|
|
dataType: 'json',
|
|
data: { selected_rows: rowsSelected },
|
|
success: function(data) {
|
|
HelperModule.flashAlertMsg(data.flash, data.color);
|
|
rowsSelected = [];
|
|
resetTableView();
|
|
},
|
|
error: function(ev) {
|
|
if (ev.status === 403) {
|
|
HelperModule.flashAlertMsg(I18n.t('repositories.js.permission_error'), ev.responseJSON.style);
|
|
} else {
|
|
animateSpinner(null, false);
|
|
HelperModule.flashAlertMsg(ev.responseJSON.flash, 'danger');
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
$('.repository-show')
|
|
.on('click', '#addRepositoryRecord', function() {
|
|
checkAvailableColumns();
|
|
RepositoryDatatableRowEditor.addNewRow(TABLE);
|
|
changeToEditMode();
|
|
$('.tooltip').remove();
|
|
})
|
|
.on('click', '#copyRepositoryRecords', function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
animateSpinner();
|
|
$.ajax({
|
|
url: $('table' + TABLE_ID).data('copy-records'),
|
|
type: 'POST',
|
|
dataType: 'json',
|
|
data: { selected_rows: rowsSelected },
|
|
success: function(data) {
|
|
HelperModule.flashAlertMsg(data.flash, 'success');
|
|
rowsSelected = [];
|
|
resetTableView();
|
|
},
|
|
error: function(ev) {
|
|
if (ev.status === 403) {
|
|
HelperModule.flashAlertMsg(I18n.t('repositories.js.permission_error'), ev.responseJSON.style);
|
|
} else {
|
|
animateSpinner(null, false);
|
|
HelperModule.flashAlertMsg(ev.responseJSON.flash, 'danger');
|
|
}
|
|
}
|
|
});
|
|
})
|
|
.on('click', '#archiveRepositoryRecordsButton', function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
animateSpinner();
|
|
$.ajax({
|
|
url: $('table' + TABLE_ID).data('archive-records'),
|
|
type: 'POST',
|
|
dataType: 'json',
|
|
data: { selected_rows: rowsSelected },
|
|
success: function(data) {
|
|
HelperModule.flashAlertMsg(data.flash, 'success');
|
|
rowsSelected = [];
|
|
resetTableView();
|
|
},
|
|
error: function(ev) {
|
|
if (ev.status === 403) {
|
|
HelperModule.flashAlertMsg(
|
|
I18n.t('repositories.js.permission_error'), ev.responseJSON.style
|
|
);
|
|
} else if (ev.status === 422) {
|
|
HelperModule.flashAlertMsg(
|
|
ev.responseJSON.error, 'danger'
|
|
);
|
|
animateSpinner(null, false);
|
|
}
|
|
}
|
|
});
|
|
})
|
|
.on('click', '#restoreRepositoryRecords', function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
animateSpinner();
|
|
$.ajax({
|
|
url: $('table' + TABLE_ID).data('restore-records'),
|
|
type: 'POST',
|
|
dataType: 'json',
|
|
data: { selected_rows: rowsSelected },
|
|
success: function(data) {
|
|
HelperModule.flashAlertMsg(data.flash, 'success');
|
|
rowsSelected = [];
|
|
resetTableView();
|
|
},
|
|
error: function(ev) {
|
|
if (ev.status === 403) {
|
|
HelperModule.flashAlertMsg(
|
|
I18n.t('repositories.js.permission_error'), ev.responseJSON.style
|
|
);
|
|
} else if (ev.status === 422) {
|
|
HelperModule.flashAlertMsg(
|
|
ev.responseJSON.error, 'danger'
|
|
);
|
|
animateSpinner(null, false);
|
|
}
|
|
}
|
|
});
|
|
})
|
|
.on('click', '#editRepositoryRecord', function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
checkAvailableColumns();
|
|
|
|
$(TABLE_ID).find('.repository-row-edit-icon').remove();
|
|
|
|
rowsSelected.forEach(function(rowNumber) {
|
|
RepositoryDatatableRowEditor.switchRowToEditMode(TABLE.row('#' + rowNumber));
|
|
});
|
|
|
|
changeToEditMode();
|
|
})
|
|
.on('click', '#assignRepositoryRecords', function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
window.AssignItemsToTaskModalComponentContainer.showModal(rowsSelected);
|
|
})
|
|
.on('click', '#deleteRepositoryRecords', function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
$('#deleteRepositoryRecord').modal('show');
|
|
})
|
|
.on('click', '#hideRepositoryReminders', function(e) {
|
|
var visibleReminderRepositoryRowIds = $('.row-reminders-dropdown').map(
|
|
function() { return $(this).closest('[role=row]').attr('id'); }
|
|
).toArray();
|
|
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: $(this).data('hideRemindersUrl'),
|
|
dataType: 'json',
|
|
data: {
|
|
visible_reminder_repository_row_ids: visibleReminderRepositoryRowIds
|
|
},
|
|
success: function() {
|
|
$('#hideRepositoryReminders').remove();
|
|
TABLE.ajax.reload();
|
|
$('.tooltip').remove();
|
|
}
|
|
});
|
|
});
|
|
|
|
$('#deleteRepositoryRecord').on('click', '.delete-record-modal-button', onClickDeleteRecord);
|
|
|
|
// Handle enter key
|
|
$(document).off('keypress').keypress(function(event) {
|
|
var keycode = (event.keyCode ? event.keyCode : event.which);
|
|
if (currentMode === 'editMode' && keycode === '13') {
|
|
$('#saveRecord').click();
|
|
}
|
|
});
|
|
|
|
global.clearFileInput = function(el) {
|
|
var parent = $(el).closest('div.repository-input-file-field');
|
|
var input = parent.find('input:file')[0];
|
|
// hide clear button
|
|
$(parent.find('a[data-action="removeAsset"]')[0]).hide();
|
|
// reset value
|
|
input.value = '';
|
|
// add flag
|
|
$(input).attr('remove', true);
|
|
// clear fileName
|
|
$(parent.find('.file-name-label')[0]).text(I18n.t('general.file.no_file_chosen'));
|
|
$(parent.find('.form-group')[0]).removeClass('has-error');
|
|
parent.removeClass('has-error');
|
|
$(parent.find('.help-block')[0]).remove();
|
|
};
|
|
|
|
function init(id) {
|
|
TABLE_ID = id;
|
|
EDITABLE = $(TABLE_ID).data('editable');
|
|
TABLE = dataTableInit();
|
|
if ($(TABLE_ID).data('snapshot-provisioning')) {
|
|
setTimeout(() => { checkSnapshottingStatus(); }, GLOBAL_CONSTANTS.SLOW_STATUS_POLLING_INTERVAL);
|
|
}
|
|
}
|
|
|
|
function destroy() {
|
|
if (TABLE !== null) {
|
|
TABLE.destroy();
|
|
TABLE = null;
|
|
}
|
|
TABLE_ID = '';
|
|
}
|
|
|
|
function redrawTableOnSidebarToggle() {
|
|
$('#wrapper').on('sideBar::hide sideBar::hidden', function() {
|
|
var orgignalWidth = $('.repository-show .dataTables_scrollHead .table.dataTable').width();
|
|
var windowWidth = $(window).width();
|
|
if (windowWidth > orgignalWidth + 363) {
|
|
$('.repository-show .dataTables_scrollHead')
|
|
.find('.table.dataTable').css('width', (orgignalWidth + 280) + 'px');
|
|
}
|
|
document.documentElement.style.setProperty('--repository-sidebar-margin', '83px');
|
|
});
|
|
|
|
$('#wrapper').on('sideBar::show', function() {
|
|
var orgignalWidth = $('.repository-show .dataTables_scrollHead .table.dataTable').width();
|
|
var windowWidth = $(window).width();
|
|
if (windowWidth > orgignalWidth + 83) {
|
|
$('.repository-show .dataTables_scrollHead')
|
|
.find('.table.dataTable').css('width', (orgignalWidth - 280) + 'px');
|
|
}
|
|
document.documentElement.style.setProperty('--repository-sidebar-margin', '363px');
|
|
});
|
|
|
|
// $('#wrapper').on('sideBar::hidden sideBar::shown', function() {
|
|
// adjustTableHeader();
|
|
// });
|
|
}
|
|
|
|
function renderFiltersDropdown() {
|
|
let dropdown = $('#repositoryFilterTemplate').html();
|
|
$('.toolbar-filters').html(dropdown);
|
|
if (typeof initRepositoryFilter === 'function') initRepositoryFilter();
|
|
}
|
|
|
|
return Object.freeze({
|
|
init: init,
|
|
destroy: destroy,
|
|
reload: function() {
|
|
TABLE.ajax.reload();
|
|
clearRowSelection();
|
|
},
|
|
selectedRows: () => { return rowsSelected; },
|
|
redrawTableOnSidebarToggle: redrawTableOnSidebarToggle,
|
|
checkAvailableColumns: checkAvailableColumns
|
|
});
|
|
}(window));
|