WikiLerni/front/src/homeManager.js

// -- PAGE D'ACCUEIL POUR LES GESTIONNAIRES

/// Vérifie que l'utilisateur est bien connecté, a le bon statut et le redirige vers le formulaire d'inscription si ce n'est pas le cas.
/// Si c'est ok, on récupère les stats générales et des dernières 24H et les affiche
/// On liste ensuite les prochains quizs devant être publiés en faisant ressortir ceux devant être complétés + la prochaine date sans quiz
/// Un menu permet à l'utilisateur d'accéder aux formulaires permettant de gérer les quizs et les comptes utilisateurs et abonnements
/// Un message venant d'une autre page peut aussi être à afficher lors du premier chargement.

/// C'est ici aussi que l'on peut régénérer tout le HTML -> à terme dans homeAdmin !

// Fichier de configuration côté client :
import { apiUrl, availableLangs, theme } from "../../config/instance.js";
const lang=availableLangs[0];
const configFrontEnd = require("../../views/"+theme+"/config/"+lang+".js");

// Fonctions utiles au script :
import { getLocaly, removeLocaly } from "./tools/clientstorage.js";
import { addElement } from "./tools/dom.js";
import { helloDev, updateAccountLink } from "./tools/everywhere.js";
import { dateFormat, isEmpty, replaceAll } from "../../tools/main";
import { checkSession, getConfig } from "./tools/users.js";

// Dictionnaires :
const txt = require("../../lang/"+lang+"/general");
const txtUsers = require("../../lang/"+lang+"/user");
const txtQuestionnaire = require("../../lang/"+lang+"/questionnaire");

// Principaux éléments du DOM manipulés :
const divMain = document.getElementById("main-content");
const divMessage = document.getElementById("message");
const divQuestionnaires = document.getElementById("questionnaires");

const btnRegenerate = document.getElementById("wantRegenerate");

helloDev();

const initialise = async () =>
{
    try
    {        
        const config = await getConfig();
        if(!config)
            addElement(divResponse, "p", txt.serverError, "", ["error"]);
        else
        {
            const isConnected=await checkSession(["manager", "admin"], "/"+configFrontEnd.connectionPage, { message: txt.notAllowed, color:"error" });
            if(isConnected)
            {
                const user=getLocaly("user", true);
                updateAccountLink(user.status, configFrontEnd);
                addElement(divMessage, "h4", txtUsers.welcomeMessage.replace("#NAME", user.name));
                divMain.style.display="block";
                if(!isEmpty(getLocaly("message")))
                {
                    addElement(divMessage, "p", getLocaly("message", true).message, "", [getLocaly("message", true).color], "", false);
                    removeLocaly("message");
                }
                // Les stats :      
                const xhrStats = new XMLHttpRequest();
                xhrStats.open("GET", apiUrl+config.userRoutes+config.getAdminStats);
                xhrStats.onreadystatechange = function()
                {
                    if (this.readyState == XMLHttpRequest.DONE)
                    {
                        let response=JSON.parse(this.responseText);
                        if (this.status === 200)
                        {
                            const mapText =
                            {
                                NB_USERS_24H : response.nbNewUsers24H,
                                NB_SUBSCRIPTIONS_24H : response.Subscriptions.nbSubscriptions24H,
                                NB_USERS_DELETED_24H : response.nbDeletedUsers24H,
                                NB_ANSWERS_24H : response.Answers.nbAnswers24H,
                                NB_USERS_TOT : response.nbNewUsersTot,
                                NB_SUBSCRIPTIONS_TOT : response.Subscriptions.nbSubscriptionsTot,
                                NB_SUBSCRIPTIONS_PREMIUM : response.Subscriptions.nbSubscriptionsPremium,
                                NB_ANSWERS_TOT : response.Answers.nbAnswersTot,
                                NB_USERS_DELETED_TOT : response.nbDeletedUsersTot,
                                NB_USERS_DELETED_VALIDED : response.nbDeletedUsersWasValided,
                                NB_USERS_DELETED_PREMIUM : response.nbDeletedUsersTotWasPremium
                            };
                            addElement(divMessage, "p", replaceAll(txt.statsAdmin, mapText), "", "", "", false);
                        }
                    }
                }
                xhrStats.setRequestHeader("Authorization", "Bearer "+user.token); 
                xhrStats.send();
                
                // Les questionnaires bientôt publiés :      
                const xhrNextQuestionnaires = new XMLHttpRequest();
                xhrNextQuestionnaires.open("GET", apiUrl+config.questionnaireRoutes+config.getListNextQuestionnaires);
                xhrNextQuestionnaires.onreadystatechange = function()
                {
                    if (this.readyState == XMLHttpRequest.DONE)
                    {
                        let response=JSON.parse(this.responseText);
                        if (this.status === 200 && Array.isArray(response.questionnaires))
                        {
                            let listHTML="", dayStr, optionsDayStr = { weekday: 'long'};
                            for(let i in response.questionnaires)
                            {
                                dayStr=new Intl.DateTimeFormat(lang, optionsDayStr).format(new Date(response.questionnaires[i].datePublishing));
                                listHTML+="<li>"+dayStr+" "+dateFormat(response.questionnaires[i].datePublishing, "fr")+": <a href='"+configFrontEnd.questionnairesManagementPage+"?id="+response.questionnaires[i].id+"'>"+response.questionnaires[i].title+"</a>";
                                if(response.questionnaires[i].isPublishable===false)
                                    listHTML+=" <span class='error'>("+txtQuestionnaire.needBeCompleted+")</li>";
                                listHTML+="</li>";
                            }
                            if(response.questionnaires.length!==0)
                                    addElement(divQuestionnaires, "h3", txtQuestionnaire.nextQuestionnairesList.replace("#NB", response.questionnaires.length));
                            addElement(divQuestionnaires, "h4", txtQuestionnaire.nextDateWithoutQuestionnaire+dateFormat(response.dateNeeded, "fr"), "", ["information"], "", false);
                            addElement(divQuestionnaires, "ul", listHTML, "", "", "", false);
                        }
                    }
                }
                xhrNextQuestionnaires.setRequestHeader("Authorization", "Bearer "+user.token); 
                xhrNextQuestionnaires.send();

                // Traitement demande régénérer HTML
                btnRegenerate.addEventListener("click", function(e)
                {
                    e.preventDefault();
                    const xhrRegenerate = new XMLHttpRequest();
                    xhrRegenerate.open("GET", apiUrl+config.questionnaireRoutes+"/htmlregenerated");
                    xhrRegenerate.onreadystatechange = function()
                    {
                        if (this.readyState == XMLHttpRequest.DONE)
                        {
                            let response=JSON.parse(this.responseText);
                            if (this.status === 200 && response.message!=undefined)
                                addElement(divMessage, "p", response.message, "", ["success"], "", false);
                            else
                                addElement(divMessage, "p", txt.serverError, "", ["error"], "", false);
                        }
                    }
                    xhrRegenerate.setRequestHeader("Content-Type", "application/json");
                    xhrRegenerate.setRequestHeader("Authorization", "Bearer "+user.token);
                    xhrRegenerate.send();
                });
            }
        }
    }
    catch(e)
    {
        addElement(divMessage, "p", txt.serverError, "", ["error"]);
        console.error(e);
    }
}
initialise();