bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css filtre, js type ressources

Browse Source
This commit is contained in:
ouidade
2025-05-23 13:49:57 +02:00
parent 334a9e1508
commit 2beb6ca342
7 changed files with 128 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/bundle.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+24 -4
View File
@@ -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
Vendored
+61
View File
@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

web/themes/custom/eql/scripts/main.js
+13 -9
View File
@@ -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
+22 -2
View File
@@ -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
+5 -2
View File
@@ -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
+2 -1
View File
@@ -26,4 +26,5 @@
{% endif %}
{% endfor %}
</select>
{% endapply %}
{% endapply %}