diff --git a/public/js/organization.js b/public/js/organization.js index dd11c41..7a9b39b 100644 --- a/public/js/organization.js +++ b/public/js/organization.js @@ -87,8 +87,7 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) { pageHTML += '
'; pageHTML += '
'; pageHTML += '
'; - pageHTML += '
'; - pageHTML += '
'; + pageHTML += '
'; pageHTML += '
'; pageHTML += '
'; pageHTML += '

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

'; @@ -103,9 +102,6 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) { let canvasContainer = document.getElementById('canvas-container-' + pageIndex); canvasContainer.addEventListener('click', function(e) { - if(isPageDeleted(this) || isPageDragged(this) || isDraggedMode()) { - return; - } canvasContainer.querySelector('.btn-select').click(); }); canvasContainer.addEventListener('mouseenter', function(e) { @@ -197,13 +193,17 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) { toggleSelectPage(this.parentNode); document.getElementById('btn_drag_select').click(); }); - canvasContainer.querySelector('.btn-drag-here_mobile').addEventListener('click', function(e) { - e.stopPropagation(); - movePagesDragged(this.parentNode, 'right'); - }); canvasContainer.querySelector('.btn-drag-here').addEventListener('click', function(e) { e.stopPropagation(); - movePagesDragged(this.parentNode, 'right'); + let btn = e.target; + if(!e.target.classList.contains('btn-drag-here')) { + btn = e.target.parentElement; + } + if(e.layerX <= btn.offsetWidth / 2) { + movePagesDragged(this.parentNode, 'left'); + } else { + movePagesDragged(this.parentNode, 'right'); + } }); canvasContainer.querySelector('.btn-download').addEventListener('click', function(e) { e.stopPropagation(); @@ -344,6 +344,9 @@ var selectPage = function(page, state) { } var toggleSelectPage = function(page) { + if(isPageDeleted(page) || isPageDragged(page) || isDraggedMode()) { + return; + } selectPage(page, !isPageSelected(page)); updateGlobalState(); } @@ -418,7 +421,6 @@ var updatePageState = function(page) { page.querySelector('.btn-select').classList.remove('text-primary'); page.querySelector('.btn-drag').classList.add('d-none'); page.querySelector('.btn-drag-here').classList.add('d-none'); - page.querySelector('.btn-drag-here_mobile').classList.add('d-none'); page.querySelector('.btn-restore').classList.add('d-none'); page.querySelector('.page-title').classList.add('d-none'); page.querySelector('.canvas-pdf').classList.remove('opacity-50');