ressources views filters

composer.json

@@ -38,6 +38,7 @@
         "drupal/simple_sitemap": "^4.1",
         "drupal/social_media_links": "^2.9",
         "drupal/structure_sync": "^2.0",
+        "drupal/verf": "^2.1",
         "drupal/views_autocomplete_filters": "^2.0",
         "drupal/views_block_area": "^1.0@beta",
         "drupal/viewsreference": "^2.0@beta",

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "a834c486480c36ee6cb474b733b8b034",
+    "content-hash": "1bbd67872d9de1d8d9dfb0ad3321a350",
     "packages": [
         {
             "name": "asm89/stack-cors",
@@ -7580,6 +7580,58 @@
                 "source": "https://git.drupalcode.org/project/ultimate_cron"
             }
         },
+        {
+            "name": "drupal/verf",
+            "version": "2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/verf.git",
+                "reference": "2.1.0"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/verf-2.1.0.zip",
+                "reference": "2.1.0",
+                "shasum": "46e528f0c805580a6c43431fb3400085030294a0"
+            },
+            "require": {
+                "drupal/core": "^10 || ^11"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "2.1.0",
+                    "datestamp": "1738325526",
+                    "security-coverage": {
+                        "status": "covered",
+                        "message": "Covered by Drupal's security advisory policy"
+                    }
+                }
+            },
+            "notification-url": "https://packages.drupal.org/8/downloads",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "legolasbo",
+                    "homepage": "https://www.drupal.org/user/2480548"
+                },
+                {
+                    "name": "peelas02",
+                    "homepage": "https://www.drupal.org/user/3836090"
+                },
+                {
+                    "name": "podarok",
+                    "homepage": "https://www.drupal.org/user/116002"
+                }
+            ],
+            "description": "Provides Views filters for entity reference fields.",
+            "homepage": "https://www.drupal.org/project/verf",
+            "support": {
+                "source": "https://git.drupalcode.org/project/verf"
+            }
+        },
         {
             "name": "drupal/video_embed_field",
             "version": "2.5.0",
@@ -13121,7 +13173,7 @@
     },
     "prefer-stable": true,
     "prefer-lowest": false,
-    "platform": [],
-    "platform-dev": [],
+    "platform": {},
+    "platform-dev": {},
     "plugin-api-version": "2.6.0"
 }

config/sync/core.extension.yml

@@ -118,6 +118,7 @@ module:
   translation_views: 0
   update: 0
   user: 0
+  verf: 0
   video_embed_field: 0
   views_autocomplete_filters: 0
   views_block_area: 0

config/sync/views.view.ressources.yml

@@ -3,19 +3,31 @@ langcode: fr
 status: true
 dependencies:
   config:
-    - core.entity_view_mode.node.teaser
     - field.storage.node.body
+    - field.storage.node.field_author
+    - field.storage.node.field_date_ressource
+    - field.storage.node.field_documents
+    - field.storage.node.field_images
+    - field.storage.node.field_liens
+    - field.storage.node.field_mots_clefs
+    - field.storage.node.field_site
     - field.storage.node.field_sous_titre
     - field.storage.node.field_type_de_ressource
+    - image.style.wide
     - node.type.ressource
     - system.menu.entete
     - taxonomy.vocabulary.mots_clefs
     - taxonomy.vocabulary.type_de_ressources
   module:
+    - datetime
+    - file
+    - image
+    - link
     - node
     - taxonomy
     - text
     - user
+    - verf
 id: ressources
 label: Ressources
 module: views
@@ -41,7 +53,7 @@ display:
           admin_label: ''
           plugin_id: field
           label: ''
-          exclude: false
+          exclude: true
           alter:
             alter_text: false
             text: ''
@@ -106,7 +118,7 @@ display:
           entity_field: weight
           plugin_id: field
           label: ''
-          exclude: false
+          exclude: true
           alter:
             alter_text: false
             text: ''
@@ -351,6 +363,645 @@ display:
           multi_type: separator
           separator: ', '
           field_api_classes: false
