experience.js

const baseUrl = `https://intra.epitech.eu`;

const xpAct = [
    {
        key: 1,
        name: 'Talk',
        xpWinPart: 1,
        xpWinOrg: 4,
        xpLostPart: 1,
        limitPart: 15,
        limitOrg: 6,
        nbPart: 0,
        nbOrg: 0,
    },
    {
        key: 2,
        name: 'Workshop',
        xpWinPart: 2,
        xpWinOrg: 7,
        xpLostPart: 2,
        limitPart: 10,
        limitOrg: 3,
        nbPart: 0,
        nbOrg: 0,
    },
    {
        key: 3,
        name: 'Hackathon',
        xpWinPart: 6,
        xpWinOrg: 15,
        xpLostPart: 6,
        limitPart: 100,
        limitOrg: 100,
        nbPart: 0,
        nbOrg: 0,
    },
    {
        key: 4,
        name: 'Experience',
        xpWinPart: 3,
        xpWinOrg: 0,
        xpLostPart: 0,
        limitPart: 8,
        limitOrg: 0,
        nbPart: 0,
        nbOrg: 0,
    },
];

const me = { nbXps: 0, nbXpsSoon: 0, present: [], absent: [], soon: [] };
const v = { TalknbXps: 0, WorknbXps: 0, HacknbXps: 0, ExpnbXps: 0 };
const o = { TalknbXpsOrg: 0, WorknbXpsOrg: 0, HacknbXpsOrg: 0, ExpnbXpsOrg: 0 };
const a = { TalknbXpsAbs: 0, WorknbXpsAbs: 0, HacknbXpsAbs: 0, ExpnbXpsAbs: 0 };
const s = { TalknbXpsSoon: 0, WorknbXpsSoon: 0, HacknbXpsSoon: 0, ExpnbXpsSoon: 0 };
const final = { nbXpsFinal: 0 , nbXpsSoonFinal: 0 };

const requestGet = async (url) => {
    let data;

    try {
        const res = await fetch(url, {
            method: 'GET',
            credentials: 'include',
        });
        data = await res.json();
    } catch (e) {
        console.log(e);
        throw 'Invalid request';
    }
    return data;
};

const getProfil = async () => {
    return await requestGet(`${baseUrl}/user/?format=json`);
};

const getActivitiesHub = async (region) => {
    return await requestGet(`${baseUrl}/module/2021/B-INN-000/${region}-0-1/?format=json`);
};

const getAllExperiences = async (activities, region, login) => {
    const url = `${baseUrl}/module/2021/B-INN-000/${region?.split('/')[1]}-0-1`;
    try {
        let res = await Promise.all(
            activities.map((act) => {
                return fetch(`${url}/${act?.codeacti}/note/?format=json`, {
                    method: 'GET',
                    credentials: 'include',
                });
            }),
        );
        res = await Promise.all(
            res?.map((result) => {
                return result.json();
            }),
        );
        res?.map((result) => {
            if (Object.keys(result).length === 0 && result.constructor === Object) return;
            const act = result?.find((user) => user.login === login);
            if (act?.note === 100) addActivite('Experience', 'Experience', 'present', act?.date);
        });
    } catch (e) {
        console.log(e);
    }
};

const sortDate = (a, b) => {
    const [dateA, dateB] = [new Date(a.start), new Date(b.start)];

    return dateA - dateB;
};

const checkActivityPart = (type) => {
    if (type == 'Talk')
        v.TalknbXps += 1;
    if (type == 'Workshop')
        v.WorknbXps += 1;
    if (type == 'Hackathon')
        v.HacknbXps += 1;
    if (type == 'Experience')
        v.ExpnbXps += 1;
}

const checkActivityOrg = (type) => {
    if (type == 'Talk')
        o.TalknbXpsOrg += 1;
    if (type == 'Workshop')
        o.WorknbXpsOrg += 1;
    if (type == 'Hackathon')
        o.HacknbXpsOrg += 1;
    if (type == 'Experience')
        o.ExpnbXpsOrg += 1;
}

const checkActivityAbs = (type, xpLostPart) => {
    if (type == 'Talk')
        a.TalknbXpsAbs += xpLostPart;
    if (type == 'Workshop')
        a.WorknbXpsAbs += xpLostPart;
    if (type == 'Hackathon')
        a.HacknbXpsAbs += xpLostPart;
    if (type == 'Experience')
        a.ExpnbXpsAbs += xpLostPart;
}

const checkActivitySoon = (type, xpWinPart) => {
    if (type == 'Talk')
        s.TalknbXpsSoon += xpWinPart;
    if (type == 'Workshop')
        s.WorknbXpsSoon += xpWinPart;
    if (type == 'Hackathon')
        s.HacknbXpsSoon += xpWinPart;
    if (type == 'Experience')
        s.ExpnbXpsSoon += xpWinPart;
}

const addActivite = (title, type, status, date) => {
    const findAct = xpAct.find((act) => act.name === type);
    const { limitPart, xpWinPart, xpWinOrg, nbPart, xpLostPart, nbOrg, limitOrg } = findAct;

    switch (status) {
        case 'present':
            nbPart < limitPart && (me.nbXps += xpWinPart) && (findAct.nbPart += 1);
            me.present.push({ title, type, status, date });
            checkActivityPart(type);
            break;
        case 'absent':
            me.nbXps -= xpLostPart;
            me.absent.push({ title, type, status, date });
            checkActivityAbs(type, xpLostPart);

            break;
        case 'organisateur':
            nbOrg < limitOrg && (me.nbXps += xpWinOrg) && (findAct.nbOrg += 1);
            me.present.push({ title, type, status: 'organisateur', date });
            checkActivityOrg(type);
            break;
        case 'soon':
            me.soon.push({ title, type, status: 'inscrit', date });
            //checkActivitySoon(type);
            break;
        default:
            break;
    }
};

