js bouton presentation equipe en eng

css bouton lien galerie order
css bouton lien galerie
2026-03-12 12:22:07 +01:00 · 2026-03-12 11:43:54 +01:00 · 2026-03-12 11:35:51 +01:00 · 2026-03-12 11:28:36 +01:00 · 2026-03-12 11:11:17 +01:00 · 2026-03-12 11:07:24 +01:00
13 changed files with 146 additions and 22 deletions
--- a/config/sync/core.entity_view_display.node.site.site_du_projet.yml
+++ b/config/sync/core.entity_view_display.node.site.site_du_projet.yml
@@ -42,7 +42,7 @@ content:
        target_blank: false
        link_trim_only: false
        class: more-link
-        text: 'Voir le site'
+        text: 'Go to site'
        aria_label: 'Read more about [node:title]'
      summary_handler: full
      trim_options:
--- a/config/sync/field.field.node.projet.field_equipe_photo.yml
+++ b/config/sync/field.field.node.projet.field_equipe_photo.yml
@@ -14,7 +14,7 @@ bundle: projet
 label: 'Photo équipe'
 description: ''
 required: false
-translatable: false
+translatable: true
 default_value: {  }
 default_value_callback: ''
 settings:
--- a/config/sync/field.field.node.projet.field_image.yml
+++ b/config/sync/field.field.node.projet.field_image.yml
@@ -14,7 +14,7 @@ bundle: projet
 label: image
 description: ''
 required: false
-translatable: false
+translatable: true
 default_value: {  }
 default_value_callback: ''
 settings:
--- a/config/sync/field.field.node.site.field_images.yml
+++ b/config/sync/field.field.node.site.field_images.yml
@@ -14,7 +14,7 @@ bundle: site
 label: Vignette
 description: ''
 required: false
-translatable: false
+translatable: true
 default_value: {  }
 default_value_callback: ''
 settings:
--- a/config/sync/field.storage.node.field_images.yml
+++ b/config/sync/field.storage.node.field_images.yml
@@ -13,7 +13,7 @@ type: image
 settings:
  target_type: file
  display_field: false
-  display_default: false
+  display_default: true
  uri_scheme: public
  default_image:
    uuid: ''
--- a/config/sync/language/en/views.view.projets.yml
+++ b/config/sync/language/en/views.view.projets.yml
@@ -0,0 +1,4 @@
+display:
+  default:
+    display_options:
+      title: 'On the same project site'
--- a/config/sync/views.view.projets.yml
+++ b/config/sync/views.view.projets.yml
@@ -409,6 +409,48 @@ display:
          plugin_id: bundle
          value:
            projet: projet
+        langcode:
+          id: langcode
+          table: node_field_data
+          field: langcode
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: langcode
+          plugin_id: language
+          operator: in
+          value:
+            '***LANGUAGE_language_interface***': '***LANGUAGE_language_interface***'
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+            reduce: false
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
      style:
        type: default
      row:
