bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Home node actu cliquable pur toggle

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-11-27 21:41:03 +01:00
parent ecb40418aa
commit bdeacad925
5 changed files with 129 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js vendored
View File

@@ -485,61 +485,79 @@ $(document).ready(function () {
/////////////////// start voir plus... actualite dans /actualites & /home //////////////////// /////////////////// start voir plus... actualite dans /actualites & /home ////////////////////
if ($("#actualites" ).length > 0 || $("#home").length > 0) { if ($("#actualites").length > 0 || $("#home").length > 0) {
$(".node-type-actualite").each(function () { $(".node-type-actualite").each(function () {
let article = $(this); let article = $(this);
let body = article.find(".field_body"); let body = article.find(".field_body");
let links = article.find(".field_field_liens"); let links = article.find(".field_field_liens");
body.hide(); body.hide();
links.hide(); links.hide();
let toggleButton = $("<button>") let toggleButton = $("<button>")
.addClass("toggle-actualite") .addClass("toggle-actualite")
.insertAfter(article); .insertAfter(article);
toggleButton.on("click", function () { // Fonction commune
body.slideToggle(); function toggleActu () {
links.slideToggle(); body.slideToggle();
$(this).toggleClass("open"); links.slideToggle();
}); toggleButton.toggleClass("open");
}
// Clic sur la flèche
toggleButton.on("click", function (e) {
e.stopPropagation();
toggleActu();
}); });
// slimselect
// duplicated due to embeded view (archives) // Clic n'importe où sur le node
let actu_type_select = new SlimSelect({ article.on("click", function (e) {
select: '#edit-field-type-d-actualite-target-id--2', // Ne rien faire si clic sur un lien
settings:{ if ($(e.target).closest("a").length) {
placeholderText: 'choisir', return;
searchPlaceholder: 'choisir'
} }
}) toggleActu();
let actu_type_select2 = new SlimSelect({ });
select: '#edit-field-type-d-actualite-target-id--3', });
settings:{
placeholderText: 'choisir', // slimselect
searchPlaceholder: 'choisir' // duplicated due to embeded view (archives)
} let actu_type_select = new SlimSelect({
}) select: '#edit-field-type-d-actualite-target-id--2',
let actu_site_select = new SlimSelect({ settings:{
select: '#edit-field-site-target-id-verf--2', placeholderText: 'choisir',
settings:{ searchPlaceholder: 'choisir'
placeholderText: 'choisir', }
searchPlaceholder: 'choisir' })
} let actu_type_select2 = new SlimSelect({
}) select: '#edit-field-type-d-actualite-target-id--3',
let actu_site_select2 = new SlimSelect({ settings:{
select: '#edit-field-site-target-id-verf--3', placeholderText: 'choisir',
settings:{ searchPlaceholder: 'choisir'
placeholderText: 'choisir', }
searchPlaceholder: 'choisir' })
} let actu_site_select = new SlimSelect({
}) select: '#edit-field-site-target-id-verf--2',
} settings:{
placeholderText: 'choisir',
searchPlaceholder: 'choisir'
}
})
let actu_site_select2 = new SlimSelect({
select: '#edit-field-site-target-id-verf--3',
settings:{
placeholderText: 'choisir',
searchPlaceholder: 'choisir'
}
})
}
/////////////////// end voir plus... actualite dans /actualites & /home //////////////////// /////////////////// end voir plus... actualite dans /actualites & /home ////////////////////
/////////////// start class à view-rows-ressources //////// /////////////// start class à view-rows-ressources ////////
$(".view-rows-wrapper").each(function () { $(".view-rows-wrapper").each(function () {

2
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@@ -1760,6 +1760,7 @@ footer {
} }
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite { #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite {
width: 85%; width: 85%;
cursor: pointer;
} }
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu { #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu {
display: grid; display: grid;

108
web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
View File

@@ -427,61 +427,79 @@ $(document).ready(function () {
/////////////////// start voir plus... actualite dans /actualites & /home //////////////////// /////////////////// start voir plus... actualite dans /actualites & /home ////////////////////
if ($("#actualites" ).length > 0 || $("#home").length > 0) { if ($("#actualites").length > 0 || $("#home").length > 0) {
$(".node-type-actualite").each(function () { $(".node-type-actualite").each(function () {
let article = $(this); let article = $(this);
let body = article.find(".field_body"); let body = article.find(".field_body");
let links = article.find(".field_field_liens"); let links = article.find(".field_field_liens");
body.hide(); body.hide();
links.hide(); links.hide();
let toggleButton = $("<button>") let toggleButton = $("<button>")
.addClass("toggle-actualite") .addClass("toggle-actualite")
.insertAfter(article); .insertAfter(article);
toggleButton.on("click", function () { // Fonction commune
body.slideToggle(); function toggleActu () {
links.slideToggle(); body.slideToggle();
$(this).toggleClass("open"); links.slideToggle();
}); toggleButton.toggleClass("open");
}
// Clic sur la flèche
toggleButton.on("click", function (e) {
e.stopPropagation();
toggleActu();
}); });
// slimselect
// duplicated due to embeded view (archives) // Clic n'importe où sur le node
let actu_type_select = new SlimSelect({ article.on("click", function (e) {
select: '#edit-field-type-d-actualite-target-id--2', // Ne rien faire si clic sur un lien
settings:{ if ($(e.target).closest("a").length) {
placeholderText: 'choisir', return;
searchPlaceholder: 'choisir'
} }
}) toggleActu();
let actu_type_select2 = new SlimSelect({ });
select: '#edit-field-type-d-actualite-target-id--3', });
settings:{
placeholderText: 'choisir', // slimselect
searchPlaceholder: 'choisir' // duplicated due to embeded view (archives)
} let actu_type_select = new SlimSelect({
}) select: '#edit-field-type-d-actualite-target-id--2',
let actu_site_select = new SlimSelect({ settings:{
select: '#edit-field-site-target-id-verf--2', placeholderText: 'choisir',
settings:{ searchPlaceholder: 'choisir'
placeholderText: 'choisir', }
searchPlaceholder: 'choisir' })
} let actu_type_select2 = new SlimSelect({
}) select: '#edit-field-type-d-actualite-target-id--3',
let actu_site_select2 = new SlimSelect({ settings:{
select: '#edit-field-site-target-id-verf--3', placeholderText: 'choisir',
settings:{ searchPlaceholder: 'choisir'
placeholderText: 'choisir', }
searchPlaceholder: 'choisir' })
} let actu_site_select = new SlimSelect({
}) select: '#edit-field-site-target-id-verf--2',
} settings:{
placeholderText: 'choisir',
searchPlaceholder: 'choisir'
}
})
let actu_site_select2 = new SlimSelect({
select: '#edit-field-site-target-id-verf--3',
settings:{
placeholderText: 'choisir',
searchPlaceholder: 'choisir'
}
})
}
/////////////////// end voir plus... actualite dans /actualites & /home //////////////////// /////////////////// end voir plus... actualite dans /actualites & /home ////////////////////
/////////////// start class à view-rows-ressources //////// /////////////// start class à view-rows-ressources ////////
$(".view-rows-wrapper").each(function () { $(".view-rows-wrapper").each(function () {

1
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
View File

@@ -54,6 +54,7 @@
.node-type-actualite{ .node-type-actualite{
width: 85%; width: 85%;
// padding-bottom: 2rem; // padding-bottom: 2rem;
cursor: pointer;
.content-wrapper-actu{ .content-wrapper-actu{
display: grid; display: grid;