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

Compare commits

base: bachir:fb590bfee214002837f8a740605ea03772aa67a4
Branches Tags
bachir:master bachir:prod bachir:stage bachir:stge bachir:newPages bachir:live bachir:tmp bachir:avantLive bachir:prd
...
compare: bachir:bdeacad92503e1078da47b4dba35b6df7c7c39b5
Branches Tags
bachir:master bachir:prod bachir:stage bachir:stge bachir:newPages bachir:live bachir:tmp bachir:avantLive bachir:prd

3 Commits
fb590bfee2 ... bdeacad925

Author SHA1 Message Date
ouidade
bdeacad925 Home node actu cliquable pur toggle 2025-11-27 22:11:33 +01:00
ouidade
ecb40418aa En savoir + clicable entièrement 2025-11-27 22:11:33 +01:00
ouidade
dc661c6139 padding buton liens home 2025-11-27 22:11:33 +01:00
7 changed files with 181 additions and 109 deletions
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

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

@@ -1670,6 +1670,8 @@ footer {
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6rem; font-size: 0.6rem;
margin: auto; margin: auto;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_calendrier .file--application-pdf { #home .__container-deroulement .config_pages--type--deroulement .field_field_calendrier .file--application-pdf {
@@ -1758,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;
@@ -1936,18 +1939,28 @@ footer {
align-items: center; align-items: center;
} }
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline a { #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline a {
width: 5em; display: inline-flex;
display: block;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
font-size: 0px;
align-items: baseline;
} }
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline::after { #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline a::before {
content: "+"; content: "En savoir";
display: block; display: block;
padding-left: 0.4rem; padding-left: 0.4rem;
font-size: 1.8rem; font-size: 0.7rem;
height: fit-content; height: fit-content;
} }
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline a::after {
content: " +";
display: flex;
padding-left: 0.3rem;
font-size: 1rem;
height: 26px;
margin: auto;
align-items: center;
}
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens { #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens {
order: 7; order: 7;
padding: 0; padding: 0;
@@ -1964,6 +1977,8 @@ footer {
text-transform: uppercase; text-transform: uppercase;
font-size: 0.5rem; font-size: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
} }
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens a svg { #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens a svg {
display: none; display: none;
@@ -2003,6 +2018,8 @@ footer {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding-left: 0.5rem; padding-left: 0.5rem;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
color: white; color: white;
@@ -2392,6 +2409,8 @@ body {
text-transform: uppercase; text-transform: uppercase;
font-size: 0.5rem; font-size: 0.5rem;
padding-left: 0.5rem; padding-left: 0.5rem;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
} }
#home article.node-type-static .field_body h6 a svg { #home article.node-type-static .field_body h6 a svg {
display: none; display: none;

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 () {

2
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
View File

@@ -130,6 +130,8 @@
text-transform: uppercase; text-transform: uppercase;
font-size: 0.5rem; font-size: 0.5rem;
padding-left: 0.5rem; padding-left: 0.5rem;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
svg{ svg{
display: none; display: none;
} }

39
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;
@@ -250,21 +251,32 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
a{ a{
width: 5em; display: inline-flex;
display: block;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
font-size: 0px;
align-items: baseline;
&::before{
content: "En savoir";
display: block;
// width: 20px;
padding-left: 0.4rem;
font-size: 0.7rem;
height: fit-content;
}
&::after{
content: " +";
display: flex;
padding-left: 0.3rem;
font-size: 1rem;
height: 26px;
margin: auto;
align-items: center;
}
} }
&::after{
content: "+";
display: block;
// width: 20px;
padding-left: 0.4rem;
font-size: 1.8rem;
height: fit-content;
}
} }
.field_field_liens{ .field_field_liens{
order: 7; order: 7;
@@ -281,7 +293,8 @@
text-transform: uppercase; text-transform: uppercase;
font-size: 0.5rem; font-size: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
svg{ svg{
display: none; display: none;
} }
@@ -330,8 +343,8 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding-left: 0.5rem; padding-left: 0.5rem;
// padding-top: 0.2rem; padding-top: 0.1rem;
// padding-bottom: 0.2rem; padding-bottom: 0.1rem;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
color: white; color: white;

2
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
View File

@@ -212,6 +212,8 @@
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6rem; font-size: 0.6rem;
margin: auto; margin: auto;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
@media (max-width:810px) { @media (max-width:810px) {
margin-left: 0; margin-left: 0;
margin: auto; margin: auto;