section évènement v2 article avec lien vers affiche qui devient details avec import de l'affiche avec js

js/events.js

@@ -1,5 +1,27 @@
 export async function loadEvents(){
-  let btnList = document.querySelectorAll('.eventEntry > .iconBtnStyle');
+  let eventList = document.querySelectorAll('#eventSection > article');
+  //console.log("event list: ", eventList);
+  
+  for (let event of eventList){
+    let title = event.querySelector('h4');
+    let date = event.querySelector('p.date');
+    let posterLink = event.querySelector('a.iconBtnStyle').href;
+    let posterHTML = await getPoster(posterLink);
+
+    let poster = posterHTML.querySelector('body > article');
+    
+    let posterStyle = posterHTML.querySelectorAll('head > style:not([data-import="no-import"])')
+
+    console.log('entry data :', title, date, poster, posterStyle);
+
+    let selectedEntry = createEntry(title, date, poster, posterStyle)
+    
+    console.log('created new details :', selectedEntry);
+
+    event.replaceChildren(selectedEntry);
+  }
+
+  /* let btnList = document.querySelectorAll('.eventEntry > .iconBtnStyle');
 
   //console.log("source buttons : ", btnList)
 
@@ -83,5 +105,36 @@ export async function loadEvents(){
         displayContainer.replaceChildren(content);
       })
     })
-  }
+  } */
+}
+
+async function getPoster(link){
+  let res = await fetch(link);
+  if (res.ok){
+      let html_text = await res.text()
+      let html = new DOMParser().parseFromString(html_text, "text/html");
+        return html
+    } else{
+      console.log('error 333');
+        return
+    }
+
+}
+
+function createEntry(title, date, html, style){
+  let newEntry = document.createElement('details');
+  let newSummary = document.createElement('summary');
+  newSummary.append(title, date);
+
+  newEntry.append(newSummary);
+
+  newEntry.append(html);
+
+  newEntry.name = "eventList"
+
+  for(let el of style){
+    document.head.append(el);
+  }
+   
+    return newEntry
 }