bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

class active views-row collection bdd

Browse Source
This commit is contained in:
ouidade
2022-01-18 14:55:58 +01:00
parent f1b0adf4d8
commit d94a2528c2
5 changed files with 83 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+4 -4
View File
@@ -1486,10 +1486,10 @@ a {
background: #09398b; } background: #09398b; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row:hover a { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row:hover a {
color: white; } color: white; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .blue { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .active {
background: #09398b; } background-color: #09398b; }
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .blue a { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .active a {
color: white; } color: white; }
@media (max-width: 810px) { @media (max-width: 810px) {
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content {
flex-direction: column; } flex-direction: column; }
web/themes/custom/eql/eql.libraries.yml
+2 -2
View File
@@ -6,6 +6,6 @@ global-css:
global-js: global-js:
js: js:
scripts/main.js: {} scripts/main.js: {}
# dependencies: dependencies:
# - core/jquery - core/jquery
web/themes/custom/eql/scripts/main.js
+64 -10
View File
@@ -92,8 +92,10 @@ let ressource = this.parentNode.querySelector('.field--name-field-ress');
ressource.classList.add('opened'); ressource.classList.add('opened');
} }
/////////////////////////////// ///////////////////////////////
// fleche qui tourne faq // fleche qui tourne faq
// var questions = document.getElementsByClassName("field--name-field-question"); // var questions = document.getElementsByClassName("field--name-field-question");
// for (let i = 0; i < questions.length; i++) { // for (let i = 0; i < questions.length; i++) {
@@ -112,24 +114,76 @@ ressource.classList.add('opened');
// idée: lorsque la div description du parent collection est en vue, appliquer // idée: lorsque la div description du parent collection est en vue, appliquer
// la classe .activ{background-color:$blue-dark} // la classe .activ{background-color:$blue-dark}
// OU if class // OU if class
// $(function() {
// $('nav a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
// });
// jQuery(function($) {
// $('nav a[href^="/' + ressources/bdd/"30".split("/")[1] + '"]').addClass('active');
// });
// jQuery(function($) {
// var path = window.location.href; // because the 'href' property of the DOM element is the absolute path
// console.log(path);
// var nameCollection = document.querySelectorAll(".view-id-collections .view-content .views-row")
// console.log(nameCollection);
// $('.view-id-collections.view-content.views-row').each(function() {
// if (this.href === path) {
// console.log(this);
// $(this).addClass('active');
// }
// });
// });
// jQuery(function($) {
// var path = window.location.href; // because the 'href' property of the DOM element is the absolute path
// console.log(path);
// var nameCollection = document.querySelectorAll(".view-id-collections .view-content .views-row a")
// console.log(nameCollection);
// function inView() {
// let lienPave = document.querySelectorAll(".view-id-collections .view-content .views-row a")
// if (this.href === path) {
// this.classList.add('active');
// }
// };
// });
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');
}
});
});
// const Autre = document.getElementsByClassName(""); // const Autre = document.getElementsByClassName("");
// const Historique = document.getElementsByClassName(""); // const Historique = document.getElementsByClassName("");
var descriptionAutre = document.getElementsByClassName("js-view-dom-id-b65e57a8672654a3b2a59e71c9f5ccfb730d7879c2c0096e324b0ce29b2a3b74").value // var descriptionAutre = document.getElementsByClassName("js-view-dom-id-b65e57a8672654a3b2a59e71c9f5ccfb730d7879c2c0096e324b0ce29b2a3b74").value
console.log(descriptionAutre); // console.log(descriptionAutre);
// const descriptionHistorique = document.getElementsByClassName("js-view-dom-id-5c891f37126eb689016ea6da376ca1a15cc90c3dbcb394d063fb43dc16ec5250"); // // const descriptionHistorique = document.getElementsByClassName("js-view-dom-id-5c891f37126eb689016ea6da376ca1a15cc90c3dbcb394d063fb43dc16ec5250");
var nameCollection = document.querySelectorAll(".path-ressources .basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row a").value // var nameCollection = document.querySelectorAll(".path-ressources .basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row a").value
console.log(nameCollection); // console.log(nameCollection);
// var descriptionCollection = document.getElementsByClassName(""); // // var descriptionCollection = document.getElementsByClassName("");
// let nameCollection = { Autre: "Autres contributions sur la qualité du logement", Historique: "Histoire des expérimentations du logement depuis les années 1950 en Europe"}; // // let nameCollection = { Autre: "Autres contributions sur la qualité du logement", Historique: "Histoire des expérimentations du logement depuis les années 1950 en Europe"};
var Autre = "Autres contributions sur la qualité du logement" // var Autre = "Autres contributions sur la qualité du logement"
var Historique = "Histoire des expérimentations du logement depuis les années 1950 en Europe" // var Historique = "Histoire des expérimentations du logement depuis les années 1950 en Europe"
console.log(Autre, Historique); // console.log(Autre, Historique);
// function getValue(){ // function getValue(){
// for (const nameCollection = Autre ){} // for (const nameCollection = Autre ){}
web/themes/custom/eql/scss/pages/_basededonnees.scss
+9 -6
View File
@@ -66,6 +66,8 @@
width: 46%; width: 46%;
height: 80%; height: 80%;
padding: 1rem; padding: 1rem;
.views-field-name{ .views-field-name{
.field-content{ .field-content{
grid-column: 3 /span 6; grid-column: 3 /span 6;
@@ -91,13 +93,14 @@
color: $white; color: $white;
} }
} }
.blue{
background: $blue-dark;
a{
color: $white;
}
}
}
.active{
background-color: $blue-dark;
a{
color: $white;
}
} }
@media (max-width: 810px){ @media (max-width: 810px){
flex-direction: column; flex-direction: column;
web/themes/custom/eql/templates/views-view-unformatted.html.twig
+3 -3
View File
@@ -25,10 +25,10 @@
] ]
%} %}
{% {# {%
set collection = '#collection-id--' ~ a.content set collection = '#collection-id--' ~ a.content
%} %} #}
<div{{ row.attributes.addClass(row_classes, collection) }}> <div{{ row.attributes.addClass(row_classes) }}>
{{- row.content -}} {{- row.content -}}
</div> </div>
{% endfor %} {% endfor %}