actu filters (dont work)

composer.json

@@ -37,6 +37,7 @@
         "drupal/quick_node_clone": "^1.18",
         "drupal/simple_sitemap": "^4.1",
         "drupal/social_media_links": "^2.9",
+        "drupal/views_autocomplete_filters": "^2.0",
         "drupal/views_block_area": "^1.0@beta",
         "drupal/viewsreference": "^2.0@beta",
         "drupal/yaml_editor": "^1.2",

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": "21ca923d67e614146f8e96c3190d1cde",
+    "content-hash": "9560a6f5de3794225f71e23951e5f1f8",
     "packages": [
         {
             "name": "asm89/stack-cors",
@@ -7560,6 +7560,67 @@
                 "source": "https://git.drupalcode.org/project/video_embed_field"
             }
         },
+        {
+            "name": "drupal/views_autocomplete_filters",
+            "version": "2.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/views_autocomplete_filters.git",
+                "reference": "2.0.2"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/views_autocomplete_filters-2.0.2.zip",
+                "reference": "2.0.2",
+                "shasum": "745fc3630fb90f79a22d782efe4bbda16ef4a025"
+            },
+            "require": {
+                "drupal/core": "^10 || ^11"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "2.0.2",
+                    "datestamp": "1711629268",
+                    "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": "colan",
+                    "homepage": "https://www.drupal.org/user/58704"
+                },
+                {
+                    "name": "heddn",
+                    "homepage": "https://www.drupal.org/user/1463982"
+                },
+                {
+                    "name": "robloach",
+                    "homepage": "https://www.drupal.org/user/61114"
+                },
+                {
+                    "name": "vasike",
+                    "homepage": "https://www.drupal.org/user/156237"
+                }
+            ],
+            "description": "Add autocomplete functionality to the views filter text fields.",
+            "homepage": "https://www.drupal.org/project/views_autocomplete_filters",
+            "keywords": [
+                "Drupal",
+                "views_autocomplete_filters"
+            ],
+            "support": {
+                "source": "https://git.drupalcode.org/project/views_autocomplete_filters",
+                "issues": "https://www.drupal.org/project/issues/views_autocomplete_filters"
+            }
+        },
         {
             "name": "drupal/views_block_area",
             "version": "1.0.0-beta4",

config/sync/block.block.quartiers_de_demain_formulaireexposeactuspage_1.yml

@@ -0,0 +1,30 @@
+uuid: c9c52cf9-8186-4b48-a043-0d136bfeae02
+langcode: fr
+status: true
+dependencies:
+  config:
+    - views.view.actus
+  module:
+    - block_class
+    - context
+    - views
+  theme:
+    - quartiers_de_demain
+id: quartiers_de_demain_formulaireexposeactuspage_1
+theme: quartiers_de_demain
+region: sidebar_first
+weight: 0
+provider: null
+plugin: 'views_exposed_filter_block:actus-page_1'
+settings:
+  id: 'views_exposed_filter_block:actus-page_1'
+  label: ''
+  label_display: visible
+  provider: views
+  views_label: 'Filtrer les actualités'
+visibility:
+  view_inclusion:
+    id: view_inclusion
+    negate: false
+    view_inclusion:
+      view-actus-page_1: view-actus-page_1

config/sync/block.block.quartiers_de_demain_socialmedialinks.yml

@@ -3,7 +3,6 @@ langcode: fr
 status: true
 dependencies:
   module:
-    - block_class
     - social_media_links
   theme:
     - quartiers_de_demain

config/sync/core.extension.yml

@@ -118,6 +118,7 @@ module:
   update: 0
   user: 0
   video_embed_field: 0
+  views_autocomplete_filters: 0
   views_block_area: 0
   views_bulk_edit: 0
   views_bulk_operations: 0

config/sync/views.view.actus.yml

@@ -4,11 +4,17 @@ status: true
 dependencies:
   config:
     - core.entity_view_mode.node.full
+    - field.storage.node.field_date
+    - field.storage.node.field_site
     - node.type.actualite
     - system.menu.entete
+    - taxonomy.vocabulary.type_d_actualite
   module:
+    - better_exposed_filters
     - datetime
+    - datetime_range
     - node
+    - taxonomy
     - user
 id: actus
 label: Actus
@@ -73,21 +79,236 @@ display:
           multi_type: separator
           separator: ', '
           field_api_classes: false
+        field_site:
+          id: field_site
+          table: node__field_site
+          field: field_site
+          relationship: field_site
+          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_date:
+          id: field_date
+          table: node__field_date
+          field: field_date
+          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: daterange_default
+          settings:
+            timezone_override: ''
+            format_type: html_year
+            separator: '-'
+          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
+        title_1:
+          id: title_1
+          table: node_field_data
+          field: title
+          relationship: field_site
+          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
       pager:
         type: some
         options:
           offset: 0
           items_per_page: 5
       exposed_form:
-        type: basic
+        type: bef
         options:
           submit_button: Appliquer
-          reset_button: false
+          reset_button: true
           reset_button_label: Réinitialiser
           exposed_sorts_label: 'Trier par'
           expose_sort_order: true
           sort_asc_label: Asc
           sort_desc_label: Desc
+          text_input_required: "Sélectionnez n'importe quel filtre et cliquez sur Appliquer pour voir les résultats"
+          text_input_required_format: null
+          bef:
+            general:
+              autosubmit: false
+              autosubmit_exclude_textfield: false
+              autosubmit_textfield_delay: 500
+              autosubmit_hide: false
+              input_required: false
+              allow_secondary: false
+              secondary_label: 'Options avancées'
+              secondary_open: false
+              reset_button_always_show: false
+            sort:
+              plugin_id: default
+            filter:
+              field_type_d_actualite_target_id:
+                plugin_id: default
+              field_date_value:
+                plugin_id: default
+              field_site_target_id_1:
+                plugin_id: default
       access:
         type: perm
         options:
@@ -163,6 +384,10 @@ display:
             group_items: {  }
       style:
         type: default
+        options:
+          row_class: ''
+          default_row_class: true
+          uses_fields: true
       row:
         type: 'entity:node'
         options:
@@ -176,7 +401,16 @@ display:
           distinct: true
           replica: false
           query_tags: {  }
-      relationships: {  }
+      relationships:
+        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: {  }
@@ -187,7 +421,9 @@ display:
         - 'languages:language_interface'
         - 'user.node_grants:view'
         - user.permissions
-      tags: {  }
+      tags:
+        - 'config:field.storage.node.field_date'
+        - 'config:field.storage.node.field_site'
   block_1:
     id: block_1
     display_title: 'Block Home'
@@ -325,7 +561,9 @@ display:
         - 'languages:language_interface'
         - 'user.node_grants:view'
         - user.permissions
-      tags: {  }
+      tags:
+        - 'config:field.storage.node.field_date'
+        - 'config:field.storage.node.field_site'
   block_2:
     id: block_2
     display_title: 'Block Archives'
@@ -479,7 +717,9 @@ display:
         - 'languages:language_interface'
         - 'user.node_grants:view'
         - user.permissions
-      tags: {  }
+      tags:
+        - 'config:field.storage.node.field_date'
+        - 'config:field.storage.node.field_site'
   page_1:
     id: page_1
     display_title: 'Page à la une'
@@ -487,6 +727,16 @@ display:
     position: 2
     display_options:
       title: 'À la une'
+      exposed_form:
+        type: basic
+        options:
+          submit_button: Appliquer
+          reset_button: true
+          reset_button_label: Réinitialiser
+          exposed_sorts_label: 'Trier par'
+          expose_sort_order: true
+          sort_asc_label: Asc
+          sort_desc_label: Desc
       sorts:
         field_date_end_value:
           id: field_date_end_value
@@ -523,6 +773,7 @@ display:
           plugin_id: bundle
           value:
             actualite: actualite
+          group: 1
         langcode:
           id: langcode
           table: node_field_data
@@ -603,12 +854,172 @@ display:
             default_group: All
             default_group_multiple: {  }
             group_items: {  }
+        field_type_d_actualite_target_id:
+          id: field_type_d_actualite_target_id
+          table: node__field_type_d_actualite
+          field: field_type_d_actualite_target_id
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: taxonomy_index_tid
+          operator: or
+          value: {  }
+          group: 1
+          exposed: true
+          expose:
+            operator_id: field_type_d_actualite_target_id_op
+            label: 'par type'
+            description: ''
+            use_operator: false
+            operator: field_type_d_actualite_target_id_op
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: field_type_d_actualite_target_id
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+              anonymous: '0'
+              admin: '0'
+              root: '0'
+              editeur: '0'
+            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: {  }
+          reduce_duplicates: false
+          vid: type_d_actualite
+          type: select
+          hierarchy: false
+          limit: true
+          error_message: true
+          save_lineage: false
+          force_deepest: false
+          parent: null
+          level_labels: ''
+          hierarchy_depth: 0
+          required_depth: 0
+          none_label: '- Please select -'
+        field_date_value:
+          id: field_date_value
+          table: node__field_date
+          field: field_date_value
+          relationship: none
+          group_type: group
+          admin_label: ''
+          plugin_id: datetime
+          operator: '='
+          value:
+            min: ''
+            max: ''
+            value: ''
+            type: date
+          group: 1
+          exposed: true
+          expose:
+            operator_id: field_date_value_op
+            label: Date
+            description: ''
+            use_operator: false
+            operator: field_date_value_op
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: field_date_value
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+              anonymous: '0'
+              admin: '0'
+              root: '0'
+              editeur: '0'
+            min_placeholder: ''
+            max_placeholder: ''
+            placeholder: ''
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+        title:
+          id: title
+          table: node_field_data
+          field: title
+          relationship: field_site
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: title
+          plugin_id: string
+          operator: contains
+          value: ''
+          group: 1
+          exposed: true
+          expose:
+            operator_id: title_op
+            label: 'par site'
+            description: ''
+            use_operator: false
+            operator: title_op
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: site
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+              anonymous: '0'
+              admin: '0'
+              root: '0'
+              editeur: '0'
+            placeholder: ''
+            autocomplete_filter: 1
+            autocomplete_min_chars: '0'
+            autocomplete_items: '10'
+            autocomplete_field: title_1
+            autocomplete_raw_suggestion: 0
+            autocomplete_raw_dropdown: 0
+            autocomplete_dependent: 0
+            autocomplete_contextual: 1
+            autocomplete_autosubmit: 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: {  }
       filter_groups:
         operator: AND
         groups:
           1: AND
       defaults:
         title: false
+        exposed_form: false
         sorts: false
         filters: false
         filter_groups: false
@@ -625,7 +1036,8 @@ display:
           plugin_id: view
           empty: false
           view_to_insert: 'actus:block_2'
-          inherit_arguments: false
+          inherit_arguments: true
+      exposed_block: true
       display_extenders:
         matomo:
           enabled: false
@@ -639,7 +1051,13 @@ display:
           category_facets: {  }
           category_facets_concat_separator: ', '
         simple_sitemap_display_extender:
-          variants: {  }
+          variants:
+            default:
+              index: true
+              priority: '0.5'
+              changefreq: ''
+              arguments: {  }
+              max_links: 100
       path: actualites
       menu:
         type: normal
@@ -655,6 +1073,9 @@ display:
       contexts:
         - 'languages:language_content'
         - 'languages:language_interface'
+        - url
         - 'user.node_grants:view'
         - user.permissions
-      tags: {  }
+      tags:
+        - 'config:field.storage.node.field_date'
+        - 'config:field.storage.node.field_site'

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

@@ -842,7 +842,7 @@ footer {
   width: 50%;
 }
 .layout-sidebar-first .sidebar_first_container {
-  display: none;
+  padding-top: 4em;
   flex-direction: column;
   width: 50%;
   font-weight: 400;

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

@@ -39,8 +39,9 @@
 
     }
     .sidebar_first_container{
-        display: none;
+        // display: none; WHY ??
         // display: flex;
+        padding-top: 4em;
         flex-direction: column;
         width: 50%;
         font-weight: 400;