dimanche 4 mai 17:30

templates/index.html

@@ -178,42 +178,54 @@
                 <label for="linkedin" class="form-label">LinkedIn URL</label>
                 <input id="linkedin" type="url" class="form-control" placeholder="https://www.linkedin.com/in/…" required>
               </div>
+  
+          
+              <!-- Generative AI (datalist + free text) -->
               <div class="col-12">
-                <label for="aiModel" class="form-label">Generative AI</label>
-                <select id="aiModel" class="form-select" required>
-
-                  /* attention certains signes perturbent la mise en page */
-                  
-                  <option value="" selected disabled>Select…</option>
-                  <option>Adobe Firefly Image Model 4</option>
-                  <option>Bing Image Creator</option>
-                  <option>Canva Magic Media</option>
-                  <option>DALL·E  GPT4o Image</option>
-                  <option>Flux (F LUX 1)</option>
-                  <option>Ideogram 3.0</option>
-                  <option>Leonardo AI (Phoenix)</option>
-                  <option>Microsoft Designer</option>
-                  <option>Midjourney v6</option>
-                  <option>NightCafe Creator</option>
-                  <option>Playground AI</option>
-                  <option>Runway Gen3 Alpha</option>
-                  <option>Stable Diffusion 3</option>
-                  <option>Other</option>
-                </select>
+                <label for="aiModel" class="form-label">Generative AI</label>
+              
+                <!-- l’utilisateur peut taper librement ou choisir dans la liste -->
+                <input
+                  id="aiModel"
+                  list="aiList"
+                  class="form-control"
+                  placeholder="Select or type…"
+                  required
+                >           
+                <datalist id="aiList">
+                  <option value="Adobe Firefly Image Model 4">
+                  <option value="Bing Image Creator">
+                  <option value="Canva Magic Media">
+                  <option value="DALL E  GPT4o Image">
+                  <option value="Flux (F LUX 1)">
+                  <option value="Ideogram 30">
+                  <option value="Leonardo AI Phoenix">
+                  <option value="Microsoft Designer">
+                  <option value="Midjourney v6">
+                  <option value="NightCafe Creator">
+                  <option value="Playground AI">
+                  <option value="Runway Gen3 Alpha">
+                  <option value="Stable Diffusion 3">
+                </datalist>
               </div>
+              
+              <!-- check box -->
               <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:
+                    <span class="text-danger ms-1" aria-hidden="true">*</span>
                   </label>
                 </div>
               </div>
+   
               <div class="col-12">
                 <textarea id="promptText" class="form-control" rows="3" placeholder="Prompt" required></textarea>
               </div>
             </div>
           </div>
+          
           <!-- modal footer -->
           <div class="modal-footer">
             <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
@@ -362,7 +374,14 @@
       pdf.setFont('helvetica','normal'); pdf.text('Occupation:',labelX,y); pdf.setFont('helvetica','italic'); pdf.text(certData.occupation,valueX,y); y+=28;
       pdf.setFont('helvetica','normal'); pdf.text('City / State:',labelX,y); pdf.setFont('helvetica','italic'); pdf.text(`${certData.city}, ${certData.state}`,valueX,y); y+=28;
       pdf.setFont('helvetica','normal'); pdf.text('LinkedIn:',labelX,y);  pdf.setFont('helvetica','italic'); pdf.text(certData.linkedin,valueX,y); y+=40;
-      pdf.setFont('helvetica','normal'); pdf.text('Date:',labelX,y);     pdf.setFont('helvetica','italic'); pdf.text(new Date().toLocaleString(),valueX,y); y+=40;
+      pdf.setFont('helvetica','normal'); pdf.text('Date:',labelX,y);     pdf.setFont('helvetica','italic'); 
+      const usDate = new Date().toLocaleDateString('en-US', {
+        month: 'long',   // e.g. “May”
+        day: 'numeric',  // e.g. “4”
+        year: 'numeric'  // e.g. “2025”
+      });
+      pdf.text(usDate, valueX, y);
+      y += 40;
       const footer=pdf.splitTextToSize(`Fraud Score calculated by: ${window.location.href}`,usableW);
       pdf.text(footer,margin,y);
       window.open(pdf.output('bloburl'),'_blank');
@@ -372,4 +391,3 @@
 </body>
 </html>
 
-