2023-04-18 23:44:38 +02:00
|
|
|
var windowWidth = window.innerWidth;
|
|
|
|
var menu = null;
|
|
|
|
var menuOffcanvas = null;
|
|
|
|
var is_mobile = function() {
|
|
|
|
return !(window.getComputedStyle(document.getElementById('is_mobile')).display === "none");
|
|
|
|
};
|
|
|
|
|
2023-04-19 02:29:24 +02:00
|
|
|
var responsiveDisplay = function() {
|
|
|
|
if(is_mobile()) {
|
|
|
|
menu.classList.remove('show');
|
|
|
|
menuOffcanvas.hide();
|
|
|
|
} else {
|
|
|
|
menuOffcanvas.show();
|
|
|
|
}
|
|
|
|
menu.classList.remove('d-md-block');
|
|
|
|
menu.classList.remove('d-none');
|
|
|
|
};
|
|
|
|
|
|
|
|
var pdfjsLib = window['pdfjs-dist/build/pdf'];
|
|
|
|
pdfjsLib.GlobalWorkerOptions.workerSrc = '/vendor/pdf.worker.js?legacy';
|
|
|
|
var nbPDF = 0;
|
|
|
|
var pages = [];
|
|
|
|
var pdfRenderTasks = [];
|
|
|
|
|
|
|
|
var loadPDF = async function(pdfBlob, filename, pdfIndex) {
|
|
|
|
let url = await URL.createObjectURL(pdfBlob);
|
|
|
|
let loadingTask = pdfjsLib.getDocument(url);
|
|
|
|
document.querySelector('#text_document_name span').innerText = filename;
|
|
|
|
await loadingTask.promise.then(function(pdf) {
|
|
|
|
pdf.getMetadata().then(function(metadata) {
|
|
|
|
console.log(metadata);
|
|
|
|
for(metaKey in metadata.info) {
|
|
|
|
if(metaKey == "Custom" || metaKey == "PDFFormatVersion" || metaKey.match(/^Is/) || metaKey == "Trapped") {
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
addMetadata(metaKey, metadata.info[metaKey]);
|
|
|
|
}
|
|
|
|
for(metaKey in metadata.info.Custom) {
|
|
|
|
if(metaKey == "sha256") {
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
|
|
|
|
addMetadata(metaKey, metadata.info.Custom[metaKey]);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}, function (reason) {
|
|
|
|
console.error(reason);
|
|
|
|
});
|
|
|
|
|
|
|
|
return loadingTask;
|
|
|
|
}
|
|
|
|
|
|
|
|
var addMetadata = function(key, value) {
|
|
|
|
let div = document.createElement('div');
|
|
|
|
div.classList.add('form-floating');
|
|
|
|
div.classList.add('mt-3');
|
|
|
|
let input = document.createElement('input');
|
|
|
|
input.value = value;
|
|
|
|
input.classList.add('form-control');
|
|
|
|
let label = document.createElement('label');
|
|
|
|
label.innerText = key;
|
|
|
|
div.appendChild(input);
|
|
|
|
div.appendChild(label);
|
|
|
|
document.getElementById('container-main').appendChild(div);
|
|
|
|
}
|
|
|
|
|
2023-04-18 23:44:38 +02:00
|
|
|
var createEventsListener = function() {
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
async function getPDFBlobFromCache(cacheUrl) {
|
|
|
|
const cache = await caches.open('pdf');
|
|
|
|
let responsePdf = await cache.match(cacheUrl);
|
|
|
|
|
|
|
|
if(!responsePdf) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
let pdfBlob = await responsePdf.blob();
|
|
|
|
|
|
|
|
return pdfBlob;
|
|
|
|
}
|
|
|
|
|
|
|
|
async function uploadFromUrl(url) {
|
|
|
|
history.replaceState({}, '', '/metadata');
|
|
|
|
var response = await fetch(url);
|
|
|
|
if(response.status != 200) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
var pdfBlob = await response.blob();
|
|
|
|
|
|
|
|
if(pdfBlob.type != 'application/pdf' && pdfBlob.type != 'application/octet-stream') {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
let dataTransfer = new DataTransfer();
|
|
|
|
let filename = url.replace(/^.*\//, '');
|
|
|
|
dataTransfer.items.add(new File([pdfBlob], filename, {
|
|
|
|
type: 'application/pdf'
|
|
|
|
}));
|
|
|
|
document.getElementById('input_pdf_upload').files = dataTransfer.files;
|
|
|
|
document.getElementById('input_pdf_upload').dispatchEvent(new Event("change"));
|
|
|
|
}
|
|
|
|
|
|
|
|
var pageUpload = async function() {
|
|
|
|
document.querySelector('body').classList.remove('bg-light');
|
|
|
|
document.getElementById('input_pdf_upload').value = '';
|
|
|
|
document.getElementById('page-upload').classList.remove('d-none');
|
|
|
|
document.getElementById('page-metadata').classList.add('d-none');
|
|
|
|
document.getElementById('input_pdf_upload').focus();
|
|
|
|
const cache = await caches.open('pdf');
|
|
|
|
document.getElementById('input_pdf_upload').addEventListener('change', async function(event) {
|
|
|
|
if(document.getElementById('input_pdf_upload').files[0].size > maxSize) {
|
|
|
|
|
|
|
|
alert("Le PDF ne doit pas dépasser " + Math.round(maxSize/1024/1024) + " Mo");
|
|
|
|
document.getElementById('input_pdf_upload').value = "";
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
let filename = document.getElementById('input_pdf_upload').files[0].name;
|
|
|
|
let response = new Response(document.getElementById('input_pdf_upload').files[0], { "status" : 200, "statusText" : "OK" });
|
|
|
|
let urlPdf = '/pdf/'+filename;
|
|
|
|
await cache.put(urlPdf, response);
|
|
|
|
history.pushState({}, '', '/metadata#'+filename);
|
|
|
|
pageMetadata(urlPdf)
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
var pageMetadata = async function(url) {
|
|
|
|
let filename = url.replace('/pdf/', '');
|
|
|
|
document.title = filename + ' - ' + document.title;
|
|
|
|
document.querySelector('body').classList.add('bg-light');
|
|
|
|
document.getElementById('page-upload').classList.add('d-none');
|
|
|
|
document.getElementById('page-metadata').classList.remove('d-none');
|
|
|
|
menu = document.getElementById('sidebarTools');
|
|
|
|
menuOffcanvas = new bootstrap.Offcanvas(menu);
|
|
|
|
responsiveDisplay();
|
|
|
|
|
|
|
|
let pdfBlob = await getPDFBlobFromCache(url);
|
|
|
|
if(!pdfBlob) {
|
|
|
|
document.location = '/metadata';
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
createEventsListener();
|
|
|
|
loadPDF(pdfBlob, filename, nbPDF);
|
|
|
|
};
|
|
|
|
|
|
|
|
(function () {
|
|
|
|
if(window.location.hash && window.location.hash.match(/^\#http/)) {
|
|
|
|
let hashUrl = window.location.hash.replace(/^\#/, '');
|
|
|
|
pageUpload();
|
|
|
|
uploadFromUrl(hashUrl);
|
|
|
|
} else if(window.location.hash) {
|
|
|
|
pageMetadata('/pdf/'+window.location.hash.replace(/^\#/, ''));
|
|
|
|
} else {
|
|
|
|
pageUpload();
|
|
|
|
}
|
|
|
|
window.addEventListener('hashchange', function() {
|
|
|
|
window.location.reload();
|
|
|
|
})
|
|
|
|
})();
|