--- a/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js
@@ -496,10 +496,19 @@ document.addEventListener('DOMContentLoaded', function () {

  const photo = document.querySelector('.field_field_equipe_photo');
  const pres  = document.querySelector('.field_field_equipe_presentation');
+  const isEnglish = window.location.pathname.startsWith('/en/');
+
+  const openText = isEnglish
+    ? "LEARN MORE ABOUT THE TEAM"
+    : "EN SAVOIR PLUS SUR L'ÉQUIPE";
+
+  const closeText = isEnglish
+    ? "CLOSE THE TEAM PRESENTATION"
+    : "FERMER LA PRÉSENTATION DE L'ÉQUIPE";

  if (!photo || !pres) return;

-  // 🔒 Forcer l'état FERMÉ au chargement
+  // Forcer l'état FERMÉ au chargement
  photo.classList.remove('is-open');
  pres.classList.remove('is-open');

@@ -519,7 +528,8 @@ document.addEventListener('DOMContentLoaded', function () {
  // 3. Création du bouton
  const btn = document.createElement('button');
  btn.className = 'btn-equipe-toggle';
-  btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
+  btn.textContent = openText;
+  // btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
  btn.setAttribute('aria-expanded', 'false');

  // Insertion du bouton juste après le panel (et plus après "pres")
@@ -540,7 +550,8 @@ document.addEventListener('DOMContentLoaded', function () {
    const fullHeight = panel.scrollHeight; // inclut photo + texte
    panel.style.maxHeight = fullHeight + 'px';

-    btn.textContent = "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
+    btn.textContent = closeText;
+    // btn.textContent = "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
    btn.setAttribute('aria-expanded', 'true');
  }

@@ -555,7 +566,8 @@ document.addEventListener('DOMContentLoaded', function () {
      pres.classList.remove('is-open');
    });

-    btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
+    btn.textContent = openText;
+    // btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
    btn.setAttribute('aria-expanded', 'false');
  }

--- a/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js.map
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js.map
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -392,7 +392,7 @@ header[role=banner] .header_left_container img {
    height: calc(200px - 3rem);
  }
 }
-@media (max-width: 1200px) {
+@media (max-width: 1300px) {
  header[role=banner] .header_left_container img {
    height: calc(160px - 4rem);
  }
@@ -403,7 +403,6 @@ header[role=banner] .header_left_container img {
  }
 }
 header[role=banner] .header_right_container {
-  display: none;
  flex: 0 0 0%;
  width: fit-content;
  min-width: fit-content;
@@ -3728,7 +3727,7 @@ body {
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) {
  margin-top: 2rem;
  width: 100%;
-  order: 6;
+  order: 7;
 }
@media (max-width: 500px) {
  .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) {
@@ -3823,6 +3822,32 @@ body {
  padding-left: 0.2rem;
  height: 25px;
 }
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens_site) {
+  order: 6;
+  margin-top: 0.5rem;
+  width: 100%;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens_site) .field_field_liens_site a {
+  display: inline-flex;
+  align-items: center;
+  color: white;
+  background: black;
+  padding-left: 0.5rem;
+  text-transform: uppercase;
+  font-size: 0.5rem;
+  margin-bottom: 0.3rem;
+  width: fit-content;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens_site) .field_field_liens_site a svg {
+  display: none;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens_site) .field_field_liens_site a::after {
+  display: inline-flex;
+  content: url("../img/noun-arrow-to-right.svg");
+  padding-right: 0.2rem;
+  padding-left: 0.2rem;
+  height: 25px;
+}
 .node-type-site .layout--threecol-25-50-25 .layout__region--third {
  flex: 0 1 25% !important;
  height: fit-content;
--- a/web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
+++ b/web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
@@ -438,10 +438,19 @@ document.addEventListener('DOMContentLoaded', function () {

  const photo = document.querySelector('.field_field_equipe_photo');
  const pres  = document.querySelector('.field_field_equipe_presentation');
+  const isEnglish = window.location.pathname.startsWith('/en/');
+
+  const openText = isEnglish
+    ? "LEARN MORE ABOUT THE TEAM"
+    : "EN SAVOIR PLUS SUR L'ÉQUIPE";
+
+  const closeText = isEnglish
+    ? "CLOSE THE TEAM PRESENTATION"
+    : "FERMER LA PRÉSENTATION DE L'ÉQUIPE";

  if (!photo || !pres) return;

-  // 🔒 Forcer l'état FERMÉ au chargement
+  // Forcer l'état FERMÉ au chargement
  photo.classList.remove('is-open');
  pres.classList.remove('is-open');

@@ -461,7 +470,8 @@ document.addEventListener('DOMContentLoaded', function () {
  // 3. Création du bouton
  const btn = document.createElement('button');
  btn.className = 'btn-equipe-toggle';
-  btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
+  btn.textContent = openText;
+  // btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
  btn.setAttribute('aria-expanded', 'false');

  // Insertion du bouton juste après le panel (et plus après "pres")
@@ -482,7 +492,8 @@ document.addEventListener('DOMContentLoaded', function () {
    const fullHeight = panel.scrollHeight; // inclut photo + texte
    panel.style.maxHeight = fullHeight + 'px';

-    btn.textContent = "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
+    btn.textContent = closeText;
+    // btn.textContent = "FERMER LA PRÉSENTATION DE L'ÉQUIPE";
    btn.setAttribute('aria-expanded', 'true');
  }

@@ -497,7 +508,8 @@ document.addEventListener('DOMContentLoaded', function () {
      pres.classList.remove('is-open');
    });

-    btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
+    btn.textContent = openText;
+    // btn.textContent = "EN SAVOIR PLUS SUR L'ÉQUIPE";
    btn.setAttribute('aria-expanded', 'false');
  }

--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
@@ -269,7 +269,7 @@
                div:has(.field_field_parties){
                    margin-top: 2rem;
                    width: 100%;
-                    order:6;
+                    order:7;
                    @media(max-width: 500px){
                        width: 100%;
                    }
@@ -378,8 +378,37 @@
                        } 
                    }
                }
-                div:has(.field_field_liens){
+                div:has(.field_field_liens_site){
+                    order: 6;
+                    margin-top: 0.5rem;
+                    width: 100%;
+                    .field_field_liens_site{
+                        a{
+                            display: inline-flex;
+                            align-items: center;
+                            color: white;
+                            background: black;
+                            padding-left: 0.5rem;
+                            text-transform: uppercase;
+                            font-size: 0.5rem;
+                            margin-bottom: 0.3rem;
+                            width: fit-content;
                            
+                            svg{
+                                display: none;
+                            }
+                            &::after{
+                                display: inline-flex;
+                                content: url("../img/noun-arrow-to-right.svg");
+                                padding-right: 0.2rem;
+                                padding-left: 0.2rem;
+                                height: 25px;
+                                // padding-bottom: 0.2rem;
+    
+                                
+                            }
+                        } 
+                    }
                }
            }
        }
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
@@ -134,7 +134,7 @@
        @media (min-width: 1600px) {
          height: calc($header-height - 3rem);
        }
-        @media (max-width: 1200px) {
+        @media (max-width: 1300px) {
          height: calc($header-height-pad - 4rem);
          // height: $header-height-pad;
        }
@@ -156,7 +156,7 @@
       =========================== */
  
    .header_right_container {
-      display: none;
+      // display: none;
      flex: 0 0 0%;
      width: fit-content;
      min-width: fit-content;
Author	SHA1	Message	Date
ouidade	d8eb9b0e4a	js bouton presentation equipe en eng	2026-03-12 12:22:07 +01:00
ouidade	5d208da095	css bouton lien galerie order	2026-03-12 11:43:54 +01:00
ouidade	87884a9091	css bouton lien galerie	2026-03-12 11:35:51 +01:00
ouidade	807fa02e76	Merge branch 'master' of gitea-figureslibres.io:bachir/drupal-quartiersdedemain	2026-03-12 11:28:36 +01:00
ouidade	58ae8435e9	display header right lang switcher	2026-03-12 11:11:17 +01:00
ouidade	4decc2f130	Merge branch 'master' of gitea-figureslibres.io:bachir/drupal-quartiersdedemain	2026-03-12 11:07:24 +01:00
ouidade	f5b499711f	display header right lang switcher	2026-03-12 11:06:59 +01:00
bach	cf73983de3	image field translatable for caption translation	2026-03-11 21:30:23 +01:00
bach	0172305325	on the same project site	2026-03-11 21:20:04 +01:00
bach	8ea707cc54	only one language in 'sur le mm site projet'	2026-03-11 21:14:21 +01:00
bach	a77b9ae821	got to site	2026-03-11 21:08:56 +01:00
ouidade	0b6c1d2e42	taille logo quartier 2 demain	2026-02-01 19:46:54 +01:00
ouidade	44f0842393	taille logo quartier 2 demain	2026-02-01 19:43:43 +01:00
ouidade	1004576938	taille logo quartier 2 demain	2026-02-01 19:42:03 +01:00