diff --git a/public/js/organization.js b/public/js/organization.js
index 1240188..9d517c1 100644
--- a/public/js/organization.js
+++ b/public/js/organization.js
@@ -45,6 +45,7 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) {
pageHTML += '
';
pageHTML += 'Page '+page.pageNumber+' - '+filename+'
';
pageHTML += '';
+ pageHTML += '';
pageHTML += '';
document.getElementById('container-pages').insertAdjacentHTML('beforeend', pageHTML);
@@ -85,6 +86,20 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) {
checkbox.checked = !checkbox.checked;
stateCheckbox(checkbox);
});
+ canvasContainer.querySelector('.btn-select').addEventListener('click', function(e) {
+ let checkbox = this.parentNode.querySelector('input[type=checkbox].input-select');
+ 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');
+ } else {
+ container.classList.remove('border');
+ container.classList.remove('border-primary');
+ container.classList.remove('border-3');
+ }
+ });
canvasContainer.querySelector('.btn-rotate').addEventListener('click', function(e) {
let inputRotate = document.querySelector('#input_rotate_'+pageIndex);
inputRotate.value = (parseInt(inputRotate.value) + 90) % 360;
@@ -156,8 +171,17 @@ var updateListePDF = function() {
var createEventsListener = function() {
document.getElementById('save').addEventListener('click', function(event) {
let order = [];
+
+ let selectionMode = false;
+ if(document.querySelectorAll('.canvas-container .input-select:checked').length > 0) {
+ selectionMode = true;
+ }
+
document.querySelectorAll('.canvas-container').forEach(function(canvasContainer) {
let checkbox = canvasContainer.querySelector('.checkbox-page');
+ if(selectionMode) {
+ checkbox = canvasContainer.querySelector('.input-select');
+ }
let inputRotate = canvasContainer.querySelector('.input-rotate');
let pageValue = "";
if(checkbox.checked) {