diff --git a/public/js/organization.js b/public/js/organization.js index 1240188..9d517c1 100644 --- a/public/js/organization.js +++ b/public/js/organization.js @@ -45,6 +45,7 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) { pageHTML += '
'; pageHTML += '

Page '+page.pageNumber+' - '+filename+'

'; pageHTML += ''; + pageHTML += ''; pageHTML += ''; document.getElementById('container-pages').insertAdjacentHTML('beforeend', pageHTML); @@ -85,6 +86,20 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) { checkbox.checked = !checkbox.checked; stateCheckbox(checkbox); }); + canvasContainer.querySelector('.btn-select').addEventListener('click', function(e) { + let checkbox = this.parentNode.querySelector('input[type=checkbox].input-select'); + checkbox.checked = !checkbox.checked; + let container = this.parentNode; + if(checkbox.checked) { + container.classList.add('border'); + container.classList.add('border-primary'); + container.classList.add('border-3'); + } else { + container.classList.remove('border'); + container.classList.remove('border-primary'); + container.classList.remove('border-3'); + } + }); canvasContainer.querySelector('.btn-rotate').addEventListener('click', function(e) { let inputRotate = document.querySelector('#input_rotate_'+pageIndex); inputRotate.value = (parseInt(inputRotate.value) + 90) % 360; @@ -156,8 +171,17 @@ var updateListePDF = function() { var createEventsListener = function() { document.getElementById('save').addEventListener('click', function(event) { let order = []; + + let selectionMode = false; + if(document.querySelectorAll('.canvas-container .input-select:checked').length > 0) { + selectionMode = true; + } + document.querySelectorAll('.canvas-container').forEach(function(canvasContainer) { let checkbox = canvasContainer.querySelector('.checkbox-page'); + if(selectionMode) { + checkbox = canvasContainer.querySelector('.input-select'); + } let inputRotate = canvasContainer.querySelector('.input-rotate'); let pageValue = ""; if(checkbox.checked) {