mirror of
https://github.com/24eme/signaturepdf
synced 2024-06-03 06:22:13 +02:00
[organization] In selection mode the rotate, download and delete buttons are linked
This commit is contained in:
parent
a694d62be4
commit
9199e27d9d
|
@ -18,6 +18,17 @@ var responsiveDisplay = function() {
|
||||||
menu.classList.remove('d-md-block');
|
menu.classList.remove('d-md-block');
|
||||||
menu.classList.remove('d-none');
|
menu.classList.remove('d-none');
|
||||||
};
|
};
|
||||||
|
var isSelectionMode = function() {
|
||||||
|
return document.querySelectorAll('.canvas-container .input-select:checked').length > 0;
|
||||||
|
}
|
||||||
|
var getPagesSelected = function() {
|
||||||
|
let pages = [];
|
||||||
|
document.querySelectorAll('.canvas-container .input-select:checked').forEach(function(item) {
|
||||||
|
pages[item.parentNode.id.replace('canvas-container-', '')] = item.parentNode;
|
||||||
|
});
|
||||||
|
|
||||||
|
return pages;
|
||||||
|
}
|
||||||
|
|
||||||
var nbPagePerLine = 5;
|
var nbPagePerLine = 5;
|
||||||
if(is_mobile()) {
|
if(is_mobile()) {
|
||||||
|
@ -96,9 +107,18 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) {
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
canvasContainer.querySelector('.btn-delete').addEventListener('click', function(e) {
|
canvasContainer.querySelector('.btn-delete').addEventListener('click', function(e) {
|
||||||
let checkbox = this.parentNode.querySelector('input[type=checkbox]');
|
let pages = getPagesSelected();
|
||||||
checkbox.checked = !checkbox.checked;
|
if(!pages.length) {
|
||||||
stateCheckbox(checkbox);
|
pages[pageIndex] = this.parentNode;
|
||||||
|
}
|
||||||
|
for(index in pages) {
|
||||||
|
let checkbox = pages[index].querySelector('input[type=checkbox]');
|
||||||
|
checkbox.checked = !checkbox.checked;
|
||||||
|
stateCheckbox(checkbox);
|
||||||
|
}
|
||||||
|
if(isSelectionMode()) {
|
||||||
|
document.querySelector('#btn_cancel_select').click();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
canvasContainer.querySelector('.btn-select').addEventListener('click', function(e) {
|
canvasContainer.querySelector('.btn-select').addEventListener('click', function(e) {
|
||||||
let checkbox = this.parentNode.querySelector('input[type=checkbox].input-select');
|
let checkbox = this.parentNode.querySelector('input[type=checkbox].input-select');
|
||||||
|
@ -120,6 +140,11 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
canvasContainer.querySelector('.btn-download').addEventListener('click', function(e) {
|
canvasContainer.querySelector('.btn-download').addEventListener('click', function(e) {
|
||||||
|
if(isSelectionMode()) {
|
||||||
|
document.querySelector('#save-select').click();
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
let container = this.parentNode;
|
let container = this.parentNode;
|
||||||
let pageValue = container.querySelector('.checkbox-page').value;
|
let pageValue = container.querySelector('.checkbox-page').value;
|
||||||
let orientation = degreesToOrientation(container.querySelector('.input-rotate').value);
|
let orientation = degreesToOrientation(container.querySelector('.input-rotate').value);
|
||||||
|
@ -130,9 +155,15 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) {
|
||||||
document.querySelector('#form_pdf').submit();
|
document.querySelector('#form_pdf').submit();
|
||||||
});
|
});
|
||||||
canvasContainer.querySelector('.btn-rotate').addEventListener('click', function(e) {
|
canvasContainer.querySelector('.btn-rotate').addEventListener('click', function(e) {
|
||||||
let inputRotate = document.querySelector('#input_rotate_'+pageIndex);
|
let pages = getPagesSelected();
|
||||||
inputRotate.value = (parseInt(inputRotate.value) + 90) % 360;
|
if(!pages.length) {
|
||||||
pageRender(pageIndex);
|
pages[pageIndex] = this.parentNode;
|
||||||
|
}
|
||||||
|
for(index in pages) {
|
||||||
|
let inputRotate = pages[index].querySelector('.input-rotate');
|
||||||
|
inputRotate.value = (parseInt(inputRotate.value) + 90) % 360;
|
||||||
|
pageRender(index);
|
||||||
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
pageRender(pageIndex);
|
pageRender(pageIndex);
|
||||||
|
@ -215,10 +246,7 @@ var createEventsListener = function() {
|
||||||
document.getElementById('save').addEventListener('click', function(event) {
|
document.getElementById('save').addEventListener('click', function(event) {
|
||||||
let order = [];
|
let order = [];
|
||||||
|
|
||||||
let selectionMode = false;
|
let selectionMode = isSelectionMode();
|
||||||
if(document.querySelectorAll('.canvas-container .input-select:checked').length > 0) {
|
|
||||||
selectionMode = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
document.querySelectorAll('.canvas-container').forEach(function(canvasContainer) {
|
document.querySelectorAll('.canvas-container').forEach(function(canvasContainer) {
|
||||||
let checkbox = canvasContainer.querySelector('.checkbox-page');
|
let checkbox = canvasContainer.querySelector('.checkbox-page');
|
||||||
|
|
Loading…
Reference in a new issue