mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-09-21 23:46:21 +08:00
849 lines
30 KiB
JavaScript
849 lines
30 KiB
JavaScript
/* eslint-disable no-param-reassign, no-use-before-define */
|
|
/* global DataTableHelpers PerfectScrollbar FilePreviewModal animateSpinner HelperModule
|
|
initAssignedTasksDropdown I18n prepareRepositoryHeaderForExport initReminderDropdown */
|
|
|
|
var MyModuleRepositories = (function() {
|
|
const FULL_VIEW_MODAL = $('#myModuleRepositoryFullViewModal');
|
|
const UPDATE_REPOSITORY_MODAL = $('#updateRepositoryRecordModal');
|
|
const STATUS_POLLING_INTERVAL = 10000;
|
|
var SIMPLE_TABLE;
|
|
var FULL_VIEW_TABLE;
|
|
var FULL_VIEW_TABLE_SCROLLBAR;
|
|
var SELECTED_ROWS = {};
|
|
|
|
function stockManagementColumns(withConsumption = true) {
|
|
let columns = [
|
|
{
|
|
visible: true,
|
|
searchable: false,
|
|
data: 'stock'
|
|
}
|
|
];
|
|
if (withConsumption) {
|
|
columns = columns.concat([{
|
|
visible: true,
|
|
searchable: false,
|
|
data: 'consumedStock'
|
|
}]);
|
|
}
|
|
return columns;
|
|
}
|
|
|
|
function stockManagementColumnDefs(withConsumption = true) {
|
|
let columns = [
|
|
{
|
|
targets: 'row-stock',
|
|
className: 'item-stock',
|
|
sWidth: '1%',
|
|
render: function(data) {
|
|
return $.fn.dataTable.render.RepositoryStockValue(data);
|
|
}
|
|
}
|
|
];
|
|
if (withConsumption) {
|
|
columns = columns.concat([{
|
|
targets: 'row-consumption',
|
|
className: 'item-consumed-stock',
|
|
sWidth: '1%',
|
|
render: function(data) {
|
|
return $.fn.dataTable.render.RepositoryStockConsumptionValue(data);
|
|
}
|
|
}]);
|
|
}
|
|
|
|
return columns;
|
|
}
|
|
|
|
function reloadRepositoriesList(repositoryId, expand = false) {
|
|
var repositoriesContainer = $('#assigned-items-container');
|
|
$.get(repositoriesContainer.data('repositories-list-url'), function(result) {
|
|
repositoriesContainer.html(result.html);
|
|
$('.assigned-items-title').attr('data-assigned-items-count', result.assigned_rows_count);
|
|
// expand recently updated repository
|
|
if (expand) {
|
|
$('#assigned-items-container').collapse('show');
|
|
$('#assigned-repository-items-container-' + repositoryId).collapse('show');
|
|
}
|
|
});
|
|
}
|
|
|
|
function tableColumns(tableContainer, skipCheckbox = false) {
|
|
var columns = $(tableContainer).data('default-table-columns');
|
|
var customColumns = $(tableContainer).find('thead th[data-type]');
|
|
for (let i = 0; i < columns.length; i += 1) {
|
|
columns[i].data = String(i);
|
|
columns[i].defaultContent = '';
|
|
if (skipCheckbox && i === 0) columns[i].visible = false;
|
|
}
|
|
|
|
customColumns.each((i, column) => {
|
|
columns.push({
|
|
visible: true,
|
|
searchable: true,
|
|
data: column.dataset.type === 'RepositoryStockValue' ? 'stock' : String(columns.length),
|
|
defaultContent: $.fn.dataTable.render['default' + column.dataset.type](column.id)
|
|
});
|
|
});
|
|
|
|
if ($(tableContainer).data('stock-consumption-column')) {
|
|
columns.push({
|
|
visible: true,
|
|
searchable: false,
|
|
data: 'consumedStock'
|
|
});
|
|
}
|
|
|
|
return columns;
|
|
}
|
|
|
|
function fullViewColumnDefs(tableContainer) {
|
|
let columnDefs = [{
|
|
targets: 0,
|
|
visible: true,
|
|
searchable: false,
|
|
orderable: false,
|
|
className: 'dt-body-center',
|
|
sWidth: '1%',
|
|
render: function(data) {
|
|
var checked = data ? 'checked' : '';
|
|
return `<div class="sci-checkbox-container">
|
|
<input class='repository-row-selector sci-checkbox' type='checkbox' ${checked}>
|
|
<span class='sci-checkbox-label'></span>
|
|
</div>`;
|
|
}
|
|
}];
|
|
|
|
if (FULL_VIEW_MODAL.find('.table').data('type') === 'live') {
|
|
columnDefs.push({
|
|
targets: 1,
|
|
searchable: false,
|
|
className: 'assigned-column',
|
|
sWidth: '1%',
|
|
render: function(data, type, row) {
|
|
return $.fn.dataTable.render.AssignedTasksValue(data, row);
|
|
}
|
|
}, {
|
|
targets: 3,
|
|
className: 'item-name',
|
|
render: function(data, type, row) {
|
|
return "<a href='" + row.recordInfoUrl + "' class='record-info-link'>" + data + '</a>';
|
|
}
|
|
});
|
|
} else {
|
|
columnDefs.push({
|
|
targets: 2,
|
|
className: 'item-name'
|
|
});
|
|
}
|
|
|
|
if ($(tableContainer).data('stock-management')) {
|
|
columnDefs = columnDefs.concat(
|
|
stockManagementColumnDefs(
|
|
$(tableContainer).data('stock-consumption-column')
|
|
)
|
|
);
|
|
}
|
|
|
|
columnDefs.push(
|
|
{
|
|
targets: '_all',
|
|
render: function(data) {
|
|
if (typeof data === 'object' && $.fn.dataTable.render[data.value_type]) {
|
|
return $.fn.dataTable.render[data.value_type](data);
|
|
}
|
|
if (data !== undefined && data.stock_present !== undefined) {
|
|
return $.fn.dataTable.render.RepositoryStockConsumptionValue(data);
|
|
}
|
|
return data;
|
|
}
|
|
}
|
|
);
|
|
|
|
return columnDefs;
|
|
}
|
|
|
|
function simpleTableColumns(tableContainer) {
|
|
let columns = [
|
|
{
|
|
visible: true,
|
|
searchable: false,
|
|
data: 0
|
|
}
|
|
];
|
|
|
|
if ($(tableContainer).data('stock-management')) {
|
|
columns = columns.concat(stockManagementColumns());
|
|
}
|
|
|
|
return columns;
|
|
}
|
|
|
|
function simpleViewColumnDefs(tableContainer) {
|
|
let columnDefs = [{
|
|
targets: 0,
|
|
className: 'item-name',
|
|
render: function(data, type, row) {
|
|
var recordName = "<a href='" + row.recordInfoUrl + "'"
|
|
+ "class='record-info-link'>" + data + '</a>';
|
|
if (row.hasActiveReminders) {
|
|
recordName = `<div class="dropdown row-reminders-dropdown"
|
|
data-row-reminders-url="${row.rowRemindersUrl}" tabindex='-1'>
|
|
<i class="fas fa-bell dropdown-toggle row-reminders-icon"
|
|
data-toggle="dropdown" id="rowReminders${row.DT_RowId}}"></i>
|
|
<ul class="dropdown-menu" role="menu" aria-labelledby="rowReminders${row.DT_RowId}">
|
|
</ul>
|
|
</div>` + recordName;
|
|
}
|
|
return recordName;
|
|
}
|
|
}];
|
|
|
|
if ($(tableContainer).data('stock-management')) {
|
|
columnDefs = columnDefs.concat(stockManagementColumnDefs());
|
|
}
|
|
|
|
return columnDefs;
|
|
}
|
|
|
|
function renderSimpleTable(tableContainer) {
|
|
if (SIMPLE_TABLE) SIMPLE_TABLE.destroy();
|
|
SIMPLE_TABLE = $(tableContainer).DataTable({
|
|
dom: "Rt<'pagination-row'<'version-label'><'pagination-actions'p>>",
|
|
processing: true,
|
|
serverSide: true,
|
|
responsive: true,
|
|
pageLength: 5,
|
|
order: [[0, 'asc']],
|
|
sScrollY: '100%',
|
|
sScrollX: '100%',
|
|
sScrollXInner: '100%',
|
|
destroy: true,
|
|
ajax: {
|
|
url: $(tableContainer).data('source'),
|
|
contentType: 'application/json',
|
|
data: function(d) {
|
|
d.assigned = 'assigned_simple';
|
|
d.view_mode = true;
|
|
d.simple_view = true;
|
|
return JSON.stringify(d);
|
|
},
|
|
global: false,
|
|
type: 'POST'
|
|
},
|
|
columns: simpleTableColumns(tableContainer),
|
|
columnDefs: simpleViewColumnDefs(tableContainer),
|
|
drawCallback: function() {
|
|
var repositoryContainer = $(this).closest('.assigned-repository-container');
|
|
repositoryContainer.find('.table.dataTable').removeClass('hidden');
|
|
repositoryContainer.find('.dataTables_scrollBody').css('overflow', 'initial');
|
|
repositoryContainer.find('.version-label').text(tableContainer.data('version-label'));
|
|
SIMPLE_TABLE.columns.adjust();
|
|
},
|
|
createdRow: function(row, data) {
|
|
$(row).find('.item-name').attr('data-state', data.DT_RowAttr['data-state']);
|
|
},
|
|
fnInitComplete: function() {
|
|
initReminderDropdown(tableContainer);
|
|
}
|
|
});
|
|
}
|
|
|
|
function reloadSimpleTable() {
|
|
if (!SIMPLE_TABLE) return;
|
|
SIMPLE_TABLE.ajax.reload(null, false);
|
|
}
|
|
|
|
function renderFullViewTable(tableContainer, options = {}) {
|
|
if (FULL_VIEW_TABLE) FULL_VIEW_TABLE.destroy();
|
|
SELECTED_ROWS = {};
|
|
FULL_VIEW_TABLE_SCROLLBAR = false;
|
|
FULL_VIEW_TABLE = $(tableContainer).DataTable({
|
|
dom: "R<'main-actions hidden'<'toolbar'><'filter-container'f>>t<'pagination-row hidden'<'pagination-info'li><'pagination-actions'p>>",
|
|
processing: true,
|
|
stateSave: true,
|
|
serverSide: true,
|
|
order: $(tableContainer).data('default-order'),
|
|
pageLength: 25,
|
|
sScrollX: '100%',
|
|
sScrollXInner: '100%',
|
|
stateDuration: 0,
|
|
destroy: true,
|
|
ajax: {
|
|
url: $(tableContainer).data('source'),
|
|
contentType: 'application/json',
|
|
data: function(d) {
|
|
if (options.assigned) d.assigned = 'assigned';
|
|
d.view_mode = true;
|
|
return JSON.stringify(d);
|
|
},
|
|
global: false,
|
|
type: 'POST'
|
|
},
|
|
columns: tableColumns(tableContainer, options.skipCheckbox),
|
|
columnDefs: fullViewColumnDefs(tableContainer),
|
|
|
|
fnInitComplete: function() {
|
|
var dataTableWrapper = $(tableContainer).closest('.dataTables_wrapper');
|
|
DataTableHelpers.initLengthAppearance(dataTableWrapper);
|
|
DataTableHelpers.initSearchField(dataTableWrapper, I18n.t('repositories.show.filter_inventory_items'));
|
|
$('<img class="barcode-scanner" src="/images/icon_small/barcode.png"></img>').appendTo($('.search-container'));
|
|
dataTableWrapper.find('.main-actions, .pagination-row').removeClass('hidden');
|
|
if (options.assign_mode) {
|
|
renderFullViewAssignButtons();
|
|
} else {
|
|
$('.table-container .toolbar').html($('#repositoryToolbarButtonsTemplate').html());
|
|
if (FULL_VIEW_MODAL.find('.modal-content').hasClass('show-sidebar')) {
|
|
FULL_VIEW_MODAL.find('#showVersionsSidebar').addClass('active');
|
|
}
|
|
}
|
|
initAssignedTasksDropdown(tableContainer);
|
|
initReminderDropdown(tableContainer);
|
|
},
|
|
|
|
drawCallback: function() {
|
|
FULL_VIEW_TABLE.columns.adjust();
|
|
renderFullViewRepositoryName(
|
|
tableContainer.attr('data-repository-name'),
|
|
tableContainer.attr('data-repository-snapshot-created'),
|
|
options.assign_mode
|
|
);
|
|
updateFullViewRowsCount(tableContainer.attr('data-assigned-items-count'));
|
|
if (FULL_VIEW_TABLE_SCROLLBAR) {
|
|
FULL_VIEW_TABLE_SCROLLBAR.update();
|
|
} else {
|
|
FULL_VIEW_TABLE_SCROLLBAR = new PerfectScrollbar(
|
|
$(tableContainer).closest('.dataTables_scrollBody')[0],
|
|
{
|
|
wheelSpeed: 0.5,
|
|
minScrollbarLength: 20
|
|
}
|
|
);
|
|
}
|
|
},
|
|
|
|
stateLoadCallback: function(settings, callback) {
|
|
var loadStateUrl = $(tableContainer).data('load-state-url');
|
|
$.post(loadStateUrl, function(json) {
|
|
if (!options.assign_mode) {
|
|
json.state.columns[0].visible = false;
|
|
}
|
|
if ($(tableContainer).data('type') !== 'snapshot') {
|
|
json.state.columns[6].visible = false;
|
|
json.state.columns[7].visible = false;
|
|
}
|
|
if (json.state.search) delete json.state.search;
|
|
if ($(tableContainer).data('stockConsumptionColumn')) {
|
|
json.state.columns.push({});
|
|
json.state.ColReorder.push(json.state.ColReorder.length);
|
|
}
|
|
callback(json.state);
|
|
});
|
|
},
|
|
rowCallback: function(row) {
|
|
var checkbox = $(row).find('.repository-row-selector');
|
|
if (SELECTED_ROWS[row.id]) {
|
|
$(row).addClass('selected');
|
|
checkbox.attr('checked', !checkbox.attr('checked'));
|
|
}
|
|
},
|
|
createdRow: function(row, data) {
|
|
$(row).find('.item-name').attr('data-state', data.DT_RowAttr['data-state']);
|
|
}
|
|
});
|
|
}
|
|
|
|
function setSelectedItem() {
|
|
let versionsSidebar = FULL_VIEW_MODAL.find('.repository-versions-sidebar');
|
|
let currentId = FULL_VIEW_MODAL.find('.table').data('id');
|
|
versionsSidebar.find('.list-group-item').removeClass('active');
|
|
versionsSidebar.find(`[data-id="${currentId}"]`).addClass('active');
|
|
|
|
if (versionsSidebar.find(`[data-id="${currentId}"]`).attr('data-selected') == 'false') {
|
|
$('#setDefaultVersionButton').parent().removeClass('hidden');
|
|
} else {
|
|
$('#setDefaultVersionButton').parent().addClass('hidden');
|
|
}
|
|
}
|
|
|
|
function reloadTable(tableUrl) {
|
|
animateSpinner(null, true);
|
|
$.getJSON(tableUrl, (data) => {
|
|
FULL_VIEW_MODAL.find('.table-container').html(data.html);
|
|
renderFullViewTable(FULL_VIEW_MODAL.find('.table'), { assigned: true, skipCheckbox: true });
|
|
setSelectedItem();
|
|
animateSpinner(null, false);
|
|
});
|
|
}
|
|
|
|
function initSelectAllCheckbox() {
|
|
FULL_VIEW_MODAL.on('click', 'input.select-all', function() {
|
|
var selectAllCheckbox = $(this);
|
|
var rows = FULL_VIEW_MODAL.find('.dataTables_scrollBody tbody tr');
|
|
$.each(rows, function(i, row) {
|
|
var checkbox = $(row).find('.repository-row-selector');
|
|
if (checkbox.prop('checked') === selectAllCheckbox.prop('checked')) return;
|
|
|
|
checkbox.prop('checked', !checkbox.prop('checked'));
|
|
selectFullViewRow(row);
|
|
});
|
|
});
|
|
}
|
|
|
|
function refreshSelectAllCheckbox() {
|
|
var checkboxes = FULL_VIEW_MODAL.find('.dataTables_scrollBody .repository-row-selector');
|
|
var selectedCheckboxes = FULL_VIEW_MODAL.find('.dataTables_scrollBody .repository-row-selector:checked');
|
|
var selectAllCheckbox = FULL_VIEW_MODAL.find('input.select-all');
|
|
selectAllCheckbox.prop('indeterminate', false);
|
|
if (selectedCheckboxes.length === 0) {
|
|
selectAllCheckbox.prop('checked', false);
|
|
} else if (selectedCheckboxes.length === checkboxes.length) {
|
|
selectAllCheckbox.prop('checked', true);
|
|
} else {
|
|
selectAllCheckbox.prop('indeterminate', true);
|
|
}
|
|
}
|
|
|
|
function checkSnapshotStatus(snapshotItem) {
|
|
$.getJSON(snapshotItem.data('status-url'), (statusData) => {
|
|
if (statusData.status !== 'provisioning') {
|
|
$.getJSON(snapshotItem.data('version-item-url'), (itemData) => {
|
|
snapshotItem.replaceWith(itemData.html);
|
|
if (statusData.status === 'failed') {
|
|
$('#snapshot-error-' + itemData.repository_id).modal('show');
|
|
}
|
|
});
|
|
} else {
|
|
setTimeout(function() {
|
|
checkSnapshotStatus(snapshotItem);
|
|
}, STATUS_POLLING_INTERVAL);
|
|
}
|
|
});
|
|
}
|
|
|
|
function initSimpleTable() {
|
|
$('#assigned-items-container').on('shown.bs.collapse', '.assigned-repository-container', function() {
|
|
var repositoryContainer = $(this);
|
|
var repositoryTable = repositoryContainer.find('.table');
|
|
var initializedTable = repositoryContainer.find('.dataTables_wrapper table');
|
|
|
|
// do not try to re-initialized already initialized table
|
|
if (initializedTable.length) {
|
|
initializedTable.DataTable().columns.adjust();
|
|
return;
|
|
}
|
|
|
|
repositoryTable.attr('data-source', $(this).data('repository-url'));
|
|
repositoryTable.attr('data-version-label', $(this).data('footer-label'));
|
|
repositoryTable.attr('data-name-column-id', $(this).data('name-column-id'));
|
|
repositoryTable.attr('data-stock-management', $(this).data('data-stock-management'));
|
|
repositoryContainer.html(repositoryTable);
|
|
renderSimpleTable(repositoryTable);
|
|
});
|
|
|
|
$('#wrapper').on('sideBar::shown sideBar::hidden', function() {
|
|
if (SIMPLE_TABLE) {
|
|
SIMPLE_TABLE.columns.adjust();
|
|
}
|
|
});
|
|
}
|
|
|
|
function initVersionsStatusCheck() {
|
|
let sidebar = FULL_VIEW_MODAL.find('.repository-versions-sidebar');
|
|
sidebar.find('.repository-snapshot-item.provisioning').each(function() {
|
|
var snapshotItem = $(this);
|
|
setTimeout(function() {
|
|
checkSnapshotStatus(snapshotItem);
|
|
}, STATUS_POLLING_INTERVAL);
|
|
});
|
|
}
|
|
|
|
function refreshCreationSnapshotInfoText() {
|
|
var snapshotsCount = FULL_VIEW_MODAL.find('.repository-snapshot-item').length;
|
|
var createSnapshotInfo = FULL_VIEW_MODAL.find('.create-snapshot-item .info');
|
|
if (snapshotsCount) {
|
|
createSnapshotInfo.addClass('hidden');
|
|
} else {
|
|
createSnapshotInfo.removeClass('hidden');
|
|
}
|
|
}
|
|
|
|
function initVersionsSidebarActions() {
|
|
FULL_VIEW_MODAL.on('click', '#showVersionsSidebar', function(e) {
|
|
$(this).toggleClass('active');
|
|
if ($(this).hasClass('active')) {
|
|
$.getJSON(FULL_VIEW_MODAL.find('.table').data('versions-sidebar-url'), (data) => {
|
|
var snapshotsItemsScrollBar;
|
|
FULL_VIEW_MODAL.find('.repository-versions-sidebar').html(data.html);
|
|
snapshotsItemsScrollBar = new PerfectScrollbar(
|
|
FULL_VIEW_MODAL.find('.repository-snapshots-container')[0]
|
|
);
|
|
setSelectedItem();
|
|
FULL_VIEW_MODAL.find('.modal-content').addClass('show-sidebar');
|
|
initVersionsStatusCheck();
|
|
snapshotsItemsScrollBar.update();
|
|
FULL_VIEW_TABLE.columns.adjust();
|
|
});
|
|
} else {
|
|
FULL_VIEW_MODAL.find('#collapseVersionsSidebar').click();
|
|
}
|
|
e.stopPropagation();
|
|
});
|
|
|
|
FULL_VIEW_MODAL.on('click', '#createRepositorySnapshotButton', function(e) {
|
|
animateSpinner(null, true);
|
|
$.ajax({
|
|
url: $(this).data('action-path'),
|
|
type: 'POST',
|
|
dataType: 'json',
|
|
success: function(data) {
|
|
let snapshotItem = $(data.html);
|
|
FULL_VIEW_MODAL.find('.snapshots-container-scrollbody').prepend(snapshotItem);
|
|
setTimeout(function() {
|
|
checkSnapshotStatus(snapshotItem);
|
|
}, STATUS_POLLING_INTERVAL);
|
|
animateSpinner(null, false);
|
|
refreshCreationSnapshotInfoText();
|
|
}
|
|
});
|
|
e.stopPropagation();
|
|
});
|
|
|
|
FULL_VIEW_MODAL.on('click', '.delete-snapshot-button', function(e) {
|
|
let snapshotItem = $(this).closest('.repository-snapshot-item');
|
|
animateSpinner(null, true);
|
|
$.ajax({
|
|
url: $(this).data('action-path'),
|
|
type: 'DELETE',
|
|
dataType: 'json',
|
|
success: function() {
|
|
if (snapshotItem.data('id') === FULL_VIEW_MODAL.find('.table').data('id')) {
|
|
reloadTable(FULL_VIEW_MODAL.find('#selectLiveVersionButton').data('table-url'));
|
|
}
|
|
snapshotItem.remove();
|
|
animateSpinner(null, false);
|
|
refreshCreationSnapshotInfoText();
|
|
}
|
|
});
|
|
e.stopPropagation();
|
|
});
|
|
|
|
FULL_VIEW_MODAL.on('click', '.select-snapshot-button', function(e) {
|
|
reloadTable($(this).data('table-url'));
|
|
e.stopPropagation();
|
|
});
|
|
FULL_VIEW_MODAL.on('click', '.repository-snapshot-item', function(e) {
|
|
var snapshotButton = $(this).find('.select-snapshot-button');
|
|
if (!snapshotButton.hasClass('disabled')) {
|
|
snapshotButton.click();
|
|
}
|
|
e.stopPropagation();
|
|
});
|
|
|
|
FULL_VIEW_MODAL.on('click', '#selectLiveVersionButton', function(e) {
|
|
reloadTable(FULL_VIEW_MODAL.find('#selectLiveVersionButton').data('table-url'));
|
|
e.stopPropagation();
|
|
});
|
|
|
|
FULL_VIEW_MODAL.on('click', '#collapseVersionsSidebar', function(e) {
|
|
FULL_VIEW_MODAL.find('.modal-content').removeClass('show-sidebar');
|
|
FULL_VIEW_MODAL.find('#showVersionsSidebar').removeClass('active');
|
|
FULL_VIEW_TABLE.columns.adjust();
|
|
e.stopPropagation();
|
|
});
|
|
|
|
FULL_VIEW_MODAL.on('click', '#setDefaultVersionButton', function(e) {
|
|
let data;
|
|
animateSpinner(null, true);
|
|
|
|
if (FULL_VIEW_MODAL.find('.table').data('type') === 'live') {
|
|
data = { repository_id: FULL_VIEW_MODAL.find('.table').data('id') };
|
|
} else {
|
|
data = { repository_snapshot_id: FULL_VIEW_MODAL.find('.table').data('id') };
|
|
}
|
|
|
|
$.ajax({
|
|
url: $(this).data('select-path'),
|
|
type: 'POST',
|
|
dataType: 'json',
|
|
data: data,
|
|
success: function() {
|
|
let versionsList = FULL_VIEW_MODAL.find('.repository-versions-list');
|
|
versionsList.find('.list-group-item').attr('data-selected', false);
|
|
versionsList.find('.list-group-item.active').attr('data-selected', true);
|
|
$('#setDefaultVersionButton').parent().addClass('hidden');
|
|
reloadRepositoriesList(FULL_VIEW_MODAL.find('.table').data('id'));
|
|
animateSpinner(null, false);
|
|
}
|
|
});
|
|
e.stopPropagation();
|
|
});
|
|
|
|
FULL_VIEW_MODAL.on('hidden.bs.modal', function() {
|
|
FULL_VIEW_MODAL.find('.repository-versions-sidebar').empty();
|
|
FULL_VIEW_MODAL.find('.modal-content').removeClass('show-sidebar');
|
|
FULL_VIEW_MODAL.find('#showVersionsSidebar').removeClass('active');
|
|
FULL_VIEW_TABLE.destroy();
|
|
});
|
|
|
|
FULL_VIEW_MODAL.on('show.bs.modal', function() {
|
|
FULL_VIEW_MODAL.find('.table-container').empty();
|
|
FULL_VIEW_MODAL.find('.repository-title').empty();
|
|
FULL_VIEW_MODAL.find('.repository-version').empty();
|
|
updateFullViewRowsCount('');
|
|
});
|
|
}
|
|
|
|
function initRepositoryFullView() {
|
|
$('#assigned-items-container').on('click', '.action-buttons .full-screen', function(e) {
|
|
var repositoryNameObject = $(this).closest('.assigned-repository-caret')
|
|
.find('.assigned-repository-title');
|
|
|
|
|
|
renderFullViewRepositoryName(repositoryNameObject.text());
|
|
FULL_VIEW_MODAL.modal('show');
|
|
initCloseFullViewModal();
|
|
$.getJSON($(this).data('table-url'), (data) => {
|
|
FULL_VIEW_MODAL.find('.table-container').html(data.html);
|
|
renderFullViewTable(FULL_VIEW_MODAL.find('.table'), { assigned: true, skipCheckbox: true });
|
|
FULL_VIEW_MODAL.focus();
|
|
});
|
|
e.stopPropagation();
|
|
});
|
|
}
|
|
|
|
function initRepositoriesDropdown() {
|
|
$('.repositories-assign-container').on('show.bs.dropdown', function() {
|
|
var dropdownContainer = $(this);
|
|
$.getJSON(dropdownContainer.data('repositories-url'), function(result) {
|
|
dropdownContainer.find('.repositories-dropdown-menu').html(result.html);
|
|
});
|
|
});
|
|
}
|
|
|
|
function selectFullViewRow(row) {
|
|
var id = row.id;
|
|
|
|
if (!SELECTED_ROWS[id]) {
|
|
SELECTED_ROWS[id] = {
|
|
row_name: $(row).find('.record-info-link').text(),
|
|
assigned: $(row).find('.repository-row-selector').prop('checked')
|
|
};
|
|
} else {
|
|
delete SELECTED_ROWS[id];
|
|
}
|
|
|
|
$(row).toggleClass('selected');
|
|
|
|
if (Object.keys(SELECTED_ROWS).length) {
|
|
$('.assign-button').attr('disabled', false);
|
|
} else {
|
|
$('.assign-button').attr('disabled', true);
|
|
}
|
|
|
|
refreshSelectAllCheckbox();
|
|
}
|
|
|
|
function renderFullViewAssignButtons() {
|
|
var toolbar = FULL_VIEW_MODAL.find('.dataTables_wrapper .toolbar');
|
|
toolbar.empty();
|
|
if (parseInt(FULL_VIEW_MODAL.data('rows-count'), 10) === 0) {
|
|
toolbar.append($('#my-module-repository-full-view-assign-button').html());
|
|
toolbar.append($('#my-module-repository-full-view-assign-downstream-button').html());
|
|
} else {
|
|
toolbar.append($('#my-module-repository-full-view-update-button').html());
|
|
toolbar.append($('#my-module-repository-full-view-update-downstream-button').html());
|
|
}
|
|
}
|
|
|
|
function updateFullViewRowsCount(value) {
|
|
FULL_VIEW_MODAL.data('rows-count', value);
|
|
FULL_VIEW_MODAL.find('.repository-version').attr('data-rows-count', value);
|
|
}
|
|
|
|
function renderFullViewRepositoryName(name, snapshotDate, assignMode) {
|
|
var title;
|
|
var version;
|
|
var repositoryName = name || FULL_VIEW_MODAL.find('.repository-title').data('repository-name');
|
|
|
|
if (assignMode) {
|
|
title = I18n.t('my_modules.repository.full_view.assign_modal_header', {
|
|
repository_name: repositoryName
|
|
});
|
|
version = '';
|
|
} else if (snapshotDate) {
|
|
title = repositoryName;
|
|
version = I18n.t('my_modules.repository.full_view.modal_snapshot_header', {
|
|
snapshot_date: snapshotDate
|
|
});
|
|
} else {
|
|
title = repositoryName;
|
|
version = I18n.t('my_modules.repository.full_view.modal_live_header');
|
|
}
|
|
FULL_VIEW_MODAL.find('.repository-title').data('repository-name', repositoryName);
|
|
FULL_VIEW_MODAL.find('.repository-title').text(title);
|
|
FULL_VIEW_MODAL.find('.repository-version').text(version);
|
|
}
|
|
|
|
function initRepositoryAssignView() {
|
|
$('.repositories-dropdown-menu').on('click', '.repository', function(e) {
|
|
var assignUrlModal = $(this).data('assign-url-modal');
|
|
var updateUrlModal = $(this).data('update-url-modal');
|
|
FULL_VIEW_MODAL.modal('show');
|
|
initCloseFullViewModal();
|
|
$.get($(this).data('table-url'), (data) => {
|
|
FULL_VIEW_MODAL.find('.table-container').html(data.html);
|
|
FULL_VIEW_MODAL.data('assign-url-modal', assignUrlModal);
|
|
FULL_VIEW_MODAL.data('update-url-modal', updateUrlModal);
|
|
renderFullViewTable(FULL_VIEW_MODAL.find('.table'), { assign_mode: true });
|
|
});
|
|
e.stopPropagation();
|
|
});
|
|
|
|
FULL_VIEW_MODAL.on('click', '.table tbody tr', function() {
|
|
var checkbox = $(this).find('.repository-row-selector');
|
|
checkbox.prop('checked', !checkbox.prop('checked'));
|
|
selectFullViewRow(this);
|
|
}).on('click', '.table tbody tr .repository-row-selector', function(e) {
|
|
selectFullViewRow($(this).closest('tr')[0]);
|
|
e.stopPropagation();
|
|
}).on('click', '#assignRepositoryRecords', function() {
|
|
openAssignRecordsModal();
|
|
}).on('click', '#assignRepositoryRecordsDownstream', function() {
|
|
openAssignRecordsModal(true);
|
|
})
|
|
.on('click', '#updateRepositoryRecords', function() {
|
|
openUpdateRecordsModal();
|
|
})
|
|
.on('click', '#updateRepositoryRecordsDownstream', function() {
|
|
openUpdateRecordsModal(true);
|
|
});
|
|
|
|
UPDATE_REPOSITORY_MODAL.on('click', '.downstream-action', function() {
|
|
submitUpdateRepositoryRecord({ downstream: true });
|
|
}).on('click', '.task-action', function() {
|
|
submitUpdateRepositoryRecord({ downstream: false });
|
|
}).on('hidden.bs.modal', function() {
|
|
FULL_VIEW_MODAL.focus();
|
|
}).on('click', '.next-step', function() {
|
|
UPDATE_REPOSITORY_MODAL.find('.next-step, .description-1, .rows-list-container').addClass('hidden');
|
|
UPDATE_REPOSITORY_MODAL.find('.description-2, .my-modules-to-assign, .hidden-my-modules, .downstream-action').removeClass('hidden');
|
|
});
|
|
}
|
|
|
|
function openUpdateRecordsModal(downstream) {
|
|
var updateUrl = FULL_VIEW_MODAL.data('update-url-modal');
|
|
$.get(updateUrl, { selected_rows: SELECTED_ROWS, downstream: downstream }, function(data) {
|
|
var assignList;
|
|
var assignListScrollbar;
|
|
var unassignList;
|
|
var unassignListScrollbar;
|
|
UPDATE_REPOSITORY_MODAL.find('.modal-content').html(data.html);
|
|
UPDATE_REPOSITORY_MODAL.data('update-url', data.update_url);
|
|
assignList = UPDATE_REPOSITORY_MODAL.find('.rows-to-assign .rows-list')[0];
|
|
unassignList = UPDATE_REPOSITORY_MODAL.find('.rows-to-unassign .rows-list')[0];
|
|
if (assignList) assignListScrollbar = new PerfectScrollbar(assignList);
|
|
if (unassignList) unassignListScrollbar = new PerfectScrollbar(unassignList);
|
|
UPDATE_REPOSITORY_MODAL.modal('show');
|
|
if (assignList) assignListScrollbar.update();
|
|
if (unassignList) unassignListScrollbar.update();
|
|
});
|
|
}
|
|
|
|
function openAssignRecordsModal(downstream) {
|
|
var assignUrl = FULL_VIEW_MODAL.data('assign-url-modal');
|
|
$.get(assignUrl, { selected_rows: SELECTED_ROWS, downstream: downstream }, function(data) {
|
|
UPDATE_REPOSITORY_MODAL.find('.modal-content').html(data.html);
|
|
UPDATE_REPOSITORY_MODAL.data('update-url', data.update_url);
|
|
UPDATE_REPOSITORY_MODAL.modal('show');
|
|
});
|
|
}
|
|
|
|
function submitUpdateRepositoryRecord(options = {}) {
|
|
var rowsToAssign = [];
|
|
var rowsToUnassign = [];
|
|
$.each(Object.keys(SELECTED_ROWS), function(i, rowId) {
|
|
if (SELECTED_ROWS[rowId].assigned) {
|
|
rowsToAssign.push(rowId);
|
|
} else {
|
|
rowsToUnassign.push(rowId);
|
|
}
|
|
});
|
|
$.ajax({
|
|
url: UPDATE_REPOSITORY_MODAL.data('update-url'),
|
|
type: 'PATCH',
|
|
dataType: 'json',
|
|
data: {
|
|
rows_to_assign: rowsToAssign,
|
|
rows_to_unassign: rowsToUnassign,
|
|
downstream: options.downstream
|
|
},
|
|
success: function(data) {
|
|
UPDATE_REPOSITORY_MODAL.modal('hide');
|
|
HelperModule.flashAlertMsg(data.flash, 'success');
|
|
SELECTED_ROWS = {};
|
|
$(FULL_VIEW_TABLE.table().container()).find('.dataTable')
|
|
.attr('data-assigned-items-count', data.rows_count);
|
|
FULL_VIEW_TABLE.ajax.reload(null, false);
|
|
reloadRepositoriesList(data.repository_id, true);
|
|
updateFullViewRowsCount(data.rows_count);
|
|
renderFullViewAssignButtons();
|
|
},
|
|
error: function(response) {
|
|
if (response.status === 403) {
|
|
HelperModule.flashAlertMsg(I18n.t('general.no_permissions'), 'danger');
|
|
} else {
|
|
HelperModule.flashAlertMsg(response.responseJSON.flash, 'danger');
|
|
}
|
|
UPDATE_REPOSITORY_MODAL.modal('hide');
|
|
SELECTED_ROWS = {};
|
|
FULL_VIEW_TABLE.ajax.reload(null, false);
|
|
}
|
|
});
|
|
}
|
|
|
|
function initExportAssignedRows() {
|
|
FULL_VIEW_MODAL.on('click', '#exportAssignedItems', function() {
|
|
var headerIds = [];
|
|
$(FULL_VIEW_TABLE.table().container()).find('.dataTables_scrollHead thead tr th').each(function() {
|
|
headerIds.push(prepareRepositoryHeaderForExport($(this)));
|
|
});
|
|
$.post($(FULL_VIEW_TABLE.table().container()).find('.dataTable').data('export-url'), {
|
|
header_ids: headerIds
|
|
}, function(response) {
|
|
HelperModule.flashAlertMsg(response.message, 'success');
|
|
}).error((response) => {
|
|
HelperModule.flashAlertMsg(response.responseJSON.message, 'danger');
|
|
});
|
|
});
|
|
}
|
|
|
|
function initCloseFullViewModal() {
|
|
$(FULL_VIEW_MODAL).on('keyup', function(e) {
|
|
if (e.key === 'Escape') {
|
|
FULL_VIEW_MODAL.modal('hide');
|
|
}
|
|
});
|
|
}
|
|
|
|
return {
|
|
init: () => {
|
|
initSimpleTable();
|
|
initRepositoryFullView();
|
|
initRepositoriesDropdown();
|
|
initVersionsSidebarActions();
|
|
initRepositoryAssignView();
|
|
initSelectAllCheckbox();
|
|
initExportAssignedRows();
|
|
},
|
|
reloadSimpletable: () => {
|
|
reloadSimpleTable();
|
|
},
|
|
reloadFullViewTable: () => {
|
|
if (!FULL_VIEW_TABLE) return;
|
|
FULL_VIEW_TABLE.ajax.reload(null, false);
|
|
}
|
|
};
|
|
}());
|
|
|
|
MyModuleRepositories.init();
|