Final Improvement for CV Editor

public/templates/cv.html

@@ -89,8 +89,8 @@
         <div style="color: rgb(255, 76, 76);" id="cv-project-add-info"></div>
     </div>
     <div class="cv-upload-section">
-        <p style="font-size: 14px;">Image : <span>NAMTEST.png</span> <button style="margin-left: 10%;" class="cv-upload"><i class="fa fa-upload"></i> Upload</button></p>
-        
+        <p style="font-size: 14px;">Image : <span id="cv-upload-name">NULL_NAME</span> <button id="cv-upload-btn" style="margin-left: 10%;" class="cv-upload"><i class="fa fa-upload"></i> Upload</button></p>
+        <input id='cv-upload-file' type='file' hidden/>
         
     </div>
     <button onclick="getPage('cv.html')" id="cv-project-add-close" class="cv_add_close">Annuler</button>
@@ -120,6 +120,10 @@
         const projectAddConfirm = document.getElementById("cv-project-add-confirm")
         const projectAddInfo = document.getElementById("cv-project-add-info")
 
+        const projectUploadFile = document.getElementById("cv-upload-file")
+        const projectUploadBtn = document.getElementById("cv-upload-btn")
+        const projectUploadName = document.getElementById("cv-upload-name")
+
         var sectionSelectedMD = null;
         var projectSelectedMD = null;
 
@@ -130,6 +134,8 @@
 
             projectAddInfo.innerHTML = ""
 
+            
+
             const refusedChar = ['\\','/' ,':' ,'*','?' ,'"','<','>','|']
             var wrongName = true;
 
@@ -171,12 +177,48 @@
                             projectDialog.close()
                             getProjects(projectSelector)
                             loadText(projectTextArea, projectAddInput.value)
+                            projectSelector.value = projectAddInput.value
                         }
                         
                     }
 
                 }
 
+                if(projectUploadFile.files.length > 0) {
+
+                    const file_acc = new FormData();
+                    file_acc.append("apic", projectUploadFile.files[0])
+
+                    fetch('/upload', {
+                    method: 'POST',
+                    mode:"cors",
+                    cache:"no-cache",
+                    credentials:"same-origin",
+                    headers: {
+                        "uploadforproject": projectAddInput.value
+
+                    },
+                    referrerPolicy:"no-referrer",
+                    redirect: 'follow',
+                    body: file_acc
+                }).then(response => response.json())
+                .then(response => resupload(response))
+
+                function resupload(response) {
+
+
+                    if(response.result == "ERROR") {
+                        projectInfo.innerHTML = "L'image n'a pas été upload !"
+
+                    
+                    } 
+
+                    
+
+                } 
+                   
+                }
+
 
 
 
@@ -190,6 +232,23 @@
 
             projectDialog.showModal()
 
+            projectAddInput.value = ""
+            projectUploadName.innerHTML = "Aucune image."
+            projectUploadFile.value = null;
+        
+
+        })
+
+        projectUploadFile.addEventListener("change", () => {
+
+            projectUploadName.innerHTML = projectUploadFile.files[0].name
+
+        })
+
+
+        projectUploadBtn.addEventListener("click", () => {
+
+            projectUploadFile.click()
         })
 
         projectDelete.addEventListener("click", () => {