+        field_images:
+          id: field_images
+          table: node__field_images
+          field: field_images
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: target_id
+          type: image
+          settings:
+            image_link: ''
+            image_style: wide
+            image_loading:
+              attribute: lazy
+          group_column: ''
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 1
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        title_1:
+          id: title_1
+          table: node_field_data
+          field: title
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: title
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: string
+          settings:
+            link_to_entity: false
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_sous_titre_1:
+          id: field_sous_titre_1
+          table: node__field_sous_titre
+          field: field_sous_titre
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: string
+          settings:
+            link_to_entity: false
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_author:
+          id: field_author
+          table: node__field_author
+          field: field_author
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: string
+          settings:
+            link_to_entity: false
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_date_ressource:
+          id: field_date_ressource
+          table: node__field_date_ressource
+          field: field_date_ressource
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: datetime_default
+          settings:
+            timezone_override: ''
+            format_type: html_year
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        body_1:
+          id: body_1
+          table: node__body
+          field: body
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: text_default
+          settings: {  }
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_mots_clefs:
+          id: field_mots_clefs
+          table: node__field_mots_clefs
+          field: field_mots_clefs
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: target_id
+          type: entity_reference_label
+          settings:
+            link: false
+          group_column: target_id
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_site:
+          id: field_site
+          table: node__field_site
+          field: field_site
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: target_id
+          type: entity_reference_label
+          settings:
+            link: true
+          group_column: target_id
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_documents:
+          id: field_documents
+          table: node__field_documents
+          field: field_documents
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: target_id
+          type: file_default
+          settings:
+            use_description_as_link_text: true
+          group_column: ''
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+        field_liens:
+          id: field_liens
+          table: node__field_liens
+          field: field_liens
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            text: ''
+            make_link: false
+            path: ''
+            absolute: false
+            external: false
+            replace_spaces: false
+            path_case: none
+            trim_whitespace: false
+            alt: ''
+            rel: ''
+            link_class: ''
+            prefix: ''
+            suffix: ''
+            target: ''
+            nl2br: false
+            max_length: 0
+            word_boundary: true
+            ellipsis: true
+            more_link: false
+            more_link_text: ''
+            more_link_path: ''
+            strip_tags: false
+            trim: false
+            preserve_tags: ''
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: false
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: uri
+          type: link
+          settings:
+            trim_length: 80
+            url_only: false
+            url_plain: false
+            rel: nofollow
+            target: _blank
+          group_column: ''
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
       pager:
         type: none
         options:
@@ -445,7 +1096,7 @@ display:
             identifier: field_type_de_ressource_target_id
             required: false
             remember: false
-            multiple: false
+            multiple: true
             remember_roles:
               authenticated: authenticated
               anonymous: '0'
@@ -501,7 +1152,7 @@ display:
             identifier: field_mots_clefs_target_id
             required: false
             remember: false
-            multiple: false
+            multiple: true
             remember_roles:
               authenticated: authenticated
               anonymous: '0'
@@ -548,7 +1199,7 @@ display:
           exposed: true
           expose:
             operator_id: combine_op
-            label: 'Dans le texte'
+            label: Recherche
             description: ''
             use_operator: false
             operator: combine_op
@@ -590,6 +1241,98 @@ display:
             body: body
             field_sous_titre: field_sous_titre
             title: title
+        field_tous_les_sites_value:
+          id: field_tous_les_sites_value
+          table: node__field_tous_les_sites
+          field: field_tous_les_sites_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: boolean
+          operator: '='
+          value: All
+          group: 1
+          exposed: true
+          expose:
+            operator_id: ''
+            label: 'Tous les sites'
+            description: ''
+            use_operator: false
+            operator: field_tous_les_sites_value_op
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: field_tous_les_sites_value
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+              anonymous: '0'
+              admin: '0'
+              root: '0'
+              editeur: '0'
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+        field_site_target_id_verf:
+          id: field_site_target_id_verf
+          table: node__field_site
+          field: field_site_target_id_verf
+          relationship: field_site
+          group_type: group
+          admin_label: ''
+          plugin_id: verf
+          operator: in
+          value: {  }
+          group: 1
+          exposed: true
+          expose:
+            operator_id: field_site_target_id_verf_op
+            label: 'Site(s) (VERF selector)'
+            description: ''
+            use_operator: false
+            operator: field_site_target_id_verf_op
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: field_site_target_id_verf
+            required: false
+            remember: false
+            multiple: true
+            remember_roles:
+              authenticated: authenticated
+              anonymous: '0'
+              admin: '0'
+              root: '0'
+              editeur: '0'
+            reduce: 0
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+          verf_target_bundles:
+            site: site
+            actualite: '0'
+            partenaire: '0'
+            ressource: '0'
+            static: '0'
+          show_unpublished: 0
       style:
         type: default
         options:
