24eme-signaturepdf/public/js/compress.js

async function handleFileChange() {
    document.querySelector('#error_message').classList.add('d-none');
    document.querySelector('#card_resultat').classList.add('d-none');
    document.querySelector('#compressBtn').classList.add('btn-primary');
    document.querySelector('#compressBtn').classList.remove('btn-outline-primary');
    const fileInput = document.getElementById('input_pdf_upload');

    if(fileInput.files[0].size > maxSize) {
        alert("Le PDF ne doit pas dépasser " + convertOctet2MegoOctet(maxSize) + " Mo");
        fileInput.value = null;
        return;
    }

    const compressBtn = document.getElementById('compressBtn');
    const dropdownCompressBtn = document.getElementById('dropdownMenuReference');

    if (fileInput.files.length > 0) {
        compressBtn.closest('.btn-group').classList.remove('opacity-25');
        compressBtn.disabled = false;
        dropdownCompressBtn.disabled = false;
    } else {
        compressBtn.closest('.btn-group').classList.add('opacity-25');
        compressBtn.disabled = true;
        dropdownCompressBtn.disabled = true;
    }
}

document.addEventListener('DOMContentLoaded', function () {
    document.querySelector('#input_pdf_upload').addEventListener('change', function(e) {
        handleFileChange();
    })
    document.getElementById('form_compress').addEventListener('submit', async function(e) {
        document.querySelector('#error_message').classList.add('d-none');
        document.querySelector('#card_resultat').classList.add('d-none');
        document.querySelector('#compressBtn').classList.add('btn-primary');
        document.querySelector('#compressBtn').classList.remove('btn-outline-primary');
        startProcessingMode(document.getElementById('compressBtn'));
        const form = e.target;
        const formData = new FormData(form);
        formData.set(e.submitter.name, e.submitter.value);

        fetch(form.action, { method: form.method, body: formData })
        .then(async function(response) {
          if (response.status == 204 ) {
              document.querySelector('#error_message').classList.remove('d-none');
              document.querySelector('#error_message').innerText = trad["Your pdf is already optimized"];
          } else if (response.ok) {
              let filename = decodeURI(response.headers.get('content-disposition').replace('attachment; filename=', ''));
              let blob = await response.blob();

              document.querySelector('#compressBtn').classList.remove('btn-primary');
              document.querySelector('#compressBtn').classList.add('btn-outline-primary');
              document.querySelector('#uploaded_size').innerText = document.querySelector('#uploaded_size').dataset.templateText.replace("%s", convertOctet2MegoOctet(document.getElementById('input_pdf_upload').files[0].size));
              document.querySelector('#size_compressed').innerText = document.querySelector('#size_compressed').dataset.templateText.replace("%s", convertOctet2MegoOctet(blob.size));
              document.querySelector('#pourcentage_compressed').innerText = document.querySelector('#pourcentage_compressed').dataset.templateText.replace("%s", 100 - Math.round((blob.size * 100)/ document.getElementById('input_pdf_upload').files[0].size));
              document.querySelector('#card_resultat').classList.remove('d-none');

              let dataTransfer = new DataTransfer();
              dataTransfer.items.add(new File([blob], filename, {
                  type: 'application/pdf'
              }));
              document.getElementById('input_pdf_compressed').files = dataTransfer.files;
              document.querySelector('#downloadBtn').focus();
          } else {
              document.querySelector('#error_message').classList.remove('d-none');
              document.querySelector('#error_message').innerText = await response.text();
          }
          endProcessingMode(document.getElementById('compressBtn'));
        })

        e.preventDefault();
        return false;
    });

    document.getElementById('downloadBtn').addEventListener('click', async function(e) {
        await download(document.getElementById('input_pdf_compressed').files[0], document.getElementById('input_pdf_compressed').files[0].name);
    });
})