diff --git a/public/js/organization.js b/public/js/organization.js index c82db96..29fb33a 100644 --- a/public/js/organization.js +++ b/public/js/organization.js @@ -25,24 +25,31 @@ var loadPDF = async function(pdfBlob, filename) { for(var pageNumber = 1; pageNumber <= pdf.numPages; pageNumber++ ) { pdf.getPage(pageNumber).then(function(page) { let viewport = page.getViewport({scale: 1}); - let scale = (document.getElementById('container-pages').clientWidth - (8*nbPagePerLine) - 12) / viewport.width / nbPagePerLine; + let scale = (document.getElementById('container-pages').clientWidth - (12*nbPagePerLine) - 12) / viewport.width / nbPagePerLine; viewport = page.getViewport({scale: scale}); var pageIndex = page.pageNumber - 1; - document.getElementById('container-pages').insertAdjacentHTML('beforeend', '

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

'); + document.getElementById('container-pages').insertAdjacentHTML('beforeend', '

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

'); 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.querySelector('.canvas-pdf').style.opacity = 0.4; + 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.opacity = 1; + 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) { if (e.preventDefault) {