|
|
@@ -1,373 +1,194 @@
|
|
|
-
|
|
|
-console.log('salut');
|
|
|
-// menu burger open
|
|
|
-
|
|
|
-var burger = document.getElementById("block-burger");
|
|
|
-var burgertitle = document.getElementById("block-burger-menu");
|
|
|
-
|
|
|
-
|
|
|
-burgertitle.addEventListener("click", toggleMenu);
|
|
|
-
|
|
|
-function toggleMenu(event) {
|
|
|
- // console.log(event);
|
|
|
- burger.classList.toggle('opened');
|
|
|
-}
|
|
|
-
|
|
|
-//////////////////////////
|
|
|
-// faq reponse open
|
|
|
-
|
|
|
-var answers = document.getElementsByClassName("field--name-field-reponse");
|
|
|
-var fichiers = document.getElementsByClassName("field--name-field-fichiers");
|
|
|
-var questions = document.getElementsByClassName("field--name-field-question");
|
|
|
-
|
|
|
-for (let i = 0; i < questions.length; i++) {
|
|
|
- const question = questions[i]
|
|
|
- question.addEventListener("click", toggleFaq);
|
|
|
-}
|
|
|
-function toggleFaq(event) {
|
|
|
- // console.log(event, this);
|
|
|
- // fermé tout
|
|
|
- for (let i = 0; i < answers.length; i++) {
|
|
|
- answers[i].classList.remove('opened');
|
|
|
+jQuery(function ($) {
|
|
|
+ console.log('salut');
|
|
|
+
|
|
|
+ // MENU BURGER
|
|
|
+ const burger = document.getElementById("block-burger");
|
|
|
+ const burgertitle = document.getElementById("block-burger-menu");
|
|
|
+ if (burger && burgertitle) {
|
|
|
+ burgertitle.addEventListener("click", function () {
|
|
|
+ burger.classList.toggle('opened');
|
|
|
+ });
|
|
|
}
|
|
|
- // la réponse correspndante a la question clické
|
|
|
- // | this c'est l'élément sur le quel on a clické
|
|
|
- // | |le parent |la réponse dans le parent
|
|
|
- let answer = this.parentNode.querySelector('.field--name-field-reponse');
|
|
|
- // console.log(answer);
|
|
|
- answer.classList.add('opened');
|
|
|
-
|
|
|
-}
|
|
|
-///// répète fonction pour les fichiers, les liens et ressources
|
|
|
-//// il faudrait créer un tableau d'objet ?
|
|
|
-
|
|
|
-var fichiers = document.getElementsByClassName("field--name-field-fichiers");
|
|
|
-var questions = document.getElementsByClassName("field--name-field-question");
|
|
|
-
|
|
|
-for (let i = 0; i < questions.length; i++) {
|
|
|
- const question = questions[i]
|
|
|
- question.addEventListener("click", toggleFaqFichiers);
|
|
|
-}
|
|
|
-function toggleFaqFichiers(event) {
|
|
|
- // console.log(event, this);
|
|
|
-for (let i = 0; i < fichiers.length; i++) {
|
|
|
- fichiers[i].classList.remove('opened');
|
|
|
-}
|
|
|
-let fichier = this.parentNode.querySelector('.field--name-field-fichiers');
|
|
|
-
|
|
|
-fichier.classList.add('opened');
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-////////////////////////
|
|
|
-var liens = document.getElementsByClassName("field--name-field-liens");
|
|
|
-var questions = document.getElementsByClassName("field--name-field-question");
|
|
|
-
|
|
|
-for (let i = 0; i < questions.length; i++) {
|
|
|
- const question = questions[i]
|
|
|
- question.addEventListener("click", toggleFaqLiens);
|
|
|
-}
|
|
|
-function toggleFaqLiens(event) {
|
|
|
- // console.log(event, this);
|
|
|
-for (let i = 0; i < liens.length; i++) {
|
|
|
- liens[i].classList.remove('opened');
|
|
|
-}
|
|
|
-let lien = this.parentNode.querySelector('.field--name-field-liens');
|
|
|
-
|
|
|
-lien.classList.add('opened');
|
|
|
-}
|
|
|
-
|
|
|
-//////////////////////
|
|
|
-var ressources = document.getElementsByClassName("field--name-field-ress");
|
|
|
-var questions = document.getElementsByClassName("field--name-field-question");
|
|
|
-
|
|
|
-for (let i = 0; i < questions.length; i++) {
|
|
|
- const question = questions[i]
|
|
|
- question.addEventListener("click", toggleFaqRessources);
|
|
|
-}
|
|
|
-function toggleFaqRessources(event) {
|
|
|
- // console.log(event, this);
|
|
|
-for (let i = 0; i < resources.length; i++) {
|
|
|
- ressources[i].classList.remove('opened');
|
|
|
-}
|
|
|
-let ressource = this.parentNode.querySelector('.field--name-field-ress');
|
|
|
-
|
|
|
-ressource.classList.add('opened');
|
|
|
-}
|
|
|
-
|
|
|
-///////////////////////////////
|
|
|
-////////////////////////////////
|
|
|
-// fleche qui tourne faq
|
|
|
-
|
|
|
-// var questions = document.getElementsByClassName("field--name-field-question");
|
|
|
-// var paragraph = document.querySelector('.field--name-field-question p::after');
|
|
|
-// console.log(paragraph)
|
|
|
-// var styles = window.getComputedStyle(element,':after')
|
|
|
-// console.log(styles)
|
|
|
-// var content = styles['content']
|
|
|
-// console.log(content)
|
|
|
-
|
|
|
-
|
|
|
-// for (let i = 0; i < questions.length; i++) {
|
|
|
-// const question = questions[i]
|
|
|
-// question.addEventListener("click", rotateFleche);
|
|
|
-// }
|
|
|
-// function rotateFleche(event) {
|
|
|
-// console.log(event, this);
|
|
|
-// // for (let i = 0; i < answers.length; i++) {
|
|
|
-// // answers[i].classList.remove('opened');
|
|
|
-// // }
|
|
|
-// }
|
|
|
|
|
|
-//////////////////////////////////////////
|
|
|
-// block collection reste bleu quand actif
|
|
|
-
|
|
|
-jQuery(function($) {
|
|
|
- var path = window.location.href; // because the 'href' property of the DOM element is the absolute path
|
|
|
- console.log(path);
|
|
|
- $(".view-id-collections .view-content .views-row a").each(function() {
|
|
|
- if (this.href === path) {
|
|
|
- $(this).parent().closest('.views-row').addClass('active');
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
-
|
|
|
-// /////////////////
|
|
|
-//// ancre dans texte au click parragraphe correspondant arrive en dessous du header
|
|
|
-
|
|
|
-
|
|
|
-(function($, window) {
|
|
|
- var adjustAnchor = function() {
|
|
|
- var $anchor = $('.block-entity-fieldnodefield-textes'),
|
|
|
- fixedElementHeight = 350;
|
|
|
- if ($anchor.length > 0) {
|
|
|
- $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
|
|
|
- }
|
|
|
- };
|
|
|
-
|
|
|
- $(window).on('hashchange', function() {
|
|
|
- adjustAnchor();
|
|
|
- });
|
|
|
-
|
|
|
-})(jQuery, window);
|
|
|
-
|
|
|
-
|
|
|
-// ///////////////////////////////
|
|
|
-
|
|
|
-
|
|
|
-// slideshow home // marche pas. attention ai rajouter des class dans template views.view.html.twig et views-view-actus-blocks-pages--block-1.html.twig
|
|
|
+ // FAQ — réponses
|
|
|
+ const answers = document.getElementsByClassName("field--name-field-reponse");
|
|
|
+ const fichiers = document.getElementsByClassName("field--name-field-fichiers");
|
|
|
+ const liens = document.getElementsByClassName("field--name-field-liens");
|
|
|
+ const ressources = document.getElementsByClassName("field--name-field-ress");
|
|
|
+ const questions = document.getElementsByClassName("field--name-field-question");
|
|
|
+
|
|
|
+ for (let i = 0; i < questions.length; i++) {
|
|
|
+ const q = questions[i];
|
|
|
+ q.addEventListener("click", function () {
|
|
|
+ // Réponses
|
|
|
+ Array.from(answers).forEach(a => a.classList.remove("opened"));
|
|
|
+ const r = this.parentNode.querySelector(".field--name-field-reponse");
|
|
|
+ if (r) r.classList.add("opened");
|
|
|
+
|
|
|
+ // Fichiers
|
|
|
+ Array.from(fichiers).forEach(f => f.classList.remove("opened"));
|
|
|
+ const f = this.parentNode.querySelector(".field--name-field-fichiers");
|
|
|
+ if (f) f.classList.add("opened");
|
|
|
+
|
|
|
+ // Liens
|
|
|
+ Array.from(liens).forEach(l => l.classList.remove("opened"));
|
|
|
+ const l = this.parentNode.querySelector(".field--name-field-liens");
|
|
|
+ if (l) l.classList.add("opened");
|
|
|
+
|
|
|
+ // Ressources
|
|
|
+ Array.from(ressources).forEach(r => r.classList.remove("opened"));
|
|
|
+ const res = this.parentNode.querySelector(".field--name-field-ress");
|
|
|
+ if (res) res.classList.add("opened");
|
|
|
+ });
|
|
|
+ }
|
|
|
|
|
|
-(function($, window) {
|
|
|
- console.log('hello')
|
|
|
- $(document).ready(function(){
|
|
|
- $('.path-frontpage .view-actus-blocks-pages .view-content .view-type-slide .views-row-wrapper').slick({
|
|
|
+ // SLIDESHOW INIT
|
|
|
+ $('.path-frontpage .view-actus-blocks-pages .view-content .view-type-slide .views-row-wrapper').slick({
|
|
|
+ slidesToShow: 1,
|
|
|
+ dots: true,
|
|
|
+ arrows: true,
|
|
|
+ centerMode: true,
|
|
|
+ responsive: [{
|
|
|
+ breakpoint: 810,
|
|
|
+ settings: {
|
|
|
slidesToShow: 1,
|
|
|
- // slidesToScroll: 1,
|
|
|
- dots: true,
|
|
|
- arrows: true,
|
|
|
- centerMode: true,
|
|
|
- // centerPadding: '100px',
|
|
|
- responsive: [
|
|
|
- {
|
|
|
- breakpoint: 810,
|
|
|
- settings: {
|
|
|
- slidesToShow: 1,
|
|
|
- adaptiveHeight: true,
|
|
|
- arrows: false,
|
|
|
- draggable: true,
|
|
|
- centerMode: true,
|
|
|
- }
|
|
|
- }]
|
|
|
- });
|
|
|
- console.log('salut slick home');
|
|
|
-
|
|
|
-
|
|
|
- $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({
|
|
|
- dots: true,
|
|
|
- arrows: true,
|
|
|
adaptiveHeight: true,
|
|
|
- responsive: [
|
|
|
- {
|
|
|
- breakpoint: 800,
|
|
|
- settings: {
|
|
|
- adaptiveHeight: true
|
|
|
- }
|
|
|
- }]
|
|
|
- });
|
|
|
- console.log('salut slick actus');
|
|
|
-
|
|
|
-
|
|
|
- $('.page-node-type-projet .block-entity-fieldnodefield-photo .field--type-image').slick({
|
|
|
- slidesToShow: 1,
|
|
|
- dots: true,
|
|
|
arrows: false,
|
|
|
draggable: true,
|
|
|
- adaptiveHeight: true,
|
|
|
- responsive: [
|
|
|
- {
|
|
|
- breakpoint: 800,
|
|
|
- settings: {
|
|
|
- adaptiveHeight: true
|
|
|
- }
|
|
|
- }]
|
|
|
- });
|
|
|
- console.log('salut slick projets');
|
|
|
-
|
|
|
- $('.path-ressources .view:not(.view-partenaires) .view-content .view-type-slide .views-row-wrapper').slick({
|
|
|
- slidesToShow: 3,
|
|
|
- dots: false,
|
|
|
- arrows: true,
|
|
|
- infinite: false,
|
|
|
- centerMode: false,
|
|
|
- responsive: [
|
|
|
- {
|
|
|
- breakpoint: 810,
|
|
|
- settings: {
|
|
|
- slidesToShow: 3,
|
|
|
- arrows: false,
|
|
|
- draggable: true,
|
|
|
- centerMode: true,
|
|
|
- }
|
|
|
- }]
|
|
|
- });
|
|
|
- console.log('salut slick ressource');
|
|
|
-
|
|
|
+ centerMode: true,
|
|
|
+ }
|
|
|
+ }]
|
|
|
});
|
|
|
|
|
|
-
|
|
|
-// //////// start ajoute class à views-row-wrapper et view-type-slide dans /ressources ////////
|
|
|
-$(document).ready(function () {
|
|
|
- if (hasActiveFilters()) return;
|
|
|
- $(".views-row-wrapper").each(function () {
|
|
|
- let h3 = $(this).prev("h3");
|
|
|
- let link = h3.find("a");
|
|
|
- if (link.length) {
|
|
|
- let text = link.text().trim();
|
|
|
- let className = text
|
|
|
- .toLowerCase()
|
|
|
- .normalize("NFD").replace(/[\u0300-\u036f]/g, "") // enlever les accents
|
|
|
- .replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -
|
|
|
- .replace(/(^-|-$)/g, ''); // enlever tirets début/fin
|
|
|
-
|
|
|
- $(this).addClass('type-' + className);
|
|
|
- // Ajouter la même classe sur le <h3>
|
|
|
- h3.addClass('type-' + className);
|
|
|
- h3.closest('.view-type-slide').addClass('type-' + className); // ajouter aussi au bloc parent
|
|
|
- }
|
|
|
+ $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({
|
|
|
+ dots: true,
|
|
|
+ arrows: true,
|
|
|
+ adaptiveHeight: true,
|
|
|
+ responsive: [{
|
|
|
+ breakpoint: 800,
|
|
|
+ settings: { adaptiveHeight: true }
|
|
|
+ }]
|
|
|
});
|
|
|
|
|
|
+ $('.page-node-type-projet .block-entity-fieldnodefield-photo .field--type-image').slick({
|
|
|
+ slidesToShow: 1,
|
|
|
+ dots: true,
|
|
|
+ arrows: false,
|
|
|
+ draggable: true,
|
|
|
+ adaptiveHeight: true,
|
|
|
+ responsive: [{
|
|
|
+ breakpoint: 800,
|
|
|
+ settings: { adaptiveHeight: true }
|
|
|
+ }]
|
|
|
+ });
|
|
|
|
|
|
- $(".wrapper-ressource").each(function(){
|
|
|
- let media = $(this).find(".field--name-field-type-de-media");
|
|
|
-
|
|
|
- // console.log(media);
|
|
|
-
|
|
|
- let mediaText = media.text().trim();
|
|
|
- let className = mediaText
|
|
|
- .toLowerCase()
|
|
|
- .normalize("NFD").replace(/[\u0300-\u036f]/g, "") // enlever les accents
|
|
|
- .replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -
|
|
|
- .replace(/(^-|-$)/g, ''); // enlever tirets début/fin
|
|
|
- // console.log(mediaText);
|
|
|
+ // Classes media → .wrapper-ressource
|
|
|
+ $(".wrapper-ressource").each(function () {
|
|
|
+ const media = $(this).find(".field--name-field-type-de-media").text().trim();
|
|
|
+ const className = media
|
|
|
+ .toLowerCase()
|
|
|
+ .normalize("NFD").replace(/[\u0300-\u036f]/g, "")
|
|
|
+ .replace(/[^a-z0-9]+/g, '-')
|
|
|
+ .replace(/(^-|-$)/g, '');
|
|
|
$(this).addClass('type-media-' + className);
|
|
|
});
|
|
|
|
|
|
-// ////// cache les slide non voulue en fonction de la class /////////
|
|
|
-// const allowedTypes = [
|
|
|
-// "type-publication-issue-du-programme-eqld",
|
|
|
-// "type-paroles-de-laureats",
|
|
|
-// "type-les-projets-en-images",
|
|
|
-// "type-presse"
|
|
|
-// ];
|
|
|
-
|
|
|
-// $(".view-type-slide").each(function () {
|
|
|
-// let $block = $(this);
|
|
|
-// let keep = allowedTypes.some(type => $block.hasClass(type));
|
|
|
-
|
|
|
+ // SLIDES RECONSTRUCTION LORS DU CHARGEMENT COMPLET
|
|
|
+ $(window).on('load', function () {
|
|
|
+ const $viewContent = $('.path-ressources .view-content').first();
|
|
|
+ if ($viewContent.length === 0) return;
|
|
|
+ $viewContent.addClass('view-ressources-hidden');
|
|
|
+
|
|
|
+ const allowedTypes = [
|
|
|
+ 'type-publication-issue-du-programme-eqld',
|
|
|
+ 'type-paroles-de-laureats',
|
|
|
+ 'type-les-projets-en-images',
|
|
|
+ 'type-presse'
|
|
|
+ ];
|
|
|
+
|
|
|
+ // const $viewContent = $('.view-content');
|
|
|
+ const allRows = $('.path-ressources .view-base-de-donnees .views-row').detach();
|
|
|
+ function toLabel(str) {
|
|
|
+ return str.replace('type-', '').replace(/-/g, ' ').replace(/\b\w/g, l => l.toUpperCase());
|
|
|
+ }
|
|
|
+ allowedTypes.forEach(type => {
|
|
|
+ const label = toLabel(type);
|
|
|
+ const $slide = $(`
|
|
|
+ <div class="view-type-slide ${type}">
|
|
|
+ <h3 class="${type}">${label}</h3>
|
|
|
+ <div class="views-row-wrapper"></div>
|
|
|
+ </div>
|
|
|
+ `);
|
|
|
+ $viewContent.append($slide);
|
|
|
+ });
|
|
|
|
|
|
-// if (!keep) {
|
|
|
-// $block.hide(); // ou fadeOut() si tu veux un effet
|
|
|
-// }
|
|
|
-// });
|
|
|
-// });
|
|
|
-// $(".view-type-slide").each(function () {
|
|
|
-// let $block = $(this);
|
|
|
-// let matched = allowedTypes.filter(type => $block.hasClass(type));
|
|
|
-// console.log("Matched:", matched);
|
|
|
+ allRows.each(function () {
|
|
|
+ const $row = $(this);
|
|
|
+ const classList = $row.attr('class').split(/\s+/);
|
|
|
+ classList.forEach(cls => {
|
|
|
+ if (allowedTypes.includes(cls)) {
|
|
|
+ $(`.view-type-slide.${cls} .views-row-wrapper`).append($row.clone(true, true));
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
|
|
|
-// let keep = matched.length > 0;
|
|
|
-// if (!keep) {
|
|
|
-// $block.hide();
|
|
|
-// }
|
|
|
-});
|
|
|
+ $('.path-ressources .view:not(.view-partenaires) .view-content .view-type-slide .views-row-wrapper').slick({
|
|
|
+ slidesToShow: 3,
|
|
|
+ dots: false,
|
|
|
+ arrows: true,
|
|
|
+ infinite: false,
|
|
|
+ centerMode: false,
|
|
|
+ responsive: [{
|
|
|
+ breakpoint: 810,
|
|
|
+ settings: {
|
|
|
+ slidesToShow: 3,
|
|
|
+ arrows: false,
|
|
|
+ draggable: true,
|
|
|
+ centerMode: true,
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ });
|
|
|
+ // Supprimer les .view-type-slide originales générées par Drupal (vides ou non autorisées)
|
|
|
+ $('.path-ressources .view-base-de-donnees .view-type-slide').each(function () {
|
|
|
+ const classes = $(this).attr('class').split(/\s+/);
|
|
|
+ const isCustom = classes.some(cls => allowedTypes.includes(cls));
|
|
|
+ if (!isCustom) {
|
|
|
+ $(this).remove();
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ $viewContent.removeClass('view-ressources-hidden');
|
|
|
|
|
|
+ });
|
|
|
|
|
|
-function hasActiveFilters() {
|
|
|
- const params = new URLSearchParams(window.location.search);
|
|
|
- for (const [key, value] of params) {
|
|
|
- if (key !== 'page' && value !== 'All' && value !== '') {
|
|
|
- return true;
|
|
|
+ // Ouvrir les liens externes dans un nouvel onglet
|
|
|
+ document.querySelectorAll('a[href^="http"]').forEach(link => {
|
|
|
+ if (!link.href.includes(location.hostname)) {
|
|
|
+ link.setAttribute('target', '_blank');
|
|
|
+ link.setAttribute('rel', 'noopener noreferrer');
|
|
|
}
|
|
|
- }
|
|
|
- return false;
|
|
|
-}
|
|
|
-// /////// end class à views-row-wrapper ///////
|
|
|
-
|
|
|
-
|
|
|
-/////////////// start ouverture liens externes vers nouvel onglet //////////////////
|
|
|
-document.querySelectorAll('a[href^="http"]').forEach(link => {
|
|
|
- if (!link.href.includes(location.hostname)) {
|
|
|
- link.setAttribute('target', '_blank');
|
|
|
- link.setAttribute('rel', 'noopener noreferrer');
|
|
|
- }
|
|
|
-});
|
|
|
-
|
|
|
-/////////////// end ouverture liens externes vers nouvel onglet //////////////////
|
|
|
-
|
|
|
+ });
|
|
|
|
|
|
-/// start /// dans pages /projets après click sur appliquer filtres, scroll down la page au niveau des filtres //////
|
|
|
-document.addEventListener("DOMContentLoaded", function () {
|
|
|
+ // Scroll automatique au filtre
|
|
|
const form = document.querySelector(".views-exposed-form");
|
|
|
+ if (form) form.setAttribute("action", form.action.split("#")[0] + "#filtres");
|
|
|
|
|
|
- // console.log(form);
|
|
|
-
|
|
|
- if (form) {
|
|
|
- form.setAttribute("action", form.action.split("#")[0] + "#filtres");
|
|
|
- }
|
|
|
if (window.location.hash === "#filtres") {
|
|
|
const target = document.getElementById("filtres");
|
|
|
if (target) {
|
|
|
- // target.scrollIntoView({ behavior: "smooth", block: "start" });
|
|
|
const offset = 300;
|
|
|
const top = target.getBoundingClientRect().top + window.pageYOffset - offset;
|
|
|
-
|
|
|
- window.scrollTo({
|
|
|
- top: top,
|
|
|
- behavior: "smooth"
|
|
|
- });
|
|
|
+ window.scrollTo({ top: top, behavior: "smooth" });
|
|
|
}
|
|
|
}
|
|
|
-/// end //// dans pages /projets après click sur appliquer filtres, scroll down la page au niveau des filtres //////
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- //// start ne pas afficher type de ressource 2 fois dans /ressources //////
|
|
|
- document.querySelectorAll(".view-type-slide").forEach(view => {
|
|
|
- const h3Content = view.querySelector("h3 > a")?.textContent.trim();
|
|
|
|
|
|
- view.querySelectorAll(".field--name-field-type-de-ressource").forEach(field => {
|
|
|
- const fieldText = field.textContent.trim();
|
|
|
-
|
|
|
- if (fieldText === h3Content) {
|
|
|
- field.style.display = "none";
|
|
|
+ // MASQUER TYPE DE RESSOURCE DOUBLON
|
|
|
+ $(".view-type-slide").each(function () {
|
|
|
+ const h3Content = $(this).find("h3").text().trim();
|
|
|
+ $(this).find(".field--name-field-type-de-ressource").each(function () {
|
|
|
+ if ($(this).text().trim() === h3Content) {
|
|
|
+ $(this).hide();
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
-
|
|
|
- //// end ne pas afficher type de ressource 2 fois dans /ressources //////
|
|
|
-
|
|
|
});
|
|
|
-
|
|
|
-})(jQuery, window);
|
|
|
-
|
