FraudScore

Runtime error

App Files Files Community

TheFrenchDemos commited on May 2

Commit

d4dac67

verified ·

1 Parent(s): 4c38f62

fenêtre de saisie

Browse files

Files changed (1) hide show

templates/index.html +115 -6

templates/index.html CHANGED Viewed

@@ -128,6 +128,9 @@
       text-align: center;
       display: none;
     }
   </style>
 </head>
 <body>
@@ -187,12 +190,7 @@
               <!-- boutons de PDF -->
               <div class="icon-buttons" id="iconButtons">
                 <button title="Print" onclick="generatePDF1()"><i class="fas fa-print"></i></button>
-                <button
-                  title="Certificate"
-                  aria-label="Certificate PDF"
-                  onclick="generatePDF2()">
-                  <i class="fas fa-certificate" aria-hidden="true"></i>
-                </button>
               </div>
             </div>
@@ -204,9 +202,120 @@
       <div id="results" class="mt-4"></div>
     </div>
   </div>
   <script>
     let file1 = null,
       file2 = null;
     function resetSelection(target) {
       for (let i = 1; i <= 3; i++) {
         const thumb = document.getElementById(`preset-${i}-${target}`);

       text-align: center;
       display: none;
     }
+    /* modal */
+    .modal-header{border-bottom:1px solid var(--apple-border)}
+    .modal-footer{border-top:1px solid var(--apple-border)}
   </style>
 </head>
 <body>
               <!-- boutons de PDF -->
               <div class="icon-buttons" id="iconButtons">
                 <button title="Print" onclick="generatePDF1()"><i class="fas fa-print"></i></button>
+                <button title="Certificate" data-bs-toggle="modal" data-bs-target="#certModal"><i class="fas fa-certificate"></i></button>
               </div>
             </div>
       <div id="results" class="mt-4"></div>
     </div>
   </div>
+  <!-- Certificate modal -->
+  <div class="modal fade" id="certModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered">
+      <div class="modal-content">
+        <form id="certForm" class="needs-validation" novalidate>
+          <div class="modal-header">
+            <h5 class="modal-title">Certificate details</h5>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <div class="modal-body">
+            <div class="row g-3">
+              <div class="col-md-6">
+                <label class="form-label">First Name</label>
+                <input id="firstName" class="form-control" required>
+              </div>
+              <div class="col-md-6">
+                <label class="form-label">Last Name</label>
+                <input id="lastName" class="form-control" required>
+              </div>
+              <div class="col-12">
+                <label class="form-label">Generative AI</label>
+                <select id="aiModel" class="form-select" required>
+                  <option value="" selected disabled>Select…</option>
+                  <option>DALL·E / GPT‑4o Image</option>
+                  <option>Midjourney v6</option>
+                  <option>Flux (F‑LUX 1)</option>
+                  <option>Canva Magic Media</option>
+                  <option>Adobe Firefly Image Model 4</option>
+                  <option>Stable Diffusion 3</option>
+                  <option>Leonardo AI (Phoenix)</option>
+                  <option>Runway Gen‑3 Alpha</option>
+                  <option>Other</option>
+                </select>
+              </div>
+              <div class="col-12">
+                <div class="form-check">
+                  <input id="certCheck" class="form-check-input" type="checkbox" required>
+                  <label class="form-check-label" for="certCheck">
+                    I certify that the original image is my work and that the generated image was produced by the indicated generative AI, with the following prompt:
+                  </label>
+                </div>
+              </div>
+              <div class="col-12">
+                <textarea id="promptText" class="form-control" rows="3" placeholder="Prompt" required></textarea>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
+            <button type="submit" class="btn btn-primary">Validate &amp; Generate PDF</button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
   <script>
     let file1 = null,
       file2 = null;
+/* formulaire certificat */
+document.getElementById('certForm').addEventListener('submit',e=>{
+  e.preventDefault();
+  certData={
+    first:document.getElementById('firstName').value.trim(),
+    last:document.getElementById('lastName').value.trim(),
+    ai:document.getElementById('aiModel').value,
+    prompt:document.getElementById('promptText').value.trim()
+  };
+  bootstrap.Modal.getInstance(document.getElementById('certModal')).hide();
+  generatePDF2();
+});
+/* PDF2 : ajoute les infos du formulaire */
+async function generatePDF2(){
+  const {jsPDF}=window.jspdf;
+  const pdf=new jsPDF({unit:'pt',format:'a4'});
+  const pageW=pdf.internal.pageSize.getWidth(),margin=40,usableW=pageW-margin*2;
+  let y=80;
+  pdf.setFont('helvetica','normal');
+  pdf.setFontSize(24);
+  pdf.text('Fraud Score',pageW/2,y,{align:'center'});
+  y+=22;
+  pdf.setFontSize(12);
+  pdf.text('Is my work used by generative AI ?',pageW/2,y,{align:'center'});
+  y+=48;
+  /* capture de la zone résultat (sans boutons) */
+  const section=document.querySelector('#compareSection .d-flex');
+  const clone=section.cloneNode(true);
+  clone.querySelectorAll('button').forEach(b=>b.style.display='none');
+  document.body.appendChild(clone);
+  clone.style.position='absolute';clone.style.left='-9999px';
+  const canvas=await html2canvas(clone,{backgroundColor:null});
+  document.body.removeChild(clone);
+  const img=canvas.toDataURL('image/png');
+  const prop=pdf.getImageProperties(img);
+  const imgH=(prop.height*usableW)/prop.width;
+  pdf.addImage(img,'PNG',margin,y,usableW,imgH);
+  y+=imgH+40;
+  /* bloc certificat */
+  pdf.setFontSize(14);
+  pdf.text('Certificate',margin,y); y+=20;
+  pdf.setFontSize(11);
+  pdf.text(`Name: ${certData.first} ${certData.last}`,margin,y); y+=16;
+  pdf.text(`Generative AI: ${certData.ai}`,margin,y); y+=16;
+  pdf.text('Prompt:',margin,y); y+=14;
+  const wrappedPrompt=pdf.splitTextToSize(certData.prompt,usableW);
+  pdf.text(wrappedPrompt,margin,y); y+=wrappedPrompt.length*12+24;
+  /* footer */
+  const now=new Date();
+  pdf.setFontSize(10);
+  pdf.text(`Generated on: ${now.toLocaleString()}`,margin,y);
+  const urlLines=pdf.splitTextToSize(`Calculated by: ${window.location.href}`,usableW);
+  pdf.text(urlLines,margin,y+14);
+  window.open(pdf.output('bloburl'),'_blank');
+}
     function resetSelection(target) {
       for (let i = 1; i <= 3; i++) {
         const thumb = document.getElementById(`preset-${i}-${target}`);