diff --git a/public/css/app.css b/public/css/app.css
index 57185bc..6cc4652 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -34,18 +34,18 @@
max-height: 200px;
}
-.canvas-container .btn-drag, .canvas-container .btn-rotate, .canvas-container .btn-delete, .canvas-container .btn-select, .canvas-container .btn-download, .canvas-container .btn-restore, .canvas-container .btn-drag-here, .canvas-container .btn-drag-here_mobile, .canvas-container .btn-cancel {
+.canvas-container .btn-drag, .canvas-container .btn-rotate, .canvas-container .btn-delete, .canvas-container .btn-select, .canvas-container .btn-download, .canvas-container .btn-restore, .canvas-container .btn-drag-here-left, .canvas-container .btn-drag-here-right, .canvas-container .btn-drag-here_mobile, .canvas-container .btn-cancel {
font-size: 30px;
cursor: move;
background: rgb(255,255,255,0.6);
}
-.canvas-container .btn-drag-here, .canvas-container .btn-drag-here_mobile, .canvas-container .btn-cancel {
+.canvas-container .btn-drag-here-left, .canvas-container .btn-drag-here-right, .canvas-container .btn-drag-here_mobile, .canvas-container .btn-cancel {
cursor: pointer;
z-index: 9999;
}
-.canvas-container .btn-rotate, .canvas-container .btn-delete, .canvas-container .btn-select, .canvas-container .btn-download, .canvas-container .btn-restore {
+.canvas-container .btn-rotate, .canvas-container .btn-delete, .canvas-container .btn-select, .canvas-container .btn-download, .canvas-container .btn-restore, .canvas-container .btn-drag-here-left, .canvas-container .btn-drag-here-right {
cursor: pointer;
font-size: 25px;
}
diff --git a/public/js/organization.js b/public/js/organization.js
index 9f54437..4903201 100644
--- a/public/js/organization.js
+++ b/public/js/organization.js
@@ -70,7 +70,8 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) {
pageHTML += '
';
pageHTML += '
';
pageHTML += '
';
- pageHTML += '
';
+ pageHTML += '
';
+ pageHTML += '
';
pageHTML += '
';
pageHTML += '
';
pageHTML += '
';
@@ -182,9 +183,13 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) {
});
canvasContainer.querySelector('.btn-drag-here_mobile').addEventListener('click', function(e) {
e.stopPropagation();
- canvasContainer.querySelector('.btn-drag-here').click();
+ canvasContainer.querySelector('.btn-drag-here-left').click();
});
- canvasContainer.querySelector('.btn-drag-here').addEventListener('click', function(e) {
+ canvasContainer.querySelector('.btn-drag-here-right').addEventListener('click', function(e) {
+ e.stopPropagation();
+ canvasContainer.querySelector('.btn-drag-here-left').click();
+ });
+ canvasContainer.querySelector('.btn-drag-here-left').addEventListener('click', function(e) {
e.stopPropagation();
let pageHere = this.parentNode;
let after = false;
@@ -413,7 +418,8 @@ var updatePageState = function(page) {
page.querySelector('.btn-select').classList.remove('text-primary');
page.querySelector('.btn-drag').classList.add('d-none');
page.querySelector('.btn-cancel').classList.add('d-none');
- page.querySelector('.btn-drag-here').classList.add('d-none');
+ page.querySelector('.btn-drag-here-left').classList.add('d-none');
+ page.querySelector('.btn-drag-here-right').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');
@@ -456,12 +462,9 @@ var updatePageState = function(page) {
page.querySelector('.canvas-pdf').style.zIndex = 9999;
}
- if(!is_mobile() && !isPageDragged(page) && isDraggedMode()) {
- page.querySelector('.btn-drag-here').classList.remove('d-none');
- }
-
- if(is_mobile() && !isPageDragged(page) && isDraggedMode()) {
- page.querySelector('.btn-drag-here_mobile').classList.remove('d-none');
+ if(!isPageDragged(page) && isDraggedMode()) {
+ page.querySelector('.btn-drag-here-left').classList.remove('d-none');
+ page.querySelector('.btn-drag-here-right').classList.remove('d-none');
}
}
@@ -481,6 +484,9 @@ var updateFilesState = function() {
var updateGlobalState = function() {
updateFilesState();
+ if(!is_mobile()) {
+ document.querySelector('#container-btn-zoom').classList.remove('d-none');
+ }
document.querySelector('#container_btn_select').classList.add('opacity-50');
document.querySelector('#container_btn_select').classList.remove('border-primary');
document.querySelector('#container_btn_select .card-header').classList.remove('bg-primary', 'text-white');
@@ -530,6 +536,7 @@ var updateGlobalState = function() {
document.querySelector('#backdrop_drag_mode').classList.remove('d-none');
document.querySelector('#div-margin-top').classList.add('d-none');
document.querySelector('#div-margin-bottom').classList.add('d-none');
+ document.querySelector('#container-btn-zoom').classList.add('d-none');
}
}
diff --git a/templates/organization.html.php b/templates/organization.html.php
index 279243a..9b933ba 100644
--- a/templates/organization.html.php
+++ b/templates/organization.html.php
@@ -46,7 +46,7 @@