@@ -602,10 +1345,12 @@ display:
           default_row_class: true
           uses_fields: true
       row:
-        type: 'entity:node'
+        type: fields
         options:
-          relationship: none
-          view_mode: teaser
+          default_field_elements: true
+          inline: {  }
+          separator: ''
+          hide_empty: false
       query:
         type: views_query
         options:
@@ -624,6 +1369,15 @@ display:
           admin_label: 'field_type_de_ressource : Terme de taxonomie'
           plugin_id: standard
           required: true
+        field_site:
+          id: field_site
+          table: node__field_site
+          field: field_site
+          relationship: none
+          group_type: group
+          admin_label: 'field_site : Contenu'
+          plugin_id: standard
+          required: false
       header: {  }
       footer: {  }
       display_extenders: {  }
@@ -637,8 +1391,17 @@ display:
         - user.permissions
       tags:
         - 'config:field.storage.node.body'
+        - 'config:field.storage.node.field_author'
+        - 'config:field.storage.node.field_date_ressource'
+        - 'config:field.storage.node.field_documents'
+        - 'config:field.storage.node.field_images'
+        - 'config:field.storage.node.field_liens'
+        - 'config:field.storage.node.field_mots_clefs'
+        - 'config:field.storage.node.field_site'
         - 'config:field.storage.node.field_sous_titre'
         - 'config:field.storage.node.field_type_de_ressource'
+        - 'config:views.view.ressources'
+        - node_list
   page_1:
     id: page_1
     display_title: Page
@@ -686,5 +1449,14 @@ display:
         - user.permissions
       tags:
         - 'config:field.storage.node.body'
+        - 'config:field.storage.node.field_author'
+        - 'config:field.storage.node.field_date_ressource'
+        - 'config:field.storage.node.field_documents'
+        - 'config:field.storage.node.field_images'
+        - 'config:field.storage.node.field_liens'
+        - 'config:field.storage.node.field_mots_clefs'
+        - 'config:field.storage.node.field_site'
         - 'config:field.storage.node.field_sous_titre'
         - 'config:field.storage.node.field_type_de_ressource'
+        - 'config:views.view.ressources'
+        - node_list

web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css

