From bf005f69a6065470a86cde00b0bc65d360ca4517 Mon Sep 17 00:00:00 2001 From: ouidade Date: Mon, 19 May 2025 15:22:36 +0200 Subject: [PATCH] debug view-type-slide --- web/themes/custom/eql/dist/assets/bundle.js | 2 +- .../custom/eql/dist/assets/css/bundle.css | 70 +++++++++---------- web/themes/custom/eql/scripts/main.js | 4 +- web/themes/custom/eql/scss/pages/_home.scss | 2 +- .../custom/eql/scss/pages/_lesprojets.scss | 2 +- .../eql/scss/pages/_toutesactualites.scss | 2 +- .../views-view-unformatted.html.twig | 3 +- 7 files changed, 43 insertions(+), 42 deletions(-) diff --git a/web/themes/custom/eql/dist/assets/bundle.js b/web/themes/custom/eql/dist/assets/bundle.js index e7929e6..68303e5 100644 --- a/web/themes/custom/eql/dist/assets/bundle.js +++ b/web/themes/custom/eql/dist/assets/bundle.js @@ -36,7 +36,7 @@ eval("/**\n * @file\n * External links js file.\n */\n\n (function ($, Drupal, d \*************************/ /***/ (function() { -eval("\nconsole.log('salut');\n// menu burger open\n\nvar burger = document.getElementById(\"block-burger\");\nvar burgertitle = document.getElementById(\"block-burger-menu\");\n\n\nburgertitle.addEventListener(\"click\", toggleMenu);\n\nfunction toggleMenu(event) {\n // console.log(event);\n burger.classList.toggle('opened');\n}\n\n//////////////////////////\n// faq reponse open \n\nvar answers = document.getElementsByClassName(\"field--name-field-reponse\");\nvar fichiers = document.getElementsByClassName(\"field--name-field-fichiers\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaq);\n}\nfunction toggleFaq(event) {\n // console.log(event, this);\n // fermé tout\n for (let i = 0; i < answers.length; i++) {\n answers[i].classList.remove('opened'); \n }\n // la réponse correspndante a la question clické\n // | this c'est l'élément sur le quel on a clické\n // | |le parent |la réponse dans le parent\n let answer = this.parentNode.querySelector('.field--name-field-reponse');\n // console.log(answer); \n answer.classList.add('opened');\n\n}\n///// répète fonction pour les fichiers, les liens et ressources\n//// il faudrait créer un tableau d'objet ?\n\nvar fichiers = document.getElementsByClassName(\"field--name-field-fichiers\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaqFichiers);\n}\nfunction toggleFaqFichiers(event) {\n // console.log(event, this);\nfor (let i = 0; i < fichiers.length; i++) {\n fichiers[i].classList.remove('opened'); \n}\nlet fichier = this.parentNode.querySelector('.field--name-field-fichiers');\n\nfichier.classList.add('opened');\n}\n\n\n////////////////////////\nvar liens = document.getElementsByClassName(\"field--name-field-liens\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaqLiens);\n}\nfunction toggleFaqLiens(event) {\n // console.log(event, this);\nfor (let i = 0; i < liens.length; i++) {\n liens[i].classList.remove('opened'); \n}\nlet lien = this.parentNode.querySelector('.field--name-field-liens');\n \nlien.classList.add('opened');\n}\n\n//////////////////////\nvar ressources = document.getElementsByClassName(\"field--name-field-ress\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaqRessources);\n}\nfunction toggleFaqRessources(event) {\n // console.log(event, this);\nfor (let i = 0; i < resources.length; i++) {\n ressources[i].classList.remove('opened'); \n}\nlet ressource = this.parentNode.querySelector('.field--name-field-ress');\n\nressource.classList.add('opened');\n}\n\n///////////////////////////////\n////////////////////////////////\n// fleche qui tourne faq\n\n// var questions = document.getElementsByClassName(\"field--name-field-question\");\n// var paragraph = document.querySelector('.field--name-field-question p::after');\n// console.log(paragraph)\n// var styles = window.getComputedStyle(element,':after')\n// console.log(styles)\n// var content = styles['content']\n// console.log(content)\n\n\n// for (let i = 0; i < questions.length; i++) {\n// const question = questions[i]\n// question.addEventListener(\"click\", rotateFleche);\n// }\n// function rotateFleche(event) {\n// console.log(event, this);\n// // for (let i = 0; i < answers.length; i++) {\n// // answers[i].classList.remove('opened'); \n// // }\n// }\n\n//////////////////////////////////////////\n// block collection reste bleu quand actif\n \njQuery(function($) {\n var path = window.location.href; // because the 'href' property of the DOM element is the absolute path\n console.log(path);\n $(\".view-id-collections .view-content .views-row a\").each(function() {\n if (this.href === path) {\n $(this).parent().closest('.views-row').addClass('active');\n }\n });\n });\n\n// /////////////////\n//// ancre dans texte au click parragraphe correspondant arrive en dessous du header \n\n\n(function($, window) {\n var adjustAnchor = function() {\n var $anchor = $('.block-entity-fieldnodefield-textes'),\n fixedElementHeight = 350;\n if ($anchor.length > 0) {\n $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);\n }\n };\n\n $(window).on('hashchange', function() {\n adjustAnchor();\n });\n\n})(jQuery, window);\n\n\n// ///////////////////////////////\n\n\n// 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\n\n(function($, window) {\n console.log('hello')\n $(document).ready(function(){\n $('.path-frontpage .view-actus-blocks-pages .view-content').slick({\n slidesToShow: 1,\n // slidesToScroll: 1,\n dots: true,\n arrows: true,\n centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('salut slick home');\n\n\n $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({\n dots: true,\n arrows: true,\n adaptiveHeight: true,\n responsive: [\n {\n breakpoint: 800,\n settings: {\n adaptiveHeight: true\n }\n }]\n });\n console.log('salut slick actus');\n\n\n $('.page-node-type-projet .block-entity-fieldnodefield-photo .field--type-image').slick({\n slidesToShow: 1,\n dots: true,\n arrows: false,\n draggable: true,\n adaptiveHeight: true,\n responsive: [\n {\n breakpoint: 800,\n settings: {\n adaptiveHeight: true\n }\n }]\n });\n console.log('salut slick projets');\n\n $('.path-ressources .view:not(.view-partenaires) .view-content .view-type-ressource-slide .views-row-wrapper').slick({\n slidesToShow: 3,\n dots: false,\n arrows: true,\n infinite: false,\n centerMode: false,\n // responsive: [\n // {\n // breakpoint: 810,\n // settings: {\n // slidesToShow: 3,\n // arrows: false,\n // draggable: true,\n // centerMode: true,\n // }\n // }]\n });\n console.log('salut slick ressource');\n\n });\n\n\n// //////// start class à views-row-wrapper ////////\n$(document).ready(function () {\n $(\".views-row-wrapper\").each(function () {\n let h3 = $(this).prev(\"h3\");\n let link = h3.find(\"a\");\n if (link.length) {\n let text = link.text().trim();\n let className = text\n .toLowerCase()\n .normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\") // enlever les accents\n .replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -\n .replace(/(^-|-$)/g, ''); // enlever tirets début/fin\n\n $(this).addClass('type-' + className);\n // Ajouter la même classe sur le

\n h3.addClass('type-' + className);\n }\n });\n\n\n $(\".wrapper-ressource\").each(function(){\n let media = $(this).find(\".field--name-field-type-de-media\");\n\n // console.log(media);\n \n let mediaText = media.text().trim();\n let className = mediaText\n .toLowerCase()\n .normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\") // enlever les accents\n .replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -\n .replace(/(^-|-$)/g, ''); // enlever tirets début/fin\n // console.log(mediaText);\n $(this).addClass('type-media-' + className);\n });\n\n});\n// /////// end class à views-row-wrapper ///////\n\n\n/////////////// start ouverture liens externes vers nouvel onglet //////////////////\ndocument.querySelectorAll('a[href^=\"http\"]').forEach(link => {\n if (!link.href.includes(location.hostname)) {\n link.setAttribute('target', '_blank');\n link.setAttribute('rel', 'noopener noreferrer');\n }\n});\n\n/////////////// end ouverture liens externes vers nouvel onglet //////////////////\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const form = document.querySelector(\".views-exposed-form\");\n\n // console.log(form);\n\n if (form) {\n form.setAttribute(\"action\", form.action.split(\"#\")[0] + \"#filtres\");\n }\n if (window.location.hash === \"#filtres\") {\n const target = document.getElementById(\"filtres\");\n if (target) {\n // target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n const offset = 300;\n const top = target.getBoundingClientRect().top + window.pageYOffset - offset;\n\n window.scrollTo({\n top: top,\n behavior: \"smooth\"\n });\n }\n }\n\n document.querySelectorAll(\".view-type-ressource-slide\").forEach(view => {\n const h3Content = view.querySelector(\"h3 > a\")?.textContent.trim();\n\n view.querySelectorAll(\".field--name-field-type-de-ressource\").forEach(field => {\n const fieldText = field.textContent.trim();\n\n if (fieldText === h3Content) {\n field.style.display = \"none\";\n }\n });\n });\n\n});\n\n})(jQuery, window);\n\n\n\n//# sourceURL=webpack://dev.eql.fr/./scripts/main.js?"); +eval("\nconsole.log('salut');\n// menu burger open\n\nvar burger = document.getElementById(\"block-burger\");\nvar burgertitle = document.getElementById(\"block-burger-menu\");\n\n\nburgertitle.addEventListener(\"click\", toggleMenu);\n\nfunction toggleMenu(event) {\n // console.log(event);\n burger.classList.toggle('opened');\n}\n\n//////////////////////////\n// faq reponse open \n\nvar answers = document.getElementsByClassName(\"field--name-field-reponse\");\nvar fichiers = document.getElementsByClassName(\"field--name-field-fichiers\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaq);\n}\nfunction toggleFaq(event) {\n // console.log(event, this);\n // fermé tout\n for (let i = 0; i < answers.length; i++) {\n answers[i].classList.remove('opened'); \n }\n // la réponse correspndante a la question clické\n // | this c'est l'élément sur le quel on a clické\n // | |le parent |la réponse dans le parent\n let answer = this.parentNode.querySelector('.field--name-field-reponse');\n // console.log(answer); \n answer.classList.add('opened');\n\n}\n///// répète fonction pour les fichiers, les liens et ressources\n//// il faudrait créer un tableau d'objet ?\n\nvar fichiers = document.getElementsByClassName(\"field--name-field-fichiers\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaqFichiers);\n}\nfunction toggleFaqFichiers(event) {\n // console.log(event, this);\nfor (let i = 0; i < fichiers.length; i++) {\n fichiers[i].classList.remove('opened'); \n}\nlet fichier = this.parentNode.querySelector('.field--name-field-fichiers');\n\nfichier.classList.add('opened');\n}\n\n\n////////////////////////\nvar liens = document.getElementsByClassName(\"field--name-field-liens\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaqLiens);\n}\nfunction toggleFaqLiens(event) {\n // console.log(event, this);\nfor (let i = 0; i < liens.length; i++) {\n liens[i].classList.remove('opened'); \n}\nlet lien = this.parentNode.querySelector('.field--name-field-liens');\n \nlien.classList.add('opened');\n}\n\n//////////////////////\nvar ressources = document.getElementsByClassName(\"field--name-field-ress\");\nvar questions = document.getElementsByClassName(\"field--name-field-question\");\n\nfor (let i = 0; i < questions.length; i++) {\n const question = questions[i]\n question.addEventListener(\"click\", toggleFaqRessources);\n}\nfunction toggleFaqRessources(event) {\n // console.log(event, this);\nfor (let i = 0; i < resources.length; i++) {\n ressources[i].classList.remove('opened'); \n}\nlet ressource = this.parentNode.querySelector('.field--name-field-ress');\n\nressource.classList.add('opened');\n}\n\n///////////////////////////////\n////////////////////////////////\n// fleche qui tourne faq\n\n// var questions = document.getElementsByClassName(\"field--name-field-question\");\n// var paragraph = document.querySelector('.field--name-field-question p::after');\n// console.log(paragraph)\n// var styles = window.getComputedStyle(element,':after')\n// console.log(styles)\n// var content = styles['content']\n// console.log(content)\n\n\n// for (let i = 0; i < questions.length; i++) {\n// const question = questions[i]\n// question.addEventListener(\"click\", rotateFleche);\n// }\n// function rotateFleche(event) {\n// console.log(event, this);\n// // for (let i = 0; i < answers.length; i++) {\n// // answers[i].classList.remove('opened'); \n// // }\n// }\n\n//////////////////////////////////////////\n// block collection reste bleu quand actif\n \njQuery(function($) {\n var path = window.location.href; // because the 'href' property of the DOM element is the absolute path\n console.log(path);\n $(\".view-id-collections .view-content .views-row a\").each(function() {\n if (this.href === path) {\n $(this).parent().closest('.views-row').addClass('active');\n }\n });\n });\n\n// /////////////////\n//// ancre dans texte au click parragraphe correspondant arrive en dessous du header \n\n\n(function($, window) {\n var adjustAnchor = function() {\n var $anchor = $('.block-entity-fieldnodefield-textes'),\n fixedElementHeight = 350;\n if ($anchor.length > 0) {\n $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);\n }\n };\n\n $(window).on('hashchange', function() {\n adjustAnchor();\n });\n\n})(jQuery, window);\n\n\n// ///////////////////////////////\n\n\n// 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\n\n(function($, window) {\n console.log('hello')\n $(document).ready(function(){\n $('.path-frontpage .view-actus-blocks-pages .view-content .view-type-slide .views-row-wrapper').slick({\n slidesToShow: 1,\n // slidesToScroll: 1,\n dots: true,\n arrows: true,\n centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('salut slick home');\n\n\n $('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({\n dots: true,\n arrows: true,\n adaptiveHeight: true,\n responsive: [\n {\n breakpoint: 800,\n settings: {\n adaptiveHeight: true\n }\n }]\n });\n console.log('salut slick actus');\n\n\n $('.page-node-type-projet .block-entity-fieldnodefield-photo .field--type-image').slick({\n slidesToShow: 1,\n dots: true,\n arrows: false,\n draggable: true,\n adaptiveHeight: true,\n responsive: [\n {\n breakpoint: 800,\n settings: {\n adaptiveHeight: true\n }\n }]\n });\n console.log('salut slick projets');\n\n $('.path-ressources .view:not(.view-partenaires) .view-content .view-type-slide .views-row-wrapper').slick({\n slidesToShow: 3,\n dots: false,\n arrows: true,\n infinite: false,\n centerMode: false,\n // responsive: [\n // {\n // breakpoint: 810,\n // settings: {\n // slidesToShow: 3,\n // arrows: false,\n // draggable: true,\n // centerMode: true,\n // }\n // }]\n });\n console.log('salut slick ressource');\n\n });\n\n\n// //////// start class à views-row-wrapper ////////\n$(document).ready(function () {\n $(\".views-row-wrapper\").each(function () {\n let h3 = $(this).prev(\"h3\");\n let link = h3.find(\"a\");\n if (link.length) {\n let text = link.text().trim();\n let className = text\n .toLowerCase()\n .normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\") // enlever les accents\n .replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -\n .replace(/(^-|-$)/g, ''); // enlever tirets début/fin\n\n $(this).addClass('type-' + className);\n // Ajouter la même classe sur le

\n h3.addClass('type-' + className);\n }\n });\n\n\n $(\".wrapper-ressource\").each(function(){\n let media = $(this).find(\".field--name-field-type-de-media\");\n\n // console.log(media);\n \n let mediaText = media.text().trim();\n let className = mediaText\n .toLowerCase()\n .normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\") // enlever les accents\n .replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -\n .replace(/(^-|-$)/g, ''); // enlever tirets début/fin\n // console.log(mediaText);\n $(this).addClass('type-media-' + className);\n });\n\n});\n// /////// end class à views-row-wrapper ///////\n\n\n/////////////// start ouverture liens externes vers nouvel onglet //////////////////\ndocument.querySelectorAll('a[href^=\"http\"]').forEach(link => {\n if (!link.href.includes(location.hostname)) {\n link.setAttribute('target', '_blank');\n link.setAttribute('rel', 'noopener noreferrer');\n }\n});\n\n/////////////// end ouverture liens externes vers nouvel onglet //////////////////\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const form = document.querySelector(\".views-exposed-form\");\n\n // console.log(form);\n\n if (form) {\n form.setAttribute(\"action\", form.action.split(\"#\")[0] + \"#filtres\");\n }\n if (window.location.hash === \"#filtres\") {\n const target = document.getElementById(\"filtres\");\n if (target) {\n // target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n const offset = 300;\n const top = target.getBoundingClientRect().top + window.pageYOffset - offset;\n\n window.scrollTo({\n top: top,\n behavior: \"smooth\"\n });\n }\n }\n\n document.querySelectorAll(\".view-type-ressource-slide\").forEach(view => {\n const h3Content = view.querySelector(\"h3 > a\")?.textContent.trim();\n\n view.querySelectorAll(\".field--name-field-type-de-ressource\").forEach(field => {\n const fieldText = field.textContent.trim();\n\n if (fieldText === h3Content) {\n field.style.display = \"none\";\n }\n });\n });\n\n});\n\n})(jQuery, window);\n\n\n\n//# sourceURL=webpack://dev.eql.fr/./scripts/main.js?"); /***/ }) diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 41bd307..9f06d7c 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -838,60 +838,60 @@ svg.ext { width: 80%; margin: auto; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper { display: flex; flex-direction: row; justify-content: space-between; } @media (max-width: 810px) { - .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content { + .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper { flex-direction: column; } } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row { width: 49%; } @media (max-width: 810px) { - .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row { + .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row { width: 100%; margin-bottom: 3rem; } } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet { color: rgb(9, 57, 139); line-height: 1.5rem; } @media (max-width: 479px) { - .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet { + .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet { padding-left: 0rem; padding-right: 0rem; padding-top: 2rem; } } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child { display: flex; flex-direction: column; max-height: fit-content; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child a { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child a { color: rgb(9, 57, 139); } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-photo { order: 1; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo .field__item { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-photo .field__item { display: none; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo .field__item:first-child { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-photo .field__item:first-child { display: block; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo img { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-photo img { width: 100%; height: auto; max-height: 400px; object-fit: cover; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-adresse { order: 2; display: flex; text-transform: uppercase; @@ -900,67 +900,67 @@ svg.ext { margin-top: 0.8rem; line-height: 0.6rem; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse .address { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-adresse .address { display: flex; flex-direction: row; margin: 0; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse .address .locality { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-adresse .address .locality { padding-top: 0 !important; padding-bottom: 0 !important; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse .address .locality::after { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-adresse .address .locality::after { content: ","; margin-right: 0.3rem; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse .address .country { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-adresse .address .country { padding-top: 0 !important; padding-bottom: 0 !important; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-sous-titre { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-sous-titre { margin-top: 0.8rem; font-size: 0.9rem; font-weight: 800; order: 4; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-title { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-title { order: 3; margin-top: 0.8rem; font-size: 0.9rem; font-weight: 800; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-title h2 { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-title h2 { margin: 0; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-incube { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-incube { order: 4; color: rgb(225, 0, 15); margin-top: 0.8rem; font-size: 0.7rem; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-region { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-region { display: none; order: 5; color: rgb(0, 0, 0); font-size: 0.7rem; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-type-de-moa { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-type-de-moa { display: none; order: 6; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-type-de-moa a { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-type-de-moa a { color: rgb(0, 0, 0); font-size: 0.7rem; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-type-de-projet { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-type-de-projet { display: none; order: 7; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-type-de-projet a { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-type-de-projet a { color: rgb(0, 0, 0); font-size: 0.7rem; } -.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-etape-du-projet { +.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-etape-du-projet { display: none; order: 8; color: rgb(0, 0, 0); @@ -1732,20 +1732,20 @@ svg.ext { .path-actualites .block-region-content .block-views { grid-column: 2; } -.path-actualites .block-region-content .block-views .view-content { +.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; } -.path-actualites .block-region-content .block-views .view-content .views-row { +.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row { width: 25%; flex: 0 0 25%; } @media (max-width: 810px) { - .path-actualites .block-region-content .block-views .view-content { + .path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper { flex-direction: column; } - .path-actualites .block-region-content .block-views .view-content .views-row { + .path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row { width: 100%; } } @@ -4042,22 +4042,22 @@ svg.ext { padding-bottom: 1rem; } } -.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content { +.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .view-type-slide .views-row-wrapper { margin-top: 2rem; display: flex; flex-direction: row; flex-wrap: wrap; } @media (max-width: 810px) { - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content { + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .view-type-slide .views-row-wrapper { flex-direction: column; } } -.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row { +.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row { width: 25%; } @media (max-width: 810px) { - .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row { + .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row { width: 100%; } } diff --git a/web/themes/custom/eql/scripts/main.js b/web/themes/custom/eql/scripts/main.js index 16380c2..0fb3b2f 100644 --- a/web/themes/custom/eql/scripts/main.js +++ b/web/themes/custom/eql/scripts/main.js @@ -160,7 +160,7 @@ jQuery(function($) { (function($, window) { console.log('hello') $(document).ready(function(){ - $('.path-frontpage .view-actus-blocks-pages .view-content').slick({ + $('.path-frontpage .view-actus-blocks-pages .view-content .view-type-slide .views-row-wrapper').slick({ slidesToShow: 1, // slidesToScroll: 1, dots: true, @@ -213,7 +213,7 @@ jQuery(function($) { }); console.log('salut slick projets'); - $('.path-ressources .view:not(.view-partenaires) .view-content .view-type-ressource-slide .views-row-wrapper').slick({ + $('.path-ressources .view:not(.view-partenaires) .view-content .view-type-slide .views-row-wrapper').slick({ slidesToShow: 3, dots: false, arrows: true, diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index e20015d..f1061f1 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -331,7 +331,7 @@ .view-projets{ width: 80%; margin: auto; - .view-content{ + .view-content .view-type-slide .views-row-wrapper{ display: flex; flex-direction: row; justify-content: space-between; diff --git a/web/themes/custom/eql/scss/pages/_lesprojets.scss b/web/themes/custom/eql/scss/pages/_lesprojets.scss index e059314..7dd9d1e 100644 --- a/web/themes/custom/eql/scss/pages/_lesprojets.scss +++ b/web/themes/custom/eql/scss/pages/_lesprojets.scss @@ -149,7 +149,7 @@ } //grille de projets - .view-content{ + .view-content .view-type-slide .views-row-wrapper{ margin-top: 2rem; display: flex; flex-direction: row; diff --git a/web/themes/custom/eql/scss/pages/_toutesactualites.scss b/web/themes/custom/eql/scss/pages/_toutesactualites.scss index 527f829..a1e2c26 100644 --- a/web/themes/custom/eql/scss/pages/_toutesactualites.scss +++ b/web/themes/custom/eql/scss/pages/_toutesactualites.scss @@ -12,7 +12,7 @@ .block-views{ grid-column: 2; - .view-content{ + .view-content .view-type-slide .views-row-wrapper{ display: flex; flex-direction: row; flex-wrap: wrap; diff --git a/web/themes/custom/eql/templates/views-view-unformatted.html.twig b/web/themes/custom/eql/templates/views-view-unformatted.html.twig index e96547a..81dbfe3 100644 --- a/web/themes/custom/eql/templates/views-view-unformatted.html.twig +++ b/web/themes/custom/eql/templates/views-view-unformatted.html.twig @@ -21,7 +21,8 @@ default_row_class ? 'views-row-wrapper', ] %} -
+
+ {% if title %}

{{ title }}

{% endif %}