scinote-web/app/assets/javascripts/reports/reports_datatable.js

416 lines
12 KiB
JavaScript
Raw Normal View History

/* global I18n DataTableHelpers animateSpinner HelperModule Promise */
(function() {
'use strict';
const RETRY_COUNT = 25;
const START_POLLING_INTERVAL = 10000;
var CHECKED_REPORTS = [];
var REPORTS_TABLE;
function tableDrowCallback() {
checkboxToggleCallback();
initToggleAllCheckboxes();
updateButtons();
}
function appendSearchResults(data) {
var items = [];
if (data.hasOwnProperty('projects')) {
$.each(data.projects, function(index, el) {
items.push(
{
value: el.path,
text: el.name,
disabled: false
}
)
});
}
return items;
}
function initToggleAllCheckboxes() {
$('input[name="select_all"]').change(function() {
if ($(this).is(':checked')) {
$("[data-action='toggle']").prop('checked', true);
2020-11-10 22:15:18 +08:00
$('.report-row').addClass('selected');
addAllItems();
} else {
$("[data-action='toggle']").prop('checked', false);
2020-11-10 22:15:18 +08:00
$('.report-row').removeClass('selected');
removeAllItems();
}
updateButtons();
});
}
function addAllItems() {
$.each($("[data-action='toggle']"), function(i, el) {
CHECKED_REPORTS.push($(el).data('report-id'));
})
}
function removeAllItems() {
CHECKED_REPORTS = [];
}
function renderCheckboxHTML(data) {
return `<div class="sci-checkbox-container">
<input type="checkbox" class="sci-checkbox" data-action='toggle' data-report-id="${data}">
<span class="sci-checkbox-label"></span>
</div>`;
}
function renderDocxFile(data) {
if (data.error) {
let oldLink = '';
if (data.preview_url) {
oldLink = `<a href="#" class="file-preview-link docx" data-preview-url="${data.preview_url}">
(<i class="fas fa-file-docx"></i>
${I18n.t('projects.reports.index.previous_docx')})
</a>`;
}
return `<span class="processing-error docx">
<i class="fas fa-exclamation-triangle"></i>
${I18n.t('projects.reports.index.error')}${oldLink}
</span>`;
}
if (data.processing) {
return `<span class="processing docx">
${I18n.t('projects.reports.index.generating')}
</span>`;
}
if (data.preview_url) {
return `<a href="#" class="file-preview-link docx" data-preview-url="${data.preview_url}">
<i class="fas fa-file-word"></i>
${I18n.t('projects.reports.index.docx')}
</a>`;
}
return `<a href="#" class="generate-docx docx">${I18n.t('projects.reports.index.generate')}</a>`;
}
function renderPdfFile(data) {
if (data.error) {
let oldLink = '';
if (data.preview_url) {
oldLink = `<a href="#" class="file-preview-link pdf" data-preview-url="${data.preview_url}">
(<i class="fas fa-file-pdf"></i>
${I18n.t('projects.reports.index.previous_pdf')})
</a>`;
}
return `<span class="processing-error pdf">
<i class="fas fa-exclamation-triangle"></i>
${I18n.t('projects.reports.index.error')}${oldLink}
</span>`;
}
if (data.processing) {
return `<span class="processing pdf">
${I18n.t('projects.reports.index.generating')}
</span>`;
}
if (data.preview_url) {
return `<a href="#" class="file-preview-link pdf" data-preview-url="${data.preview_url}">
<i class="fas fa-file-pdf"></i>
${I18n.t('projects.reports.index.pdf')}
</a>`;
}
return `<a href="#" class="generate-pdf pdf">${I18n.t('projects.reports.index.generate')}</a>`;
}
function addAttributesToRow(row, data) {
$(row).addClass('report-row')
.attr('data-edit-path', data.edit)
.attr('data-status-path', data.status)
.attr('data-generate-pdf-path', data.generate_pdf)
.attr('data-generate-docx-path', data.generate_docx)
.attr('data-retry-count', 0)
.attr('data-save-to-inventory-path', data.save_to_inventory)
.attr('data-id', data['0']);
if (data.archived) {
$(row).addClass('archived');
}
if (data['4'].processing || data['5'].processing) {
$(row).addClass('processing');
}
}
function checkboxToggleCallback() {
$("[data-action='toggle']").change(function() {
var id = $(this).data('report-id');
if ($(this).is(':checked')) {
2020-11-10 22:15:18 +08:00
$(this).closest('.report-row').addClass('selected');
CHECKED_REPORTS.push(id);
} else {
let index = CHECKED_REPORTS.indexOf(id);
2020-11-10 22:15:18 +08:00
$(this).closest('.report-row').removeClass('selected');
if (index !== -1) {
CHECKED_REPORTS.splice(index, 1);
}
}
updateButtons();
});
}
function updateButtons() {
if (CHECKED_REPORTS.length === 0) {
$('.single-object-action, .multiple-object-action').addClass('disabled hidden');
} else if (CHECKED_REPORTS.length === 1) {
$('.single-object-action, .multiple-object-action').removeClass('disabled hidden');
let $row = $(`.report-row[data-id=${CHECKED_REPORTS[0]}]`);
let archived = $row.hasClass('archived');
let pdfProcessing = $row.has('.processing.pdf').length > 0;
let docxProcessing = $row.has('.processing.docx').length > 0;
let docxGenerate = $row.has('.generate-docx').length > 0;
if (pdfProcessing) {
$('#updatePdf').addClass('disabled');
} else {
$('#updatePdf').removeClass('disabled');
}
if (docxGenerate) {
$('#requestDocx').removeClass('hidden');
$('#updateDocx').addClass('hidden');
} else {
$('#requestDocx').addClass('hidden');
$('#updateDocx').removeClass('hidden');
if (docxProcessing) {
$('#updateDocx').addClass('disabled');
} else {
$('#updateDocx').removeClass('disabled');
}
}
if (archived || pdfProcessing || docxProcessing) {
$('#edit-report-btn').addClass('disabled');
} else {
$('#edit-report-btn').removeClass('disabled');
}
} else {
$('.single-object-action').removeClass('hidden').addClass('disabled');
$('.multiple-object-action').removeClass('disabled hidden');
}
}
function checkProcessingStatus(reportId) {
let $row = $('#reports-table').find(`tr[data-id="${reportId}"]`);
if ($row.length === 0) return;
$.getJSON($row.data('status-path'), (statusData) => {
$row.find('.docx').parent().html(renderDocxFile(statusData.docx));
$row.find('.pdf').parent().html(renderPdfFile(statusData.pdf));
if (statusData.docx.processing || statusData.pdf.processing) {
if ($row.data('retry-count') >= RETRY_COUNT) return;
$row.data('retry-count', $row.data('retry-count') + 1);
setTimeout(() => { checkProcessingStatus(reportId); }, START_POLLING_INTERVAL * $row.data('retry-count'));
} else {
$row.removeClass('processing');
}
});
}
// INIT
function initDatatable() {
var $table = $('#reports-table');
REPORTS_TABLE = $table.DataTable({
2021-03-16 20:11:15 +08:00
dom: "Rt<'pagination-row hidden'<'pagination-info'li><'pagination-actions'p>>",
order: [[9, 'desc']],
2021-03-16 20:11:15 +08:00
sScrollX: '100%',
stateSave: true,
2021-03-16 20:11:15 +08:00
sScrollXInner: '100%',
processing: true,
serverSide: true,
ajax: $table.data('source'),
pagingType: 'simple_numbers',
colReorder: {
fixedColumnsLeft: 1000000 // Disable reordering
},
2021-03-16 20:11:15 +08:00
columnDefs: [{
targets: 0,
searchable: false,
orderable: false,
className: 'dt-body-center',
sWidth: '1%',
render: renderCheckboxHTML
},
{
targets: 4,
searchable: false,
sWidth: '60',
render: renderPdfFile
},
{
targets: 5,
searchable: false,
sWidth: '60',
render: renderDocxFile
}],
2021-03-16 20:11:15 +08:00
oLanguage: {
sSearch: I18n.t('general.filter')
},
2021-03-16 20:11:15 +08:00
fnDrawCallback: tableDrowCallback,
createdRow: addAttributesToRow,
2021-03-16 20:11:15 +08:00
fnInitComplete: function() {
DataTableHelpers.initLengthAppearance($table.closest('.dataTables_wrapper'));
2021-03-16 20:11:15 +08:00
$('.pagination-row').removeClass('hidden');
$('.report-row.processing').each(function() {
setTimeout(() => { checkProcessingStatus($(this).data('id')); }, START_POLLING_INTERVAL);
});
2021-03-16 20:11:15 +08:00
}
});
}
function reloadTable() {
REPORTS_TABLE.ajax.reload(null, false);
removeAllItems();
updateButtons();
}
function generateReportRequest(pathAttrName, id) {
if (CHECKED_REPORTS.length === 1 || id) {
let row = $(".report-row[data-id='" + (id || CHECKED_REPORTS[0]) + "']");
animateSpinner();
$.post(row.data(pathAttrName), function(response) {
animateSpinner(null, false);
HelperModule.flashAlertMsg(response.message, 'success');
checkProcessingStatus(row.data('id'));
});
}
}
function initUpdatePDFReport() {
$('#updatePdf').click(function(ev) {
ev.stopPropagation();
ev.preventDefault();
new Promise(function(resolve, reject) {
$('#regenerate-report-modal').modal('show');
$('#regenerate-report-modal .btn-confirm').click(function() {
resolve();
});
$('#regenerate-report-modal').on('hidden.bs.modal', function() {
reject();
});
}).then(function() {
$('#regenerate-report-modal').modal('hide');
generateReportRequest('generate-pdf-path');
}).catch(function() {});
});
}
function initGenerateDocxReport() {
$('#requestDocx').click(function(ev) {
ev.stopPropagation();
ev.preventDefault();
$(this).closest('.dropdown-menu').dropdown('toggle');
generateReportRequest('generate-docx-path');
});
}
function initUpdateDocxReport() {
$('#updateDocx').click(function(ev) {
ev.stopPropagation();
ev.preventDefault();
new Promise(function(resolve, reject) {
$('#regenerate-report-modal').modal('show');
$('#regenerate-report-modal .btn-confirm').click(function() {
resolve();
});
$('#regenerate-report-modal').on('hidden.bs.modal', function() {
reject();
});
}).then(function() {
$('#regenerate-report-modal').modal('hide');
generateReportRequest('generate-docx-path');
}).catch(function() {});
});
}
function initEditReport() {
$('#edit-report-btn').click(function(e) {
e.preventDefault();
animateSpinner();
if (CHECKED_REPORTS.length === 1) {
let id = CHECKED_REPORTS[0];
let row = $(".report-row[data-id='" + id + "']");
let url = row.attr('data-edit-path');
$(location).attr('href', url);
}
});
}
function initSaveReportPDFToInventory() {
$('#savePdfToInventoryButton').click(function(ev) {
ev.preventDefault();
ev.stopPropagation();
let id = CHECKED_REPORTS[0];
let row = $(`.report-row[data-id='${id}']`);
let url = row.attr('data-save-to-inventory-path');
$.get(url, function(result) {
let modal = $(result.html);
$('#content-reports-index').append(modal);
modal.modal('show');
// Remove modal when it gets closed
modal.on('hidden.bs.modal', function() {
$(this).remove();
});
});
});
}
function initDeleteReports() {
$('#delete-reports-btn').click(function() {
if (CHECKED_REPORTS.length > 0) {
$('#report-ids').attr('value', '[' + CHECKED_REPORTS + ']');
$('#delete-reports-modal').modal('show');
}
});
$('#confirm-delete-reports-btn').click(function() {
animateLoading();
});
}
$('.reports-index').on('keyup', '.report-search', function() {
REPORTS_TABLE.search($(this).val()).draw();
});
$('.reports-index').on('click', '.generate-docx', function(e) {
var reportId = $(this).closest('.report-row').attr('data-id');
e.preventDefault();
e.stopPropagation();
generateReportRequest('generate-docx-path', reportId);
});
$('.reports-index').on('click', '.generate-pdf', function(e) {
var reportId = $(this).closest('.report-row').attr('data-id');
e.preventDefault();
e.stopPropagation();
generateReportRequest('generate-pdf-path', reportId);
});
$('#show_report_preview').click();
2018-07-19 23:56:42 +08:00
initDatatable();
initUpdatePDFReport();
initGenerateDocxReport();
initUpdateDocxReport();
2018-07-19 23:56:42 +08:00
initEditReport();
initSaveReportPDFToInventory();
2018-07-19 23:56:42 +08:00
initDeleteReports();
}());