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

badge lauréat sur page site

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-11-07 15:06:37 +01:00
parent a614f52cdf
commit 8b8f8945ed
18 changed files with 260 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/modules/custom/q2d_mod/assets/js/carte-interactive-qdd.js
View File

@@ -46,6 +46,8 @@ svgElement.addEventListener('mouseover', function(event) {
const content = event.target.getAttribute('data-content');
const dataId = event.target.getAttribute('data-id');
const correspondingRow = document.querySelector(`.views-row[data-id="${dataId}"]`);
const correspondingProjetRow = document.querySelector(`.node-type-projet[data-id="${dataId}"]`);
// Interaction pour la page d'accueil
if (isHomePage) {
@@ -68,7 +70,7 @@ svgElement.addEventListener('mouseover', function(event) {
}
// Interaction pour la page #lessites
if (isLessitesPage && correspondingRow) {
if (isLessitesPage && correspondingRow && correspondingProjetRow) {
correspondingRow.style.border = '2px solid red'; // Bordure rouge autour du .views-row correspondant
}
}
@@ -89,6 +91,8 @@ svgElement.addEventListener('mouseout', function(event) {
if (event.target.classList.contains('site-link')) {
const dataId = event.target.getAttribute('data-id');
const correspondingRow = document.querySelector(`.views-row[data-id="${dataId}"]`);
const correspondingProjetRow = document.querySelector(`.node-type-projet[data-id="${dataId}"]`);
// Ferme le popup pour la page d'accueil
if (isHomePage || isCandidaturePage) {
@@ -97,7 +101,7 @@ svgElement.addEventListener('mouseout', function(event) {
}
// Supprime la bordure rouge autour du .views-row pour la page #lessites
if (isLessitesPage && correspondingRow) {
if (isLessitesPage && correspondingRow && correspondingProjetRow) {
correspondingRow.style.border = 'none';
}
}

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

@@ -4023,26 +4023,56 @@ body {
text-transform: uppercase;
font-size: 0.5rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_nom_de_l_equipe {
width: 80%;
border-bottom: solid black 1px;
font-size: 0.6rem;
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet {
position: relative;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_nom_de_l_equipe p {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet:has(.laureat:not(:empty)) {
padding-top: 1.5rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet:has(.laureat:not(:empty))::before {
content: "";
position: absolute;
top: 0;
left: -1rem;
width: 2.5rem;
height: 2.5rem;
background-color: #f6f7f3;
background-image: url("../img/LAUREAT.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: -1;
margin-top: 0.3rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .field_field_nom_de_l_equipe {
width: 80%;
padding-left: 0.5rem;
font-size: 0.6rem;
background-color: #f6f7f3;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .field_field_nom_de_l_equipe div {
border-bottom: solid black 1px;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .field_field_nom_de_l_equipe p {
font-family: "gilroy-semibold";
margin-bottom: 0.5rem;
font-size: 0.6rem;
margin-top: 0.2rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_nom_de_l_equipe div.more-link {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .field_field_nom_de_l_equipe div.more-link {
margin-bottom: 1rem;
padding-left: 0rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_nom_de_l_equipe div.more-link a {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .field_field_nom_de_l_equipe div.more-link a {
font-size: 0.5rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_laureats {
color: red;
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .node-type-projet .field_field_laureats {
color: rgb(247, 0, 43);
text-transform: uppercase;
display: inline-flex;
align-items: flex-start;
height: auto;
font-size: 0px;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third .prevnext {
flex-direction: row;
@@ -4429,6 +4459,7 @@ body {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .field_field_laureats {
color: red;
text-transform: uppercase;
content: url("/web/themes/custom/quartiers_de_demain/dist/assets/img/LAUREAT.png");
}
.node-type-ressource .layout-content {

BIN
web/themes/custom/quartiers_de_demain/dist/assets/img/LAUREAT.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

32
web/themes/custom/quartiers_de_demain/dist/assets/img/LAUREAT.svg vendored Normal file
View File

@@ -0,0 +1,32 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="22.250273mm"
height="22.250275mm"
viewBox="0 0 22.250273 22.250275"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1"
transform="translate(-95.271042,-166.06271)">
<path
id="path15512"
d="m 101.09827,178.67313 -0.21377,-0.88244 0.25456,-0.0629 0.27959,1.15415 -2.024872,0.50049 -0.06585,-0.27173 z m 0.12046,-2.67592 -0.48019,0.13106 -0.079,0.94418 0.45158,0.21066 -0.0249,0.29673 -2.011694,-0.95977 0.02634,-0.31473 2.142714,-0.60487 z m -0.80939,0.95725 0.063,-0.75234 -1.055388,0.29022 z m 1.35902,-2.71337 c 0.056,0.19049 0.0335,0.39024 -0.0676,0.59931 -0.10102,0.20905 -0.24352,0.35078 -0.4275,0.42522 -0.18489,0.0718 -0.37815,0.0579 -0.57976,-0.0414 l -1.244464,-0.61354 0.121474,-0.25141 1.23376,0.60825 c 0.13203,0.0651 0.25646,0.0774 0.37328,0.0368 0.11504,-0.0414 0.20825,-0.13609 0.27966,-0.28386 0.0714,-0.14781 0.0879,-0.28026 0.0495,-0.39738 -0.0401,-0.11799 -0.12629,-0.20952 -0.25832,-0.27463 l -1.23376,-0.60825 0.12017,-0.24869 1.24446,0.61351 c 0.20161,0.0994 0.3313,0.24479 0.38905,0.43618 z m 1.41622,-1.32314 -0.88668,-0.26601 -0.35881,0.33911 0.54529,0.58866 -0.20224,0.19113 -1.42425,-1.53758 0.60889,-0.57544 c 0.13047,-0.12332 0.2855,-0.18196 0.4651,-0.17592 0.17824,0.005 0.3284,0.0727 0.45048,0.20453 0.0922,0.0996 0.14661,0.21846 0.16313,0.35664 0.018,0.13681 -0.004,0.2659 -0.0655,0.38727 l 0.92851,0.27592 z m -1.94743,-0.68472 0.53103,0.5733 0.40665,-0.38432 c 0.0754,-0.0712 0.1134,-0.15935 0.11405,-0.26432 7.4e-4,-0.1078 -0.0355,-0.20124 -0.10876,-0.28032 -0.0733,-0.0791 -0.16246,-0.1211 -0.26765,-0.12605 -0.10374,-0.006 -0.19329,0.0262 -0.26868,0.0974 z m 2.244,-2.53012 -0.11392,0.48655 -0.22833,0.10323 0.0569,-0.46073 z m 0.3383,2.52314 0.8834,-0.39941 0.10708,0.24161 -1.13618,0.51371 -0.85169,-1.92191 1.1226,-0.50757 0.10706,0.24161 -0.86982,0.39327 0.2616,0.5903 0.80187,-0.36255 0.10582,0.23887 -0.80183,0.36255 z m 2.72166,-0.38295 -0.21279,-0.45414 -0.93396,0.0887 -0.12521,0.48626 -0.29354,0.0279 0.57863,-2.16994 0.31132,-0.0295 0.96906,2.02289 z m -1.07615,-0.63497 0.74421,-0.0707 -0.4698,-0.99773 z m 3.24925,-1.05799 -0.0599,0.25769 -0.60012,-0.14239 -0.41679,1.79217 -0.2667,-0.0633 0.41677,-1.79217 -0.59722,-0.1417 0.0599,-0.2577 z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.322644" />
<circle
style="opacity:1;fill:#f6f7f3;fill-opacity:1;stroke:#f7002b;stroke-width:2.86467;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
id="path2"
cx="106.39618"
cy="177.18785"
r="9.6928015" />
<path
id="path15512-3"
d="m 101.22891,178.81894 -0.21377,-0.88244 0.25456,-0.0629 0.27959,1.15415 -2.024877,0.50049 -0.0658,-0.27173 z m 0.12046,-2.67592 -0.48019,0.13106 -0.079,0.94418 0.45158,0.21066 -0.0249,0.29673 -2.011697,-0.95977 0.0263,-0.31473 2.142717,-0.60487 z m -0.80939,0.95725 0.063,-0.75234 -1.055387,0.29022 z m 1.35902,-2.71337 c 0.056,0.19049 0.0335,0.39024 -0.0676,0.59931 -0.10102,0.20905 -0.24352,0.35078 -0.4275,0.42522 -0.18489,0.0718 -0.37815,0.0579 -0.57976,-0.0414 l -1.244467,-0.61354 0.12148,-0.25141 1.233757,0.60825 c 0.13203,0.0651 0.25646,0.0774 0.37328,0.0368 0.11504,-0.0414 0.20825,-0.13609 0.27966,-0.28386 0.0714,-0.14781 0.0879,-0.28026 0.0495,-0.39738 -0.0401,-0.11799 -0.12629,-0.20952 -0.25832,-0.27463 l -1.23376,-0.60825 0.12017,-0.24869 1.24446,0.61351 c 0.20161,0.0994 0.3313,0.24479 0.38905,0.43618 z m 1.41622,-1.32314 -0.88668,-0.26601 -0.35881,0.33911 0.54529,0.58866 -0.20224,0.19113 -1.42425,-1.53758 0.60889,-0.57544 c 0.13047,-0.12332 0.2855,-0.18196 0.4651,-0.17592 0.17824,0.005 0.3284,0.0727 0.45048,0.20453 0.0922,0.0996 0.14661,0.21846 0.16313,0.35664 0.018,0.13681 -0.004,0.2659 -0.0655,0.38727 l 0.92851,0.27592 z m -1.94743,-0.68472 0.53103,0.5733 0.40665,-0.38432 c 0.0754,-0.0712 0.1134,-0.15935 0.11405,-0.26432 7.4e-4,-0.1078 -0.0355,-0.20124 -0.10876,-0.28032 -0.0733,-0.0791 -0.16246,-0.1211 -0.26765,-0.12605 -0.10374,-0.006 -0.19329,0.0262 -0.26868,0.0974 z m 2.244,-2.53012 -0.11392,0.48655 -0.22833,0.10323 0.0569,-0.46073 z m 0.3383,2.52314 0.8834,-0.39941 0.10708,0.24161 -1.13618,0.51371 -0.85169,-1.92191 1.1226,-0.50757 0.10706,0.24161 -0.86982,0.39327 0.2616,0.5903 0.80187,-0.36255 0.10582,0.23887 -0.80183,0.36255 z m 2.72166,-0.38295 -0.21279,-0.45414 -0.93396,0.0887 -0.12521,0.48626 -0.29354,0.0279 0.57863,-2.16994 0.31132,-0.0295 0.96906,2.02289 z m -1.07615,-0.63497 0.74421,-0.0707 -0.4698,-0.99773 z m 3.24925,-1.05799 -0.0599,0.25769 -0.60012,-0.14239 -0.41679,1.79217 -0.2667,-0.0633 0.41677,-1.79217 -0.59722,-0.1417 0.0599,-0.2577 z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.322644" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/caen.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/colmar.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/corbeil-essonnes.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/coulommiers.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/le-mans.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/lodeve.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/manosque.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/marseille.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/pessac.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
web/themes/custom/quartiers_de_demain/dist/assets/img/pictos_sites/sedan.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

1
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss
View File

@@ -301,6 +301,7 @@
.field_field_laureats{
color: red;
text-transform: uppercase;
content: url('/web/themes/custom/quartiers_de_demain/dist/assets/img/LAUREAT.png');
}
}

40
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
View File

@@ -394,14 +394,40 @@
text-transform: uppercase;
font-size: 0.5rem;
}
.node-type-projet {
position: relative;
&:has(.laureat:not(:empty)){
padding-top: 1.5rem;
}
&:has(.laureat:not(:empty))::before {
content: "";
position: absolute;
// display: block;
top: 0; // adapte la position selon ton visuel
left: -1rem;
width: 2.5rem;
height: 2.5rem;
background-color: #f6f7f3;
background-image: url("../img/LAUREAT.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: -1;
margin-top: 0.3rem;
}
.field_field_nom_de_l_equipe{
width: 80%;
border-bottom: solid black 1px;
padding-left: 0.5rem;
font-size: 0.6rem;
background-color: #f6f7f3;
div{
border-bottom: solid black 1px;
}
p{
font-family: "gilroy-semibold";
margin-bottom: 0.5rem;
font-size: 0.6rem;
margin-top: 0.2rem;
}
div.more-link{
margin-bottom: 1rem;
@@ -411,10 +437,20 @@
}
}
}
.field_field_laureats{
color: red;
color:$red_QDD;
text-transform: uppercase;
display: inline-flex;
align-items: flex-start;
height: auto;
font-size: 0px;
}
}
}
.prevnext{

2
web/themes/custom/quartiers_de_demain/templates/field--field-laureats.html.twig
View File

@@ -69,7 +69,7 @@
<div>
{% endif %}
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
<div class="laureat"{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
</div>

126
web/themes/custom/quartiers_de_demain/templates/node--projets-lies.html.twig Normal file
View File

@@ -0,0 +1,126 @@
{#
/**
* @file
* Default theme implementation to display a node.
*
* Available variables:
* - node: The node entity with limited access to object properties and methods.
* Only method names starting with "get", "has", or "is" and a few common
* methods such as "id", "label", and "bundle" are available. For example:
* - node.getCreatedTime() will return the node creation timestamp.
* - node.hasField('field_example') returns TRUE if the node bundle includes
* field_example. (This does not indicate the presence of a value in this
* field.)
* - node.isPublished() will return whether the node is published or not.
* Calling other methods, such as node.delete(), will result in an exception.
* See \Drupal\node\Entity\Node for a full list of public properties and
* methods for the node object.
* - label: (optional) The title of the node.
* - content: All node items. Use {{ content }} to print them all,
* or print a subset such as {{ content.field_example }}. Use
* {{ content|without('field_example') }} to temporarily suppress the printing
* of a given child element.
* - author_picture: The node author user entity, rendered using the "compact"
* view mode.
* - metadata: Metadata for this node.
* - date: (optional) Themed creation date field.
* - author_name: (optional) Themed author name field.
* - url: Direct URL of the current node.
* - display_submitted: Whether submission information should be displayed.
* - attributes: HTML attributes for the containing element.
* The attributes.class element may contain one or more of the following
* classes:
* - node: The current template type (also known as a "theming hook").
* - node--type-[type]: The current node type. For example, if the node is an
* "Article" it would result in "node--type-article". Note that the machine
* name will often be in a short form of the human readable label.
* - node--view-mode-[view_mode]: The View Mode of the node; for example, a
* teaser would result in: "node--view-mode-teaser", and
* full: "node--view-mode-full".
* The following are controlled through the node publishing options.
* - node--promoted: Appears on nodes promoted to the front page.
* - node--sticky: Appears on nodes ordered above other non-sticky nodes in
* teaser listings.
* - node--unpublished: Appears on unpublished nodes visible only to site
* admins.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - content_attributes: Same as attributes, except applied to the main
* content tag that appears in the template.
* - author_attributes: Same as attributes, except applied to the author of
* the node tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
* - view_mode: View mode; for example, "teaser" or "full".
* - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
* - page: Flag for the full page state. Will be true if view_mode is 'full'.
*
* @see template_preprocess_node()
*
* @ingroup themeable
*/
#}
{# <article{{ attributes }}>
{{ title_prefix }}
{% if label and not page %}
<h2{{ title_attributes }}>
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
</h2>
{% endif %}
{{ title_suffix }}
{% if display_submitted %}
<footer>
{{ author_picture }}
<div{{ author_attributes }}>
{% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
{{ metadata }}
</div>
</footer>
{% endif %}
<div{{ content_attributes }}>
{{ content }}
</div>
</article> #}
{# node--projets-lies.html.twig #}
{# On détecte si le node est lauréat via le champ field_laureats #}
{% set is_laureat = content.field_laureats is defined
and content.field_laureats['#items'] is defined
and content.field_laureats['#items']|length > 0
%}
<article{{ attributes.addClass('node-type-projet', is_laureat ? 'is-laureat' : '') }}>
{{ title_prefix }}
{% if label and not page %}
<h2{{ title_attributes }}>
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
</h2>
{% endif %}
{{ title_suffix }}
{% if display_submitted %}
<footer>
{{ author_picture }}
<div{{ author_attributes }}>
{% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
{{ metadata }}
</div>
</footer>
{% endif %}
<div{{ content_attributes }}>
{{ content }}
</div>
</article>