Merge branch 'metadata' of github.com:24eme/signaturepdf into metadata

public/js/metadata.js

@@ -21,9 +21,13 @@ pdfjsLib.GlobalWorkerOptions.workerSrc = '/vendor/pdf.worker.js?legacy';
 var nbPDF = 0;
 var pages = [];
 var pdfRenderTasks = [];
+let pdffile = null
 
 var loadPDF = async function(pdfBlob, filename, pdfIndex) {
     let url = await URL.createObjectURL(pdfBlob);
+
+    pdffile = pdfBlob
+
     let loadingTask = pdfjsLib.getDocument(url);
     document.querySelector('#text_document_name span').innerText = filename;
     await loadingTask.promise.then(function(pdf) {
@@ -115,6 +119,29 @@ const deleteMetadata = function(el) {
     input.remove()
 }
 
+const save = async function () {
+    const PDFDocument = window['PDFLib'].PDFDocument
+    const PDFHexString = window['PDFLib'].PDFHexString
+    const PDFName = window['PDFLib'].PDFName
+
+    const arrayBuffer = await pdffile.arrayBuffer()
+    const pdf = await PDFDocument.load(arrayBuffer)
+
+    console.log(pdf.getInfoDict())
+    pdf.getInfoDict().set(PDFName.of('fooMetadata'), PDFHexString.fromText("test de métadonéé"))
+
+    const newPDF = new Blob([pdf.save()], {type: "application/pdf"})
+    DL = function (d,f) {
+        let a = document.createElement("a"),
+            u = URL.createObjectURL(d);
+        a.download = f,
+        a.href = u,
+        a.click(),
+        setTimeout(() => URL.revokeObjectURL(u))
+    }
+    DL(newPDF, "a.pdf")
+}
+
 var createEventsListener = function() {
     document.getElementById('form_metadata_add').addEventListener('submit', function(e) {
         let formData = new FormData(this);
@@ -134,6 +161,10 @@ var createEventsListener = function() {
             deleteMetadata(event.target)
         }
     })
+
+    document.getElementById('save').addEventListener('click', function (e) {
+        save()
+    })
 }
 
 async function getPDFBlobFromCache(cacheUrl) {

templates/metadata.html.php

@@ -27,11 +27,11 @@
             <a class="nav-link" href="/organization"><i class="bi bi-ui-checks-grid"></i> Organiser</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link active" href="/metadata"><i class="bi bi-ui-checks-grid"></i> Metadonnées</a>
+            <a class="nav-link active" href="/metadata"><i class="bi bi-tags"></i> Metadonnées</a>
           </li>
         </ul>
         <div class="px-4 py-4 text-center">
-            <h1 class="display-5 fw-bold mb-0 mt-3"><i class="bi bi-ui-checks-grid"></i> Metadonnées d'un PDF</h1>
+            <h1 class="display-5 fw-bold mb-0 mt-3"><i class="bi bi-tags"></i> Metadonnées d'un PDF</h1>
             <p class="fw-light mb-3 subtitle text-dark text-nowrap" style="overflow: hidden; text-overflow: ellipsis;"></p>
             <div class="col-md-6 col-lg-5 col-xl-4 col-xxl-3 mx-auto">
                 <div class="col-12">
@@ -73,7 +73,7 @@
         <div style="width: 40%;" class="offcanvas offcanvas-end show d-none d-md-block shadow-sm" data-bs-backdrop="false" data-bs-scroll="true" data-bs-keyboard="false" tabindex="-1" id="sidebarTools" aria-labelledby="sidebarToolsLabel">
             <a class="btn btn-close btn-sm position-absolute opacity-25 d-none d-sm-none d-md-block" title="Fermer ce PDF et retourner à l'accueil" style="position: absolute; top: 2px; right: 2px; font-size: 10px;" href="/metadata"></a>
             <div class="offcanvas-header d-block mb-0 pb-0 border-bottom">
-                <h5 class="mb-1 d-block w-100" id="sidebarToolsLabel">Édition de métadonnées<span class="float-end me-2" title="Ce PDF est stocké sur votre ordinateur pour être signé par vous uniquement"><i class="bi-ui-checks-grid"></i></span></h5>
+                <h5 class="mb-1 d-block w-100" id="sidebarToolsLabel">Édition de métadonnées<span class="float-end me-2" title="Ce PDF est stocké sur votre ordinateur pour être signé par vous uniquement"><i class="bi bi-tags"></i></span></h5>
                 <button type="button" class="btn-close text-reset d-md-none" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                 <p id="text_document_name" class="text-muted mb-2" style="text-overflow: ellipsis; white-space: nowrap; overflow: hidden;" title=""><i class="bi bi-files"></i> <span></span></p>
             </div>
@@ -82,18 +82,14 @@
                 </div>
             </div>
             <div class="position-absolute bg-white bottom-0 pb-2 ps-2 pe-2 w-100 border-top shadow-lg">
-                <form id="form_pdf" action="/organize" method="post" enctype="multipart/form-data">
-                    <input id="input_pdf" name="pdf[]" type="file" class="d-none" />
-                    <input id="input_pages" type="hidden" value="" name="pages" />
-                    <div id="btn_container" class="d-grid gap-2 mt-2">
-                        <button class="btn btn-primary" type="submit" id="save"><i class="bi bi-download"></i> Enregistrer et télécharger le PDF</button>
-                    </div>
-                </form>
+                <div id="btn_container" class="d-grid gap-2 mt-2">
+                    <button class="btn btn-primary" type="submit" id="save"><i class="bi bi-download"></i> Enregistrer et télécharger le PDF</button>
+                </div>
             </div>
         </div>
         <div id="bottom_bar" class="position-fixed bottom-0 start-0 bg-white w-100 p-2 shadow-sm d-md-none">
             <div id="bottom_bar_action" class="d-grid gap-2">
-                <button class="btn btn-primary" type="submit" id="save_mobile"><i class="bi bi-download"></i> Télécharger le PDF</button>
+                <button class="btn btn-primary" id="save_mobile"><i class="bi bi-download"></i> Télécharger le PDF</button>
             </div>
         </div>
     </div>
@@ -102,6 +98,7 @@
 
     <script src="/vendor/bootstrap.min.js?5.1.3"></script>
     <script src="/vendor/pdf.js?legacy"></script>
+    <script src="/vendor/pdf-lib.min.js?1.17.1"></script>
     <script>
     var maxSize = <?php echo $maxSize ?>;
     </script>