https://cache.magicmaman.com/data/display/permutivecontent.js?103m0ge3c1mow0ksw44gcscks

1document.addEventListener("DOMContentLoaded", (event) => {
2    var userCohorts = JSON.parse(localStorage._psegs);
3    getData(userCohorts);
4});
5
6async function getData(userCohorts) {
7    const url = "/direct/permutive/getcohortcontent";
8    try {
9        const reponse = await fetch(url, {
10            method: "POST",
11            headers: { "Content-Type": "application/json" },
12            body: JSON.stringify({ userCohorts: userCohorts, entryId: pageEnvironment.context.levels[1].id }),
13        });
14        if (!reponse.ok) {
15            throw new Error(`Statut de réponse : ${reponse.status}`);
16        }
17        const result = await reponse.json();
18        if(result.data) {
19            const title = document.createElement('div');
20            title.classList.add('Title', 'Title--contextual', 'List-title');
21            const titleContent = document.createElement('span');
22            titleContent.classList.add('Title-content');
23            titleContent.innerHTML = result.title;
24            title.appendChild(titleContent);
25            const listItems = document.querySelector('.PermutiveContent .List-items');
26            listItems.insertBefore(title, listItems.firstChild);
27            result.data.forEach((element) => {
28                const item = document.createElement('div');
29                item.className = 'List-item';
30                item.innerHTML = `<div class="ArticleLink ArticleLink--standard">
31                        <a href="${element.URL}" target="${element.target}" class="ArticleLink-link">
32                            <div class="ArticleLink-imageContainer">
33                                <picture>
34                                <img width="500" height="250" src="${element.imageURL}" alt="${element.titre}" class="ArticleLink-image  Ratio-0-5" loading="lazy">
35                                </picture>
36                            </div>
37                            <div class="ArticleLink-content">
38                                <div class="ArticleLink-contentHeader">
39                                    <div class="ArticleLink-title">${element.titre}</div>
40                                </div>
41                            </div>
42                        </a>
43                    </div>`;
44                item.querySelector('.ArticleLink-link').addEventListener('click', (event) => {
45                    pa.sendEvent('click.action', {
46                        click: 'Contextualisation Permutive',
47                        click_chapter1: event.currentTarget.href
48                    });
49                });
50                listItems.appendChild(item);
51            });
52        }
53    } catch (erreur) {
54        console.error(erreur.message);
55    }
56}