@@ -192,6 +192,7 @@ h2, h3 {
   width: 100%;
   padding-top: 200px;
   padding-bottom: 3rem;
+  min-height: calc(100vh - (200px + 3rem));
 }
 @media (max-width: 810px) {
   .layout-container main {
@@ -250,7 +251,7 @@ svg.ext {
 }
 
 /*partials*/
-header {
+header[role=banner] {
   display: flex;
   flex-direction: row;
   height: 100vh;
@@ -261,11 +262,11 @@ header {
   top: 0;
   transition: none;
 }
-header .language-switcher-language-url {
+header[role=banner] .language-switcher-language-url {
   text-transform: uppercase;
   color: white;
 }
-header .language-switcher-language-url ul {
+header[role=banner] .language-switcher-language-url ul {
   display: flex;
   flex-direction: row;
   font-size: 0.6rem;
@@ -273,82 +274,82 @@ header .language-switcher-language-url ul {
   width: fit-content;
 }
 @media (max-width: 810px) {
-  header .language-switcher-language-url ul {
+  header[role=banner] .language-switcher-language-url ul {
     font-size: 0.9rem;
   }
 }
-header .language-switcher-language-url ul li a {
+header[role=banner] .language-switcher-language-url ul li a {
   color: white;
   font-family: "gilroy-light";
 }
-header .language-switcher-language-url ul li:nth-child(1)::after {
+header[role=banner] .language-switcher-language-url ul li:nth-child(1)::after {
   content: " / ";
   white-space: pre;
 }
-header .language-switcher-language-url ul .is-active {
+header[role=banner] .language-switcher-language-url ul .is-active {
   font-family: "gilroy-bold";
 }
 @media (max-width: 810px) {
-  header {
+  header[role=banner] {
     height: 100vh;
   }
-  header header {
+  header[role=banner] header {
     position: relative;
     flex-direction: column;
     height: auto !important;
   }
 }
-header .contextual-region {
+header[role=banner] .contextual-region {
   width: max-content;
 }
-header .header_left_container {
+header[role=banner] .header_left_container {
   flex: 0 0 100%;
   display: flex;
   flex-direction: row;
   transition: height 2s ease-in-out, width 2s ease-in-out; /* Transition pour le changement de taille */
   background-color: rgb(255, 255, 255);
 }
-header .header_left_container img {
+header[role=banner] .header_left_container img {
   display: none;
 }
 @media (max-width: 660px) {
-  header .header_left_container {
+  header[role=banner] .header_left_container {
     height: inherit;
   }
 }
-header .header_left_container #block-quartiers-de-demain-logorepu-2 {
+header[role=banner] .header_left_container #block-quartiers-de-demain-logorepu-2 {
   display: none;
 }
 @media (max-width: 891px) {
-  header .header_left_container #block-quartiers-de-demain-logorepu-2 {
+  header[role=banner] .header_left_container #block-quartiers-de-demain-logorepu-2 {
     height: 160px;
   }
 }
-header .header_left_container #block-quartiers-de-demain-logoepau-2 {
+header[role=banner] .header_left_container #block-quartiers-de-demain-logoepau-2 {
   display: none;
   height: 200px;
 }
 @media (max-width: 891px) {
-  header .header_left_container #block-quartiers-de-demain-logoepau-2 {
+  header[role=banner] .header_left_container #block-quartiers-de-demain-logoepau-2 {
     height: 160px;
   }
 }
-header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain {
+header[role=banner] .header_left_container #block-quartiers-de-demain-logoquartiersdedemain {
   margin: auto;
 }
-header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo {
+header[role=banner] .header_left_container #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo {
   width: 90%;
   margin: auto;
 }
 @media (max-width: 1650px) {
-  header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo {
+  header[role=banner] .header_left_container #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo {
     width: 80%;
   }
 }
-header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header {
+header[role=banner] .header_left_container #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header {
   width: 100%;
 }
-header .header_left_container img {
+header[role=banner] .header_left_container img {
   width: auto;
   margin: auto;
   height: calc(200px - 1rem);
@@ -356,21 +357,21 @@ header .header_left_container img {
   transition: height 0.3s; /* Add transition for smooth resizing */
 }
 @media (max-width: 891px) {
-  header .header_left_container img {
+  header[role=banner] .header_left_container img {
     height: 160px;
   }
 }
 @media (max-width: 660px) {
-  header .header_left_container img {
+  header[role=banner] .header_left_container img {
     height: 70px;
   }
 }
 @media (max-width: 450px) {
-  header .header_left_container img {
+  header[role=banner] .header_left_container img {
     height: 50px;
   }
 }
-header .header_right_container {
+header[role=banner] .header_right_container {
   flex: 0 0 0%;
   width: fit-content;
   min-width: fit-content;
@@ -388,48 +389,48 @@ header .header_right_container {
   padding-bottom: 0rem;
 }
 @media (max-width: 660px) {
-  header .header_right_container {
+  header[role=banner] .header_right_container {
     padding-right: 0;
   }
 }
-header .header_right_container .language-switcher-language-url {
+header[role=banner] .header_right_container .language-switcher-language-url {
   text-transform: uppercase;
   color: white;
 }
-header .header_right_container .language-switcher-language-url ul {
+header[role=banner] .header_right_container .language-switcher-language-url ul {
   display: flex;
   flex-direction: row;
   font-size: 0.6rem;
   padding: 0;
 }
 @media (max-width: 660px) {
-  header .header_right_container .language-switcher-language-url ul {
+  header[role=banner] .header_right_container .language-switcher-language-url ul {
     margin-bottom: 0;
   }
 }
 @media (max-width: 500px) {
-  header .header_right_container .language-switcher-language-url ul {
+  header[role=banner] .header_right_container .language-switcher-language-url ul {
     flex-direction: column;
     margin: auto;
   }
 }
-header .header_right_container .language-switcher-language-url ul li a {
+header[role=banner] .header_right_container .language-switcher-language-url ul li a {
   color: white;
   font-family: "gilroy-light";
 }
-header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
+header[role=banner] .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
   content: " / ";
   white-space: pre;
 }
 @media (max-width: 660px) {
-  header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
+  header[role=banner] .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
     content: none;
   }
 }
-header .header_right_container .language-switcher-language-url ul .is-active {
+header[role=banner] .header_right_container .language-switcher-language-url ul .is-active {
   font-family: "gilroy-bold";
 }
-header .header_nav_container {
+header[role=banner] .header_nav_container {
   flex: 0 0 0%;
   width: 100%;
   min-width: fit-content;
@@ -442,17 +443,17 @@ header .header_nav_container {
   flex-direction: column;
 }
 @media (max-width: 500px) {
-  header .header_nav_container {
+  header[role=banner] .header_nav_container {
     flex: 0 0 40%;
   }
 }
-header .header_nav_container #block-quartiers-de-demain-entete {
+header[role=banner] .header_nav_container #block-quartiers-de-demain-entete {
   margin: auto;
 }
-header .header_nav_container #block-quartiers-de-demain-entete h2 {
+header[role=banner] .header_nav_container #block-quartiers-de-demain-entete h2 {
   display: none;
 }
-header .header_nav_container #block-quartiers-de-demain-entete ul {
+header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -462,59 +463,59 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
   margin: auto;
 }
 @media (max-width: 1025px) {
-  header .header_nav_container #block-quartiers-de-demain-entete ul {
+  header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul {
     top: 0;
     align-items: center;
     padding-top: 0.3rem;
   }
 }
-header .header_nav_container #block-quartiers-de-demain-entete ul li {
+header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li {
   width: 100%;
   text-align: left;
 }
 @media (max-width: 1090px) {
-  header .header_nav_container #block-quartiers-de-demain-entete ul li {
+  header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li {
     padding-top: 0.3rem;
   }
 }
-header .header_nav_container #block-quartiers-de-demain-entete ul li a {
+header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li a {
   text-transform: uppercase;
   color: white;
   font-size: 0.5rem;
 }
 @media (max-width: 1090px) {
-  header .header_nav_container #block-quartiers-de-demain-entete ul li a {
+  header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li a {
     font-size: 0.6rem;
   }
 }
 @media (max-width: 810px) {
-  header .header_nav_container #block-quartiers-de-demain-entete ul li a {
+  header[role=banner] .header_nav_container #block-quartiers-de-demain-entete ul li a {
     display: flex;
     flex-direction: column;
     align-items: center;
     font-size: 0.8rem;
   }
 }
-header .header_nav_container #block-quartiers-de-demain-selecteurdelangue {
+header[role=banner] .header_nav_container #block-quartiers-de-demain-selecteurdelangue {
   width: fit-content;
   margin: auto;
 }
 @media (max-width: 810px) {
-  header .header_nav_container #block-quartiers-de-demain-selecteurdelangue {
+  header[role=banner] .header_nav_container #block-quartiers-de-demain-selecteurdelangue {
     padding-bottom: 0.5rem;
     margin-bottom: 0.5rem;
   }
-  header .header_nav_container #block-quartiers-de-demain-selecteurdelangue .links {
+  header[role=banner] .header_nav_container #block-quartiers-de-demain-selecteurdelangue .links {
     margin-top: 0.5rem;
   }
 }
-header .header_nav_container.hidden {
+header[role=banner] .header_nav_container.hidden {
   transform: translateX(30%);
 }
-header .header_nav_container.visible {
+header[role=banner] .header_nav_container.visible {
   transform: translateX(0);
 }
-header .header:hover + .header_nav_container {
+header[role=banner] .header:hover + .header_nav_container {
   transform: translateX(0);
 }
 
@@ -528,95 +529,95 @@ header .header:hover + .header_nav_container {
 }
 
 /* Taille définitive du header après l'animation */
-.header--collapsed {
+header[role=banner].header--collapsed {
   height: 200px; /* Ou la hauteur que vous souhaitez pour votre header */
   width: 35%;
   transform-origin: bottom right;
   transition: all 1s ease-in-out;
 }
 @media (max-width: 1090px) {
-  .header--collapsed {
+  header[role=banner].header--collapsed {
     height: 160px;
   }
 }
 @media (min-width: 1400px) {
-  .header--collapsed {
+  header[role=banner].header--collapsed {
     height: 250px;
   }
 }
-.header--collapsed .qdd-header {
+header[role=banner].header--collapsed .qdd-header {
   opacity: 1 !important;
 }
 @media (max-width: 810px) {
-  .header--collapsed {
+  header[role=banner].header--collapsed {
     width: 100%;
     height: 170px;
   }
 }
-.header--collapsed .header_left_container {
+header[role=banner].header--collapsed .header_left_container {
   flex: 0 0 65%;
   transform-origin: bottom right;
 }
 @media (max-width: 810px) {
-  .header--collapsed .header_left_container {
+  header[role=banner].header--collapsed .header_left_container {
     flex: 1 0 100%;
   }
 }
-.header--collapsed .header_nav_container {
+header[role=banner].header--collapsed .header_nav_container {
   flex: 0 0 30%;
   transform-origin: bottom right;
   min-width: fit-content;
 }
 @media (max-width: 810px) {
-  .header--collapsed .header_nav_container {
+  header[role=banner].header--collapsed .header_nav_container {
     flex: 1 0 100%;
     position: relative;
     left: -100%;
   }
 }
 
-.header--collapsed-already {
+header[role=banner].header--collapsed-already {
   height: 200px; /* Ou la hauteur que vous souhaitez pour votre header */
   width: 35%;
   transform-origin: bottom right;
   transition: all 0s ease-in-out;
 }
-.header--collapsed-already .qdd-header {
+header[role=banner].header--collapsed-already .qdd-header {
   opacity: 1 !important;
 }
 @media (max-width: 810px) {
-  .header--collapsed-already {
+  header[role=banner].header--collapsed-already {
     width: 100%;
   }
 }
 @media (min-width: 1400px) {
-  .header--collapsed-already {
+  header[role=banner].header--collapsed-already {
     height: 250px;
   }
 }
-.header--collapsed-already .header_left_container {
+header[role=banner].header--collapsed-already .header_left_container {
   flex: 0 0 65%;
   transform-origin: bottom right;
 }
 @media (max-width: 810px) {
-  .header--collapsed-already .header_left_container {
+  header[role=banner].header--collapsed-already .header_left_container {
     flex: 1 0 100%;
   }
 }
-.header--collapsed-already .header_nav_container {
+header[role=banner].header--collapsed-already .header_nav_container {
   flex: 0 0 30%;
   min-width: fit-content;
   transform-origin: bottom right;
 }
 @media (max-width: 810px) {
-  .header--collapsed-already .header_nav_container {
+  header[role=banner].header--collapsed-already .header_nav_container {
     flex: 1 0 100%;
     position: relative;
     left: -100%;
   }
 }
 @media (max-width: 550px) {
-  .header--collapsed-already .header_nav_container {
+  header[role=banner].header--collapsed-already .header_nav_container {
     top: 0px;
   }
 }
@@ -3120,7 +3121,7 @@ body {
 .partenaires .layout-content .content_container .views-element-container {
   width: 80%;
 }
-.partenaires .layout-content .content_container .views-element-container::before {
+.partenaires .layout-content .content_container .views-element-container .header_view::after {
   content: "";
   display: block;
   border-bottom: solid 2px rgb(7, 50, 194);

web/themes/custom/quartiers_de_demain/quartiers_de_demain.libraries.yml

@@ -2,11 +2,13 @@
 global:
   version: 0.1
   js:
-    dist/assets/bundle.js: {}
     librairies/slick-1.8.1/slick/slick.min.js: {}
     librairies/swiper/swiper-bundle.js: {}
+    librairies/slimselect/slimselect.min.js: {}
+    dist/assets/bundle.js: {}
   css:
     theme:
-      dist/assets/css/bundle.css: {}
       librairies/swiper/swiper-bundle.css: {}
+      librairies/slimselect/slimselect.css: {}
+      dist/assets/css/bundle.css: {}
       # css/animated_logo.css: {}

web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js

@@ -17,7 +17,7 @@
 //////// start header ////////////
 document.addEventListener('DOMContentLoaded', function() {
 
-  const header = document.querySelector('header');
+  const header = document.querySelector('header[role="banner"]');
   const logo = document.querySelector('#block-quartiers-de-demain-logoquartiersdedemain > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > svg:nth-child(1)');
   const headerNavContainer = document.querySelector('.header_nav_container');
   const isFirstLoad = !performance.getEntriesByType("navigation")[0].type.includes('back_forward');
@@ -770,7 +770,7 @@ $(document).ready(function () {
           let typeName = typeClass ? typeClass.replace("type-", "").replace(/-/g, " ") : "contenu"; // Nettoyer le nom
 
           // Ajuster le nombre d'éléments visibles en fonction du type
-          if (typeClass === "type-podcast" || typeClass.toLowerCase() === "type-vidéo") {
+          if (typeClass && (typeClass === "type-podcast" || typeClass.toLowerCase() === "type-vidéo")) {
               visibleCount = 2; // Pour Podcast et Vidéo
           } else if (typeClass === "type-kit-de-communication") {
               visibleCount = 1; // Pour Kit de Communication
@@ -806,7 +806,22 @@ $(document).ready(function () {
               }
           });
       });
+
+
+    // slimselect
+    var type_select = new SlimSelect({
+      select: '#edit-field-type-de-ressource-target-id--2'
+    })
+    var motscles_select = new SlimSelect({
+      select: '#edit-field-mots-clefs-target-id--2'
+    })
+    var sites_select = new SlimSelect({
+      select: '#edit-field-site-target-id-verf--2'
+    })
+    // console.log(('sites_select'), sites_select);
+    
   }
+  
 });
 
 

web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss

@@ -37,6 +37,8 @@ $width-menu-slidedown : 550px;
         width: 100%;
         padding-top: $header-height;
        padding-bottom: 3rem;
+    //    box-sizing:border-box;
+       min-height: calc(100vh - ($header-height + 3rem));
         @media(max-width: 810px){
             padding-top: 180px;
         }

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/partenaires.scss

@@ -24,15 +24,19 @@
                 }
             }
             .views-element-container{
-                &::before{
-                    content:"";
-                    display: block;
-                    border-bottom: solid 2px $blue_QDD;
-                    width: 80% ;
-                    margin: auto;
-                }
                 
                 width: 80%;
+
+                .header_view{
+                    &::after{
+                        content:"";
+                        display: block;
+                        border-bottom: solid 2px $blue_QDD;
+                        width: 80% ;
+                        margin: auto;
+                    }
+                }
+
                 h3{
                     color: rgb(7, 50, 194);
                     font-size: 2.5rem;

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss

@@ -1,4 +1,4 @@
-header{
+header[role="banner"]{
     display: flex;
     flex-direction: row;
     height: 100vh;
@@ -292,7 +292,7 @@ header{
        }
 }
 /* Taille définitive du header après l'animation */
-.header--collapsed {
+header[role="banner"].header--collapsed {
     height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */
     width: 35%;
     transform-origin: bottom right; 
@@ -331,7 +331,7 @@ header{
     }
     
 }
-.header--collapsed-already{
+header[role="banner"].header--collapsed-already{
     height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */
     width: 35%;
     transform-origin: bottom right; 

web/themes/custom/quartiers_de_demain/webpack.config.js

@@ -3,6 +3,7 @@ const path = require("path");
 
 let config = {
     mode: 'development',
+    devtool: "source-map",
     entry: [
         "./src/assets/js/quartiers_de_demain.js",