Skip to content

Bug pdf 50 pages #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
tlacalv wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Bug pdf 50 pages #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
060687e
Cambio de endpoint
tlacalv Dec 18, 2020
ddde3f5
Se formatea el listado de paginas a enviar al servidor
tlacalv Jan 6, 2021
5d817e5
Se arregla el enviado al servidor
tlacalv Jan 14, 2021
71704bc
changed server ip
tlacalv Jan 3, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions public/index.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
<?php
$id = $_GET['id_oficio'];
$table = $_GET['table'];
echo '<input type="text" style="display:none;" id="id_oficio" value="'. $id .'">';
echo '<input type="text" style="display:none;" id="db_table" value="'. $table .'">';
?>
<!DOCTYPE html>
<html lang="en">
Expand Down
2 changes: 2 additions & 0 deletions src/modules/dom/elements.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,10 @@ const clearButton = document.getElementById('clear');
const clearStateButton = document.getElementById('clear-state');
const saveButton = document.getElementById('save');
const inputIdOficio = document.getElementById('id_oficio');
const inputDBTable = document.getElementById('db_table');

export {
inputDBTable,
inputIdOficio,
saveButton,
clearStateButton,
Expand Down
193 changes: 133 additions & 60 deletions src/modules/handlers/savePdfHandler.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,23 +1,21 @@
import jsPDF from 'jspdf';
import { inputIdOficio } from '../dom/elements';
import jsPDF from "jspdf";
import { inputIdOficio, inputDBTable } from "../dom/elements";
const savePdfHandler = (container, store) => {

if (container.children.length > 0) {
let state = store.getState();

//integra con el estado para solo unir las imagenes dibujadas ///

//integra con el estado para solo unir las imagenes dibujadas ///

let pages = container.children;
let doc = new jsPDF('p', 'pt', 'letter', true, true);
let pdfName = 'sample.pdf';
let doc = new jsPDF("p", "pt", "letter", true, true);
let pdfName = "sample.pdf";

//preparacion pdf
let tempCanvas = document.createElement('canvas');
let tempCanvas = document.createElement("canvas");
let tempContext = tempCanvas.getContext("2d");

console.time("loop");
for (let i = 0; i < pages.length; i++){
for (let i = 0; i < pages.length; i++) {
//page
let imagePDF = pages[i].children[0];
//draw
Expand All @@ -26,80 +24,155 @@ const savePdfHandler = (container, store) => {
let height = doc.internal.pageSize.getHeight();
let isDrawn = false;


tempCanvas.width=Math.floor((imagePDF.width)/1.3);
tempCanvas.height=Math.floor((imagePDF.height)/1.3);
tempCanvas.width = Math.floor(imagePDF.width / 1.3);
tempCanvas.height = Math.floor(imagePDF.height / 1.3);

state.forEach((page) => {
if (page.idPage === imageCanvas.id) {
isDrawn = true;
}
})
});

if(isDrawn) {
tempContext.drawImage(imagePDF, 0, 0, imagePDF.width, imagePDF.height, 0, 0, tempCanvas.width, tempCanvas.height);
tempContext.drawImage(imageCanvas,0, 0, imageCanvas.width, imageCanvas.height, 0, 0, tempCanvas.width, tempCanvas.height);

doc.addImage(tempCanvas.toDataURL("image/jpeg",0.3),'JPG',0,0,width,height,undefined,'SLOW');
}else {
tempContext.drawImage(imagePDF, 0, 0, imagePDF.width, imagePDF.height, 0, 0, tempCanvas.width, tempCanvas.height);
doc.addImage(tempCanvas.toDataURL("image/jpeg",0.3),'JPG',0,0,width,height,undefined,'SLOW');
if (isDrawn) {
tempContext.drawImage(
imagePDF,
0,
0,
imagePDF.width,
imagePDF.height,
0,
0,
tempCanvas.width,
tempCanvas.height
);
tempContext.drawImage(
imageCanvas,
0,
0,
imageCanvas.width,
imageCanvas.height,
0,
0,
tempCanvas.width,
tempCanvas.height
);

doc.addImage(
tempCanvas.toDataURL("image/jpeg", 0.3),
"JPG",
0,
0,
width,
height,
undefined,
"SLOW"
);
} else {
tempContext.drawImage(
imagePDF,
0,
0,
imagePDF.width,
imagePDF.height,
0,
0,
tempCanvas.width,
tempCanvas.height
);
doc.addImage(
tempCanvas.toDataURL("image/jpeg", 0.3),
"JPG",
0,
0,
width,
height,
undefined,
"SLOW"
);
}

if(i+1 !== pages.length) {
if (i + 1 !== pages.length) {
doc.addPage();
}
}
console.timeEnd("loop");

//API CALL
// doc.save('d');
let blob = doc.output('blob');
let blob = doc.output("blob");

let size = (bytes) => {
return bytes/1024/1024
}
console.log('MB', size(blob.size));
return bytes / 1024 / 1024;
};
console.log("MB", size(blob.size));
let formData = new FormData();
formData.append('pdf', blob);

formData.append("pdf", blob);

//revisamos el estado para sacar la informacion y enviarla al servidor
let pagesArray = [], messageArray = []
let pagesArray = [],
messageArray = [];

state.forEach((page) => {
pagesArray.push(parseInt(page.numPage));
page.rectangles.forEach((rectangle) => {
if (!messageArray.includes(rectangle.text.replace(/,/gi, "-"))) {
messageArray.push(rectangle.text.replace(/,/gi, "-"));
}
});
});

state.forEach(
page => {
pagesArray.push(page.numPage)
page.rectangles.forEach(
rectangle => {
if(!messageArray.includes(rectangle.text.replace(/,/gi,'-'))) {
messageArray.push(rectangle.text.replace(/,/gi,'-'))
}
//loop
let start = 0;
let string = [];
for (let i = 0; i < pagesArray.length; i++) {
if (i === 0) {
start = pagesArray[0];
if (pagesArray.length === i + 1) string.push(start.toString());
} else {
if (pagesArray[i] === pagesArray[i - 1] + 1) {
if (pagesArray.length === i + 1) {
//tambien checar si es igual el start y el anterior
string.push(`${start}-${pagesArray[i]}`);
}
)
} else {
if (start === pagesArray[i - 1]) {
string.push(start.toString());
start = pagesArray[i];
} else {
string.push(`${start}-${pagesArray[i - 1]}`);
start = pagesArray[i];
}
if (i === pagesArray.length - 1) {
string.push(pagesArray[i].toString());
}
}
}
)
formData.append('pages', pagesArray);
formData.append('messages', messageArray);
formData.append('id_oficio', inputIdOficio.value);
fetch('http://localhost/SIGTRANS/ajax/pdfupload.ajax.php', {
method: 'POST',
body: formData
})
.then( response => response.json())
.then(data => {
window.close();
console.log(data.url);
window.location.replace(data.url);
console.log('holo')
}
//loop
formData.append("pages", string);
formData.append("messages", messageArray);
formData.append("id_oficio", inputIdOficio.value);
formData.append("db_table", inputDBTable.value);
fetch("http://10.13.1.3/SIGTRANS/ajax/pdfupload.ajax.php", {
method: "POST",
body: formData,
})
.catch(er => console.log(er));




.then((response) => {
console.log("primera respuesta");
return response.text();
})
.then((data) => {
try {
let json = JSON.parse(data);
window.close();
console.log(json.url);
window.location.replace(json.url);
} catch (e) {
console.log(data);
}
})
.catch((er) => console.log(er));
}
}
};

export default savePdfHandler;