scinote-web/app/assets/javascripts/repositories/repository_datatable.js

898 lines
30 KiB
JavaScript
Raw Normal View History

/*
2020-07-17 21:17:09 +08:00
globals I18n _ SmartAnnotation FilePreviewModal animateSpinner DataTableHelpers
HelperModule RepositoryDatatableRowEditor prepareRepositoryHeaderForExport
initAssignedTasksDropdown initBMTFilter initReminderDropdown
*/
2017-06-23 14:50:12 +08:00
//= require jquery-ui/widgets/sortable
//= require repositories/row_editor.js
2017-06-06 23:35:29 +08:00
var RepositoryDatatable = (function(global) {
'use strict';
2017-06-06 23:35:29 +08:00
2018-07-19 23:56:42 +08:00
var TABLE_ID = '';
2020-01-15 21:18:08 +08:00
var TABLE_WRAPPER_ID = '.repository-table';
2018-07-19 23:56:42 +08:00
var TABLE = null;
var EDITABLE = false;
var SELECT_ALL_SELECTOR = '#checkbox > input[name=select_all]';
const STATUS_POLLING_INTERVAL = 10000;
var rowsSelected = [];
2020-01-24 23:33:44 +08:00
var rowsLocked = [];
// 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();
2017-06-06 23:35:29 +08:00
}
}
return value;
});
// Enable/disable edit button
function updateButtons() {
if (currentMode === 'viewMode') {
2020-01-15 21:18:08 +08:00
$(TABLE_WRAPPER_ID).removeClass('editing');
$('#saveCancel').hide();
$('.manage-repo-column-index').prop('disabled', false);
$('#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) {
$('#exportRepositoriesButton').addClass('disabled');
$('#copyRepositoryRecords').prop('disabled', true);
$('#editRepositoryRecord').prop('disabled', true);
$('#archiveRepositoryRecordsButton').prop('disabled', true);
2020-06-17 20:05:23 +08:00
$('#restoreRepositoryRecords').prop('disabled', true);
$('#deleteRepositoryRecords').prop('disabled', true);
$('#editDeleteCopy').hide();
$('#toolbarPrintLabel').hide();
} else {
if (rowsSelected.length === 1) {
$('#editRepositoryRecord').prop('disabled', false);
} else {
$('#editRepositoryRecord').prop('disabled', true);
}
$('#exportRepositoriesButton').removeClass('disabled');
$('#archiveRepositoryRecordsButton').prop('disabled', false);
$('#copyRepositoryRecords').prop('disabled', false);
2020-06-17 20:05:23 +08:00
$('#restoreRepositoryRecords').prop('disabled', false);
$('#deleteRepositoryRecords').prop('disabled', false);
$('#importRecordsButton').hide();
2020-01-24 23:33:44 +08:00
if (rowsSelected.some(r=> rowsLocked.indexOf(r) >= 0)) { // Some selected rows is rowsLocked
$('#editRepositoryRecord').prop('disabled', true);
$('#archiveRepositoryRecordsButton').prop('disabled', true);
2020-01-24 23:33:44 +08:00
}
$('#editDeleteCopy').show();
$('#toolbarPrintLabel').show();
}
} else if (currentMode === 'editMode') {
2020-01-15 21:18:08 +08:00
$(TABLE_WRAPPER_ID).addClass('editing');
$('#importRecordsButton').hide();
$('#editDeleteCopy').hide();
$('#addRepositoryRecord').hide();
$('#hideRepositoryReminders').hide();
if (!$('#saveRepositoryFilters').hasClass('hidden')) {
$('#saveRepositoryFilters').hide();
}
$('#saveCancel').show();
$('.manage-repo-column-index').prop('disabled', true);
$('#repository-acitons-dropdown').prop('disabled', true);
$('.dataTables_length select').prop('disabled', true);
$('#addRepositoryRecord').prop('disabled', true);
$('#editRepositoryRecord').prop('disabled', true);
$('#archiveRepositoryRecordsButton').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);
$('#toolbarPrintLabel').hide();
}
$('#toolbarPrintLabel').data('rows', JSON.stringify(rowsSelected));
}
function clearRowSelection() {
$('.dt-body-center .repository-row-selector').prop('checked', false);
$('.dt-body-center .repository-row-selector').closest('tr').removeClass('selected');
rowsSelected = [];
}
2020-01-27 22:52:52 +08:00
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);
$(TABLE_WRAPPER_ID).find('tr').removeClass('blocked');
updateButtons();
disableCheckboxToggleOnCheckboxPreview();
}
function changeToEditMode() {
currentMode = 'editMode';
// Table specific stuff
TABLE.button(0).enable(false);
clearRowSelection();
$(TABLE_WRAPPER_ID).find('tr:not(.editing)').addClass('blocked');
updateButtons();
}
// Updates "Select all" control in a data table
function updateDataTableSelectAllCtrl() {
var $table = TABLE.table().node();
var $header = TABLE.table().header();
var $chkboxAll = $('.repository-row-selector', $table);
var $chkboxChecked = $('.repository-row-selector:checked', $table);
2020-01-20 22:37:04 +08:00
var chkboxSelectAll = $(SELECT_ALL_SELECTOR, $header).get(0);
// If none of the checkboxes are checked
if ($chkboxChecked.length === 0) {
chkboxSelectAll.checked = false;
if ('indeterminate' in chkboxSelectAll) {
chkboxSelectAll.indeterminate = false;
}
// If all of the checkboxes are checked
} else if ($chkboxChecked.length === $chkboxAll.length) {
chkboxSelectAll.checked = true;
if ('indeterminate' in chkboxSelectAll) {
chkboxSelectAll.indeterminate = false;
}
// If some of the checkboxes are checked
} else {
chkboxSelectAll.checked = true;
if ('indeterminate' in chkboxSelectAll) {
chkboxSelectAll.indeterminate = true;
}
}
}
function initRowSelection() {
// Handle clicks on checkbox
2020-01-17 21:04:25 +08:00
$(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').html(' (' + rowsSelected.length + ' entries selected)');
});
// Handle click on "Select all" control
2020-01-20 22:37:04 +08:00
$(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();
$(TABLE_ID).find('.repository-row-edit-icon').remove();
RepositoryDatatableRowEditor.switchRowToEditMode(row);
changeToEditMode();
});
}
function initSaveButton() {
2020-01-15 21:18:08 +08:00
$(TABLE_WRAPPER_ID).on('click', '#saveRecord', function() {
2019-12-04 21:52:52 +08:00
var $table = $(TABLE_ID);
RepositoryDatatableRowEditor.validateAndSubmit($table);
});
}
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');
}
if (typeof initBMTFilter === 'function') initBMTFilter();
});
2020-01-17 21:04:25 +08:00
TABLE.ajax.reload(null, false);
changeToViewMode();
SmartAnnotation.closePopup();
animateSpinner(null, false);
}
function initCancelButton() {
2020-01-15 21:18:08 +08:00
$(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 initExportActions() {
$('#exportRepositoriesButton').on('click', function() {
$('#exportRepositoryModal').modal('show');
});
$('form#form-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() {
var th = $(this);
2020-07-17 21:17:09 +08:00
var val = prepareRepositoryHeaderForExport(th);
if (val) {
appendInput(form, val, 'header_ids[]');
}
});
2017-06-06 23:35:29 +08:00
// Append records
$.each(rowsSelected, function(index, rowId) {
appendInput(form, rowId, 'row_ids[]');
});
}
2019-09-23 19:33:02 +08:00
})
.on('ajax:beforeSend', function() {
animateSpinner(null, true);
})
.on('ajax:complete', function() {
$('#exportRepositoryModal').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(); }, STATUS_POLLING_INTERVAL);
} else {
EDITABLE = statusData.editable;
$('.repository-provisioning-notice').remove();
resetTableView();
}
});
}
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'),
2020-08-24 16:57:25 +08:00
stateDuration: 0,
colReorder: {
fixedColumnsLeft: 2,
realtime: false
},
destroy: true,
ajax: {
url: $(TABLE_ID).data('source'),
contentType: 'application/json',
data: function(d) {
2020-06-17 20:05:23 +08:00
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'));
}
return JSON.stringify(d);
},
global: false,
2017-06-06 23:35:29 +08:00
type: 'POST'
},
columnDefs: [{
// Checkbox column needs special handling
targets: 0,
visible: true,
searchable: false,
orderable: false,
className: 'dt-body-center',
sWidth: '1%',
2020-01-24 23:33:44 +08:00
render: function(data, type, row) {
return `<input class='repository-row-selector sci-checkbox' type='checkbox' data-editable="${row.recordEditable}">
<span class='sci-checkbox-label'></span>`;
2017-06-06 23:35:29 +08:00
}
}, {
// Assigned column is not searchable
targets: 1,
visible: true,
searchable: false,
orderable: true,
2020-01-09 22:19:04 +08:00
className: 'assigned-column',
sWidth: '1%',
2020-01-24 23:33:44 +08:00
render: function(data, type, row) {
let content = $.fn.dataTable.render.AssignedTasksValue(data, row);
2020-02-13 03:28:15 +08:00
let icon;
2020-01-24 23:33:44 +08:00
if (!row.recordEditable) {
2020-01-25 15:52:33 +08:00
icon = `<i class="repository-row-lock-icon fas fa-lock" title="${I18n.t('repositories.table.locked_item')}"></i>`;
2020-02-13 03:28:15 +08:00
} else if (EDITABLE) {
2020-06-15 21:52:50 +08:00
icon = '<i class="repository-row-edit-icon fas fa-pencil-alt" data-view-mode="active"></i>';
2020-02-13 03:28:15 +08:00
} else {
icon = '';
}
2020-01-24 23:33:44 +08:00
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>';
}
2020-01-23 20:12:58 +08:00
}, {
// Added on column
targets: 4,
class: 'added-on',
visible: true
2019-10-25 20:30:45 +08:00
}, {
targets: '_all',
render: function(data) {
2019-10-25 21:57:03 +08:00
if (typeof data === 'object' && $.fn.dataTable.render[data.value_type]) {
return $.fn.dataTable.render[data.value_type](data);
2019-10-25 20:30:45 +08:00
}
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) {
2020-01-24 23:33:44 +08:00
$(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');
2017-06-06 23:35:29 +08:00
}
},
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);
columns.push({
visible: true,
searchable: true,
data: columnData,
defaultContent: $.fn.dataTable.render['default' + column.dataset.type](column.id)
});
});
return columns;
}()),
drawCallback: function() {
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').html(' (' + rowsSelected.length + ' entries selected)');
2020-06-17 20:05:23 +08:00
checkArchivedColumnsState();
},
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);
$('.record-info-link').off('click');
},
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) {
2020-06-17 20:05:23 +08:00
var archived = $('.repository-show').hasClass('archived');
if (json.state.columns[6]) json.state.columns[6].visible = archived;
if (json.state.columns[7]) json.state.columns[7].visible = archived;
2020-07-10 21:39:01 +08:00
if (json.state.search) delete json.state.search;
callback(json.state);
}
});
},
stateSaveCallback: function(settings, data) {
// Send an Ajax request to the server with the state object
let repositoryId = $(TABLE_ID).data('repository-id');
$.ajax({
url: '/repositories/' + repositoryId + '/state_save',
contentType: 'application/json',
data: JSON.stringify({ state: data }),
dataType: 'json',
type: 'POST'
});
},
fnInitComplete: function() {
initHeaderTooltip();
2020-01-27 22:52:52 +08:00
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);
if (typeof initBMTFilter === 'function') initBMTFilter();
2020-01-28 21:11:11 +08:00
RepositoryDatatableRowEditor.initFormSubmitAction(TABLE);
initExportActions();
initItemEditIcon();
initSaveButton();
initCancelButton();
2020-01-13 21:46:43 +08:00
DataTableHelpers.initLengthAppearance($(TABLE_ID).closest('.dataTables_wrapper'));
2020-04-08 03:02:16 +08:00
$('<img class="barcode-scanner" src="/images/icon_small/barcode.png"></img>').appendTo($('.search-container'));
2020-01-15 23:46:01 +08:00
if ($('.repository-show').length) {
$('.dataTables_scrollBody, .dataTables_scrollHead').css('overflow', '');
}
$('.repository-toolbar, .pagination-row').removeClass('hidden');
2020-01-24 23:33:44 +08:00
$(TABLE_ID).find('tr[data-editable=false]').each(function(_, e) {
rowsLocked.push(parseInt($(e).attr('id'), 10));
});
// go back to manage columns index in modal, on column save, after table loads
$('#manage-repository-column .back-to-column-modal').trigger('click');
2020-04-28 18:41:59 +08:00
initAssignedTasksDropdown(TABLE_ID);
initReminderDropdown(TABLE_ID);
renderFiltersDropdown();
setTimeout(function() {
adjustTableHeader();
}, 500);
2017-06-06 23:35:29 +08:00
}
});
2017-06-06 23:35:29 +08:00
// 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;
$(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);
});
}
})
2020-01-17 21:04:25 +08:00
initRowSelection();
2020-01-29 18:00:48 +08:00
$(window).resize(() => {
setTimeout(() => {
2020-01-29 18:03:25 +08:00
adjustTableHeader();
}, 500);
});
2020-01-17 21:04:25 +08:00
return TABLE;
}
2017-06-06 23:35:29 +08:00
global.onClickDeleteRecord = function() {
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');
}
2017-06-06 23:35:29 +08:00
}
});
};
2020-06-17 20:05:23 +08:00
$('.repository-show')
.on('click', '#addRepositoryRecord', function() {
checkAvailableColumns();
RepositoryDatatableRowEditor.addNewRow(TABLE);
changeToEditMode();
})
.on('click', '#copyRepositoryRecords', function() {
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');
2020-06-17 20:05:23 +08:00
}
}
2020-06-17 20:05:23 +08:00
});
})
.on('click', '#archiveRepositoryRecordsButton', function() {
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);
}
}
2020-06-17 20:05:23 +08:00
});
})
.on('click', '#restoreRepositoryRecords', function() {
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() {
checkAvailableColumns();
2017-06-06 23:35:29 +08:00
2020-06-17 20:05:23 +08:00
if (rowsSelected.length !== 1) {
return;
}
2017-06-06 23:35:29 +08:00
2020-06-17 20:05:23 +08:00
let row = TABLE.row('#' + rowsSelected[0]);
2017-06-06 23:35:29 +08:00
2020-06-17 20:05:23 +08:00
$(TABLE_ID).find('.repository-row-edit-icon').remove();
2017-06-06 23:35:29 +08:00
2020-06-17 20:05:23 +08:00
RepositoryDatatableRowEditor.switchRowToEditMode(row);
changeToEditMode();
adjustTableHeader();
})
.on('click', '#deleteRepositoryRecords', function() {
$('#deleteRepositoryRecord').modal('show');
})
.on('click', '#hideRepositoryReminders', function() {
var visibleReminderRepositoryRowIds = $('.row-reminders-dropdown').map(
function() { return $(this).closest('[role=row]').attr('id'); }
).toArray();
$.ajax({
type: 'POST',
url: $(this).data('hideRemindersUrl'),
dataType: 'json',
data: {
visible_reminder_repository_row_ids: visibleReminderRepositoryRowIds
},
success: function() {
$('#hideRepositoryReminders').remove();
TABLE.ajax.reload();
}
});
2020-06-17 20:05:23 +08:00
});
// 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(); }, STATUS_POLLING_INTERVAL);
}
}
function destroy() {
2018-07-19 23:56:42 +08:00
if (TABLE !== null) {
TABLE.destroy();
TABLE = null;
}
TABLE_ID = '';
}
function redrawTableOnSidebarToggle() {
$('#wrapper').on('sideBar::hide sideBar::hidden', function() {
2020-01-13 21:46:43 +08:00
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');
2020-01-13 21:46:43 +08:00
}
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();
});
}
2020-06-17 20:05:23 +08:00
function checkArchivedColumnsState() {
var archived = $('.repository-show').hasClass('archived');
$.each(TABLE.context[0].aoColumns, function(i, column) {
if (['archived-on', 'archived-by'].includes(column.nTh.id)) {
TABLE.column(column.idx).visible(archived);
}
});
2020-06-17 20:05:23 +08:00
}
function renderFiltersDropdown() {
let dropdown = $('#repositoryFilterTemplate').html();
$('.toolbar-filters').html(dropdown);
if (typeof initRepositoryFilter === 'function') initRepositoryFilter();
}
return Object.freeze({
init: init,
destroy: destroy,
2020-06-17 20:05:23 +08:00
reload: function() {
TABLE.ajax.reload();
clearRowSelection();
},
redrawTableOnSidebarToggle: redrawTableOnSidebarToggle,
checkAvailableColumns: checkAvailableColumns
});
}(window));