const countXpSoon = () => {
    me.soon.map((act) => {
        const findAct = xpAct.find((elem) => elem.name === act.type);
        const { xpWinPart, limitPart, nbPart } = findAct;
        nbPart < limitPart && (me.nbXpsSoon += xpWinPart) && findAct.nbPart++;
        checkActivitySoon(type, xpWinPart);
    });
};

const getXp = async () => {
    const { login, location } = await getProfil();
    const activitiesPays = (await getActivitiesHub(location.split('/')[0]))?.activites;
    const activitiesRegion = (await getActivitiesHub(location.split('/')[1]))?.activites;
    const activities = activitiesPays.concat(activitiesRegion).sort(sortDate);
    const strRegex = xpAct.map((a, index) => {
        const name = `(${a.name})`;
        if (index + 1 !== xpAct.length) return name + '|';
        return name;
    });
    const regexExp = new RegExp(`^${strRegex.join('')}$`);

    activities.map((activite) => {
        const typeAct = regexExp.exec(activite?.type_title);

        if (typeAct)
            activite.events.map((event) => {
                if (event?.user_status) addActivite(activite.title, typeAct[0], event.user_status, event.begin);
                else if (event?.assistants?.find((assistant) => assistant.login === login))
                    addActivite(activite.title, typeAct[0], 'organisateur', event.begin);
                else if (event?.already_register) {
                    addActivite(activite.title, typeAct[0], 'soon', event.begin);
                }
            });
    });
    await getAllExperiences(
        activities.filter((activite) => activite?.type_title === 'Experience'),
        location,
        login,
    );
    countXpSoon();

    description.innerHTML = `<head>
    </head>
    <body>
    
    <table style="float:right">
      <tr>
        <td colspan="4" align="center">Description Hub Xp</td>
      </tr>
      <tr>
        <th align="center"><strong>Type</strong></th>
        <th align="center"><strong>Validations</strong></th>
        <th align="center"><strong>Organisations</strong></th>
        <th align="center"><strong>Absences</strong></th>
        <th align="center"><strong>Soon</strong></th>
      </tr>
      <tr>
        <th align="left">Talks</th>
        <th align="center">${v.TalknbXps}Xp (${v.TalknbXps}/15)</th>
        <th align="center">${o.TalknbXpsOrg * 4}Xp (${o.TalknbXpsOrg}/6)</th>
        <th align="center">${a.TalknbXpsAbs}Xp</th>
        <th align="center">${s.TalknbXpsSoon}Xp</th>
      </tr>
      <tr>
        <th align="left">Workshops</th>
        <th align="center">${v.WorknbXps * 2}Xp (${v.WorknbXps}/10)</th>
        <th align="center">${o.WorknbXpsOrg * 7}Xp (${o.WorknbXpsOrg}/3)</th>
        <th align="center">${a.WorknbXpsAbs}Xp</th>
        <th align="center">${s.WorknbXpsSoon}Xp</th>
      </tr>
      <tr>
        <th align="left">Hackathons</th>
        <th align="center">${v.HacknbXps * 6}Xp (${v.HacknbXps}/100)</th>
        <th align="center">${o.HacknbXpsOrg * 15}Xp (${o.HacknbXpsOrg}/100)</th>
        <th align="center">${a.HacknbXpsAbs}Xp</th>
        <th align="center">${s.HacknbXpsSoon}Xp</th>
      </tr>
      <tr>
        <th align="left">Experiences</th>
        <th align="center">${v.ExpnbXps * 3}Xp (${v.ExpnbXps}/8)</th>
        <th align="center">${o.ExpnbXpsOrg}Xp (${o.ExpnbXpsOrg}/∞)</th>
        <th align="center">${a.ExpnbXpsAbs}Xp</th>
        <th align="center">${s.ExpnbXpsSoon}Xp</th>
      </tr>
    </table>
    </body>`;

    value.innerHTML =
        lang === 'fr' ? `Total XP Validés: ${me.nbXps} / En Cours: ${me.nbXpsSoon}` : `Total XP Validated: ${me.nbXps} / In progress: ${me.nbXpsSoon}`;
};

const insertAfter = (newNode, referenceNode) => {
    if (referenceNode) {
        referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
    }
};

const findElemByText = (tag, text, xpathType) => {
    const node = document.evaluate(`//${tag}[text()="${text}"]`, document, null, xpathType, null);
    return node;
};

function getCookie(name) {
    const value = `; ${document.cookie}`;
    const parts = value.split(`; ${name}=`);
    if (parts.length === 2) return parts.pop().split(';').shift();
}

const neartag = findElemByText('label', 'G.P.A.', XPathResult.FIRST_ORDERED_NODE_TYPE)?.singleNodeValue;
let description = document.getElementsByClassName('item course')[0];
const lang = getCookie('language');
const title = document.createElement('label');
const value = document.createElement('span');

description.classList.add("extension");
value.classList.add('value');
title.innerHTML = 'HUB XP';
value.innerHTML = lang === 'fr' ? 'Chargement Total...' : 'Loading Total...';
description.innerHTML = `<strong>Loading Description...</strong>`;
insertAfter(title, neartag.nextElementSibling);
insertAfter(value, title);

getXp();