https://urbi-explore.fr/static/vf30min2/js/filtre.js

1class GestionFiltres{item;dict_filtre_cat;constructor(e,t,i){this.item=e,this.dict_filtre_cat=t,this.application_filtre_carte=i}creationMenuFiltres(){var e=this.item;let t=this.dict_filtre_cat,i=this;var l=document.getElementById("container_filtre"),n=(l.querySelectorAll("*").forEach(e=>e.remove()),document.createElement("div")),c=(n.id="mainDivFiltres",document.createElement("button")),a=(c.innerHTML="Déplier tout",document.createElement("button")),r=(a.innerHTML="Replier tout",document.createElement("div"));n.appendChild(r);let d=document.createElement("div");d.id="listfiltre",n.style.height=Math.min(window.innerHeight-100,500)+"px",e.forEach((e,t)=>{creationRubriqueFiltres(d,e,t)}),n.appendChild(d);var e=document.createElement("button"),s=(e.classList="bouttonfiltre",e.innerHTML="Appliquer les filtres",e.addEventListener("click",function(e){i.application_filtre(e)}),document.createElement("button"));s.classList="bouttonfiltre",s.innerHTML="Réinitialiser les filtres",s.addEventListener("click",function(e){i.reinitialisation_filtre(e)}),r.appendChild(e),r.appendChild(s),r.appendChild(c),r.appendChild(a),r.classList="bouttonfiltre";let o=this.item.length;c.addEventListener("click",function(e){for(let e=0;e<o;e++){var t=document.getElementById("image_fleche_"+e),t=(t.classList.remove("svg_icon_fleche_down_filtre"),t.classList.add("svg_icon_fleche_up_filtre"),document.getElementById(e+"_labelfiltre"));t.classList.remove("rubriquecacher"),t.classList.add("rubriquevisible")}}),a.addEventListener("click",function(e){for(let e=0;e<o;e++){var t=document.getElementById("image_fleche_"+e),t=(t.classList.remove("svg_icon_fleche_up_filtre"),t.classList.add("svg_icon_fleche_down_filtre"),document.getElementById(e+"_labelfiltre"));t.classList.remove("rubriquevisible"),t.classList.add("rubriquecacher")}});e=document.createElement("div"),e.id="enteteDivFiltres",s=document.createElement("a");s.classList.add("closefiltre"),s.id="aenteteDivFiltres",s.setAttribute("href","#"),s.appendChild(document.createTextNode("X")),e.appendChild(s),e.appendChild(document.createElement("br")),e.appendChild(document.createElement("br")),l.appendChild(e),l.appendChild(n),document.querySelector("#modalfiltres").classList.add("openfiltre"),s.addEventListener("click",function(e){let t=!1;0==(t=sessionStorage.getItem("dejaafficher_filtre")?sessionStorage.getItem("dejaafficher_filtre"):t)&&(sessionStorage.setItem("dejaafficher_filtre",!0),!window.confirm("En fermant la fenetre, aucun des filtres sélectionnés ne sera appliqué. Si vous souhaitez appliquer les filtres, cliquer sur le bouton  'Appliquer les filtres' "))||document.querySelector("#modalfiltres").classList.remove("openfiltre")}),Object.keys(t).forEach(function(e){document.getElementById(e).checked=t[e]})}reinitialisation_filtre(e){let t={};Object.keys(this.dict_filtre_cat).forEach(function(e){document.getElementById(e).checked=!0,t[e]=!0}),this.dict_filtre_cat=t}application_filtre(e){document.querySelector("#modalfiltres").classList.remove("openfiltre");let t={};Object.keys(this.dict_filtre_cat).forEach(function(e){t[e]=document.getElementById(e).checked}),this.dict_filtre_cat=t,this.application_filtre_carte(this.dict_filtre_cat)}}function creationRubriqueFiltres(e,t,i){var l=document.createElement("div"),n=(l.className="RubriqueFiltres",document.createElement("div")),c=(n.className="RubriqueTitreFiltres",document.createTextNode(t.label)),c=(n.appendChild(c),i+"_labelfiltre"),a=document.createElement("a");let r=document.createElement("src"),d=(r.id="image_fleche_"+i,a.appendChild(r),n.appendChild(a),l.appendChild(n),l.appendChild(document.createElement("br")),document.createElement("div"));d.id=c,l.appendChild(d);d.classList.add("rubriquecacher"),r.className="svg_icon_fleche_down_filtre",n.addEventListener("click",function(e){"svg_icon_fleche_down_filtre"==r.classList.value?(r.classList.remove("svg_icon_fleche_down_filtre"),r.classList.add("svg_icon_fleche_up_filtre"),d.classList.remove("rubriquecacher"),d.classList.add("rubriquevisible")):(r.classList.remove("svg_icon_fleche_up_filtre"),r.classList.add("svg_icon_fleche_down_filtre"),d.classList.remove("rubriquevisible"),d.classList.add("rubriquecacher"))});let s=i+"_allselectclasse";var a=i+"_allselect",c=i+"_allselectclasse",n=i+"_allunselect",i=i+"_allunselectclasse",o=document.createElement("button"),a=(o.id=a,o.className=c,o.classList.add("sousrubriquebutton"),o.appendChild(document.createTextNode("Sélectionner tout")),o.addEventListener("click",function(e){for(var t=document.getElementsByClassName(s),i=0;i<t.length;i++)t[i].checked=!0}),d.appendChild(o),d.appendChild(document.createTextNode("   ")),document.createElement("button"));a.id=n,a.className=i,a.classList.add("sousrubriquebutton"),a.appendChild(document.createTextNode("Désélectionner tout")),a.addEventListener("click",function(e){for(var t=document.getElementsByClassName(s),i=0;i<t.length;i++)t[i].checked=!1}

1),d.appendChild(a),d.appendChild(document.createElement("br")),t.items.forEach(e=>{e=creationcheckbox(e.value,e.label,s,null);d.appendChild(e)}),e.appendChild(l)}function creationcheckbox(e,t,i,l){var n=document.createElement("input"),i=(n.type="checkbox",n.id=e,n.value=e,n.className=i,null!=l&&n.addEventListener("change",l),document.createElement("label"));return i.htmlFor=e,i.appendChild(n),i.appendChild(document.createTextNode(t)),i.classList.add("sousrubriquelabel"),i}function tabletext(e){var t,i,l=[];let n=0;for([t,i]of e.entries()){var c,a=i;for(c in a.ITEM){var r=a.ITEM[c].NOM_;l.push(r),n+=1}}return l}function hauteurmax(e,t){var i=document.createElement("div"),e=(i.innerHTML=e,""!=t&&(i.className=t),document.body.appendChild(i),i.offsetHeight);return document.body.removeChild(i),console.log(e),e}function creationPopup(e){let t=tabletext(e),i=0,l=0;for(var n of t)l=Math.max(hauteurmax(n,"descriptifpopup"),l);l=Math.min(window.innerHeight-100,l+30);var e=document.getElementById("container_filtre"),c=(e.querySelectorAll("*").forEach(e=>e.remove()),document.createElement("div"));c.id="mainDivFiltres";let a=document.createElement("div");a.className="titrepopup",1<t.length&&c.appendChild(a);var r,d=document.createElement("div"),s=(c.appendChild(d),d.className="containerderoulant",document.createElement("div"));s.className="descriptifpopup",s.style.height=l-30+"px",1<t.length?(a.textContent="Nombre d'items 1 / "+t.length,(m=document.createElement("div")).className="prevtext",(r=document.createElement("src")).classList.add("svg_icon_fleche_gauche"),m.appendChild(r),(r=document.createElement("div")).className="nexttext",(u=document.createElement("src")).classList.add("svg_icon_fleche_droite"),r.appendChild(u),d.appendChild(m),d.appendChild(s),d.appendChild(r),m.addEventListener("click",function(){0<i?i--:i=t.length-1;var e=i+1;a.textContent="Nombre d'items "+e+" / "+t.length,o.innerHTML=t[i]}),r.addEventListener("click",function(){i<t.length-1?i++:i=0;var e=i+1;a.textContent="Nombre d'items "+e+" / "+t.length,o.innerHTML=t[i]})):d.appendChild(s);let o=s;o.innerHTML=t[0];var u=document.createElement("div"),m=(u.id="enteteDivFiltres",document.createElement("a"));m.classList.add("closefiltre"),m.id="aenteteDivFiltres",m.setAttribute("href","#"),m.appendChild(document.createTextNode("X")),u.appendChild(m),u.appendChild(document.createElement("br")),u.appendChild(document.createElement("br")),e.appendChild(u),document.querySelector("#modalfiltres").classList.add("openfiltre"),document.querySelector("#modalfiltres .maskfiltres").addEventListener("click",function(e){document.querySelector("#modalfiltres").classList.remove("openfiltre")}),m.addEventListener("click",function(e){document.querySelector("#modalfiltres").classList.remove("openfiltre")}),e.append(c)}function evtPourMenuPopup(){document.addEventListener("click",function(e){if(e.target.matches(".popupchoix .cycle a")||e.target.closest(".popupchoix .cycle a")){var t=0;"next"==e.target.className?t=1:"prev"==e.target.className&&(t=-1);for(var i=document.querySelector(".slideshow").getElementsByClassName("txtpopup"),l=0,n=0;n<i.length;n++)i[n].className.includes("active")&&(l=n);(e=(e=l+t)>i.length-1?0:e)<0&&(e=i.length-1),i[l].className="txtpopup",i[e].className="txtpopup activepopup",document.getElementById("compteurpopup").innerHTML="<b>"+(e+1)+" / "+i.length+" items </b>"}})}