}); //Open sou menu $(".SqButton-Produit").click(function () { $(".MenuProduit").toggleClass("show"); }); $(".SqButton-Formation").click(function () { $(".MenuFormation").toggleClass("show"); }); }); var urlAristote; var urlJson; var urlLocation = window.location.href; if (urlLocation.includes("localhost")) { urlAristote = "https://dev.soquij.qc.ca" urlJson = "https://dev.soquij.qc.ca/api/contenu/fr" } else if (urlLocation.includes("dev")) { urlAristote = "https://dev.soquij.qc.ca" urlJson = "https://dev.soquij.qc.ca/api/contenu/fr" } else if (urlLocation.includes("itg")) { urlAristote = "https://itg.soquij.qc.ca" urlJson = "https://itg.soquij.qc.ca/api/contenu/fr" } else if (urlLocation.includes("stg")) { urlAristote = "https://stg.soquij.qc.ca" urlJson = "https://stg.soquij.qc.ca/api/contenu/fr" } else { urlAristote = "https://soquij.qc.ca" urlJson = "https://soquij.qc.ca/api/contenu/fr" } const header = Vue.createApp({ data() { return { headerDto: { navigationDto: {} }, logoUrlTo: "", lienSecondaireDtos: null, logo: { url: '', name: '', alias: '', attributAlt: '', id: null, lienDto: {} }, hoverProduits: null, hoverFormation: null, produits: [], produitsLien: "", produitsImage: "", produitsColonne: [], produitsColonne2: [], produitsColonne3: [], produitsColonne4: [], formation: [], formationLien: "", formationImage: "", formationColonne: [], formationColonne2: [], formationColonne3: [], formationColonne4: [], boutonDecision: "", boutonDecisionUrl: "", REACT_APP_URL_CLIENT: urlAristote, } }, mounted() { this.fetchData(); }, methods: { async fetchData() { if (typeof urlJson !== 'undefined') { const response = await fetch(urlJson); const data = await response.json() this.headerDto = data.headerDto this.logo = data.headerDto.logo; this.logoUrlTo = data.headerDto.logo.lienDto.urlTo; this.navigationDto = data.headerDto.navigationDto; this.produits = data.headerDto.navigationDto.menuPrincipalDtos[0].megaMenuDto.megaMenuColonneImageDto; this.produitsLien = data.headerDto.navigationDto.menuPrincipalDtos[0].megaMenuDto.megaMenuColonneImageDto.lienDto; this.produitsImage = data.headerDto.navigationDto.menuPrincipalDtos[0].megaMenuDto.megaMenuColonneImageDto.imageDto; this.produitsColonne = data.headerDto.navigationDto.menuPrincipalDtos[0].megaMenuDto.megaMenuColonneTexteDtos[0]; this.produitsColonne2 = data.headerDto.navigationDto.menuPrincipalDtos[0].megaMenuDto.megaMenuColonneTexteDtos[1]; this.produitsColonne3 = data.headerDto.navigationDto.menuPrincipalDtos[0].megaMenuDto.megaMenuColonneTexteDtos[2]; this.produitsColonne4 = data.headerDto.navigationDto.menuPrincipalDtos[0].megaMenuDto.megaMenuColonneTexteDtos[3]; this.formation = data.headerDto.navigationDto.menuPrincipalDtos[1].megaMenuDto.megaMenuColonneImageDto; this.formationLien = data.headerDto.navigationDto.menuPrincipalDtos[1].megaMenuDto.megaMenuColonneImageDto.lienDto; this.formationImage = data.headerDto.navigationDto.menuPrincipalDtos[1].megaMenuDto.megaMenuColonneImageDto.imageDto; this.formationColonne = data.headerDto.navigationDto.menuPrincipalDtos[1].megaMenuDto.megaMenuColonneTexteDtos[0]; this.formationColonne2 = data.headerDto.navigationDto.menuPrincipalDtos[1].megaMenuDto.megaMenuColonneTexteDtos[1]; this.formationColonne3 = data.headerDto.navigationDto.menuPrincipalDtos[1].megaMenuDto.megaMenuColonneTexteDtos[2]; this.formationColonne4 = data.headerDto.navigationDto.menuPrincipalDtos[1].megaMenuDto.megaMenuColonneTexteDtos[3]; this.boutonDecision = data.headerDto.navigationDto.menuPrincipalDtos[2].lienDto.texte; this.boutonDecisionUrl = data.headerDto.navigationDto.menuPrincipalDtos[2].lienDto.urlTo; } else { console.error("L'API Megamenu a retourné une erreur"); } } } }) header.mount('#headerApp')