diff --git a/public/css/app.css b/public/css/app.css index 731bba8..6979473 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -49,3 +49,7 @@ .canvas-container:hover .btn-drag, .canvas-container:hover .btn-rotate, .canvas-container:hover .btn-delete, .canvas-container:hover .btn-select, .canvas-container:hover .btn-download { opacity: 1; } + +.border-transparent { + border-color: transparent !important; +} diff --git a/public/js/organization.js b/public/js/organization.js index 9d517c1..a00d355 100644 --- a/public/js/organization.js +++ b/public/js/organization.js @@ -34,8 +34,8 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) { let pageIndex = pdfLetter + "_" + (page.pageNumber - 1); pages[pageIndex] = page; - let pageHTML = '
'; - pageHTML += ''; + let pageHTML = '
'; + pageHTML += ''; pageHTML += '
'; pageHTML += '
'; pageHTML += '
'; @@ -52,21 +52,17 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) { let canvasContainer = document.getElementById('canvas-container-' + pageIndex); canvasContainer.addEventListener('dragstart', function(e) { - this.querySelector('.container-checkbox').classList.add('d-none'); this.querySelector('.container-resize').classList.add('d-none'); this.querySelector('.canvas-pdf').classList.add('shadow-lg'); this.querySelector('.canvas-pdf').style.border = '2px dashed #777'; e.dataTransfer.setData('element', this.id); this.style.opacity = 0.4; - document.querySelector('#container-bar').classList.add('d-none'); }); canvasContainer.addEventListener('dragend', function(e) { - this.querySelector('.container-checkbox').classList.remove('d-none'); this.querySelector('.container-resize').classList.remove('d-none'); this.querySelector('.canvas-pdf').classList.remove('shadow-lg'); this.querySelector('.canvas-pdf').style.border = '2px solid transparent'; this.style.opacity = 1; - document.querySelector('#container-bar').classList.remove('d-none'); stateCheckbox(this.querySelector('input[type=checkbox]')); }); canvasContainer.addEventListener('dragover', function(e) { @@ -91,13 +87,18 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) { 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'); + container.classList.add('border-primary', 'shadow', 'bg-primary'); + container.classList.remove('border-transparent', 'shadow-sm', 'bg-white'); } else { - container.classList.remove('border'); - container.classList.remove('border-primary'); - container.classList.remove('border-3'); + container.classList.remove('border-primary', 'shadow', 'bg-primary'); + container.classList.add('border-transparent', 'shadow-sm', 'bg-white'); + } + if(document.querySelectorAll('.canvas-container .input-select:checked').length > 0) { + document.querySelector('#container-btn-save-select').classList.remove('d-none'); + document.querySelector('#container-btn-save').classList.add('d-none'); + } else { + document.querySelector('#container-btn-save-select').classList.add('d-none'); + document.querySelector('#container-btn-save').classList.remove('d-none'); } }); canvasContainer.querySelector('.btn-rotate').addEventListener('click', function(e) { @@ -227,6 +228,12 @@ var createEventsListener = function() { nbPagePerLine--; pageRenderAll(); }); + document.getElementById('btn_cancel_select').addEventListener('click', function(event) { + document.querySelectorAll('.input-select:checked').forEach(function(input) { + input.parentNode.querySelector('.btn-select').click(); + }); + }); + } async function getPDFBlobFromCache(cacheUrl) { diff --git a/templates/organization.html.php b/templates/organization.html.php index 062b830..0dccd0b 100644 --- a/templates/organization.html.php +++ b/templates/organization.html.php @@ -60,7 +60,11 @@
-
+
+ + +
+