css filtre, js type ressources

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

@@ -5372,7 +5372,7 @@ svg.ext {
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees {
   display: grid;
-  grid-template-columns: 30% 75%;
+  grid-template-columns: 25% 80%;
   gap: 2rem;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters {
@@ -5384,7 +5384,7 @@ svg.ext {
   margin-bottom: 5rem;
   padding: 1rem;
   padding-left: 2rem;
-  padding-right: 3rem;
+  padding-right: 1.5rem;
   z-index: 1;
   transform: translateY(-100px);
   margin-bottom: -100px;
@@ -5514,6 +5514,25 @@ svg.ext {
     padding-bottom: 1rem;
   }
 }
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine {
+  border-top: none;
+  border-left: none;
+  border-right: none;
+}
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine label {
+  display: none;
+}
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine input {
+  text-align: start !important;
+  max-width: 100% !important;
+}
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine input::after {
+  content: url("../images/pictos/loupe.svg");
+  display: inline-block;
+}
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form select ::placeholder {
+  display: none;
+}
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content {
   transition: opacity 0.3s ease;
   display: flex;
@@ -6245,15 +6264,16 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
   }
 }
 #views-exposed-form-base-de-donnees-block-1 .js-form-item {
-  flex-direction: column !important;
   margin-right: 0 !important;
 }
 #views-exposed-form-base-de-donnees-block-1 .js-form-item input,
 #views-exposed-form-base-de-donnees-block-1 .js-form-item select {
   width: 100%;
+  text-align: end;
 }
 #views-exposed-form-base-de-donnees-block-1 .js-form-item label {
-  padding-right: 0 !important;
+  padding-right: 0.5rem !important;
+  flex: 2 0 auto !important;
 }
 
 #views-exposed-form-base-de-donnees-block-1,

web/themes/custom/eql/dist/assets/images/pictos/loupe.svg

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="7.250946mm"
+   height="6.7037978mm"
+   viewBox="0 0 7.250946 6.7037978"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2444">
+      <path
+         d="M 0,0 H 22.0445 V -17 H 0 Z"
+         transform="matrix(1.3191067,0.19425333,0.19425333,-1.3191067,225.01215,461.47051)"
+         clip-rule="evenodd"
+         id="path2444" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2440">
+      <path
+         d="M 0,-18 H 1260 V 18 H 0 Z"
+         transform="translate(-0.24999723,-16.750003)"
+         id="path2440" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2441">
+      <path
+         d="M 0,-18 H 1260 V 18 H 0 Z"
+         transform="translate(-14.679745,-4.6071402)"
+         id="path2441" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer1"
+     transform="translate(-120.12082,-122.50209)">
+    <g
+       id="g2443"
+       clip-path="url(#clipPath2444)"
+       transform="matrix(0.26458333,0,0,0.26458333,61.004151,0.05323333)">
+      <path
+         d="m 15.5,-7.75 c 0,-4.2804 -3.4696,-7.75 -7.75,-7.75 C 3.46979,-15.5 0,-12.0304 0,-7.75 0,-3.46979 3.46979,0 7.75,0 12.0304,0 15.5,-3.46979 15.5,-7.75 Z"
+         style="fill:none;stroke:#181715;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.2151874,0.17895006,0.18346062,-1.2458171,225.27006,461.8268)"
+         clip-path="url(#clipPath2440)"
+         id="path2442" />
+      <path
+         d="M 0,0 9,-5.35714"
+         style="fill:none;stroke:#181715;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.2151874,0.17895006,0.18346062,-1.2458171,240.57717,479.53679)"
+         clip-path="url(#clipPath2441)"
+         id="path2443" />
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/scripts/main.js

@@ -141,7 +141,19 @@ jQuery(function ($) {
   });
   console.log("classses media");
 
+    // MASQUER TYPE DE RESSOURCE DOUBLON
+  if (document.body.classList.contains("path-ressources")) {
+    $(".view-type-slide").each(function () {
+      const h3Content = $(this).find("h3").text().trim();
+      console.log(h3Content);
+      $(this).find(".field--name-field-type-de-ressource .field__item a").each(function () {
+        if ($(this).text().trim() === h3Content) {
+          $(this).hide();
+        }
+      });
+    });
 
+  }
 
   // Ouvrir les liens externes dans un nouvel onglet
   document.querySelectorAll('a[href^="http"]').forEach(link => {
@@ -165,14 +177,6 @@ jQuery(function ($) {
       }
     }
 
-    // MASQUER TYPE DE RESSOURCE DOUBLON
-    $(".view-type-slide").each(function () {
-      const h3Content = $(this).find("h3").text().trim();
-      $(this).find(".field--name-field-type-de-ressource").each(function () {
-        if ($(this).text().trim() === h3Content) {
-          $(this).hide();
-        }
-      });
-    });
+
   }
 });

web/themes/custom/eql/scss/pages/ressources.scss

@@ -122,7 +122,7 @@
                                 }
                                 .view-base-de-donnees{
                                     display: grid;
-                                    grid-template-columns: 30% 75%;
+                                    grid-template-columns: 25% 80%;
                                     gap: 2rem;
                                     .view-filters{
                                         position: sticky;
@@ -133,7 +133,7 @@
                                         margin-bottom: 5rem;
                                         padding: 1rem;
                                         padding-left: 2rem;
-                                        padding-right: 3rem;
+                                        padding-right: 1.5rem;
                                         z-index: 1;
                                         transform: translateY(-100px);
                                         margin-bottom: -100px;
@@ -275,6 +275,26 @@
                                                     padding-bottom: 1rem;
                                                 }
                                             }
+                                            .form-item-combine{
+                                                border-top: none;
+                                                border-left: none;
+                                                border-right: none;
+                                                label{display: none;}
+                                                input{
+                                                    text-align: start !important;
+                                                    max-width: 100% !important;
+                                                    &::after{
+                                                        content: url("../images/pictos/loupe.svg");
+                                                        display: inline-block;
+                                                    }
+                                                }
+                                            }
+                                            select{
+                                                ::placeholder{
+                                                    display: none;
+                                                }
+                                            }
+                                            
                                         }
                                         
 

web/themes/custom/eql/scss/partials/_filtres.scss

@@ -11,14 +11,17 @@
         justify-content: center;
     }
     .js-form-item{
-        flex-direction: column !important;
+        // flex-direction: column !important;
         margin-right: 0 !important;
         input,
         select{
             width: 100%;
+            text-align: end;
+            
         }
         label{
-            padding-right: 0 !important;
+            padding-right: 0.5rem !important;
+            flex: 2 0 auto !important;
         }
 
     }

web/themes/custom/eql/templates/select.html.twig

@@ -26,4 +26,5 @@
       {% endif %}
     {% endfor %}
   </select>
-{% endapply %}
+{% endapply %}
+