From bcda6de318d6bb744df87e3e6ebecbcc3133fafc Mon Sep 17 00:00:00 2001
From: J-E Castagnede <j.e.castagnede@gmail.com>
Date: Thu, 19 Dec 2024 09:23:17 +0100
Subject: [PATCH 1/3] fix lazy loading not working

---
 atlas/templates/core/listTaxons.html | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/atlas/templates/core/listTaxons.html b/atlas/templates/core/listTaxons.html
index 4e953cb09..05bf147c3 100644
--- a/atlas/templates/core/listTaxons.html
+++ b/atlas/templates/core/listTaxons.html
@@ -25,16 +25,15 @@
                 <div class="pictoImgList mr-2" data-toggle="tooltip" data-original-title="{{ taxon.group2_inpn }}"
                      data-placement="right">
                     {% if taxon.path == None %}
-                        <img class="mx-auto d-block INPNgroup"
-                             src="{{ url_for('static', filename='images/picto_'+ taxon.group2_inpn| replace(" ", "_") |urlencode+'.png') }}">
-
+                        <img loading="lazy" class="mx-auto d-block INPNgroup"
+                             src="{{ url_for('static', filename='images/picto_'+ taxon.group2_inpn| replace(" ", "_") |urlencode+'.png') }}" alt=" " />
                     {% else %}
                         {% if configuration.REDIMENSIONNEMENT_IMAGE %}
                             {% set img_path = configuration.TAXHUB_URL+'/api/tmedias/thumbnail/'+taxon.id_media|string+'?h=500&w=500' %}
                         {% else %}
                             {% set img_path = taxon.path %}
                         {% endif %}
-                        <img class="lazy pictoImgList" data-src="{{ img_path }}">
+                        <img loading="lazy" class="pictoImgList" src="{{ img_path }}" alt=" " />
                     {% endif %}
                 </div>
                 <div class="media-body">

From 2b72b236971e000116283502eab6ef5cd7be830c Mon Sep 17 00:00:00 2001
From: J-E Castagnede <j.e.castagnede@gmail.com>
Date: Thu, 19 Dec 2024 09:26:47 +0100
Subject: [PATCH 2/3] fix html structure

---
 atlas/templates/core/listTaxons.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/atlas/templates/core/listTaxons.html b/atlas/templates/core/listTaxons.html
index 05bf147c3..67eae76fc 100644
--- a/atlas/templates/core/listTaxons.html
+++ b/atlas/templates/core/listTaxons.html
@@ -11,7 +11,7 @@
     <div class="bg-white border-right p-2">
 
         <div class="col">
-            <input id="taxonInput" type="text" class="form-control  form-control-sm" placeholder="{{ _('filter.species') }}">
+            <input id="taxonInput" type="text" class="form-control  form-control-sm" placeholder="{{ _('filter.species') }}" />
         </div>
 
     </div>
@@ -45,7 +45,7 @@
                                                                target="_blank">
                                     <img src="{{ url_for('static', filename='images/logo_protection.png') }}"
                                          style="width : 30px; height: 30px" data-placement="left" data-toggle="tooltip"
-                                         data-original-title="{{ _('this.taxon.has.a.protected.status') }}">
+                                         data-original-title="{{ _('this.taxon.has.a.protected.status') }}" alt=" " />
                                                 </a>
                                                    {% endif %}
                                                {% endif %}
@@ -57,7 +57,7 @@
                                 style="width : 30px; height: 30px" data-placement="left" data-toggle="tooltip"
                                 data-original-title="{{ configuration.PATRIMONIALITE.config[taxon.patrimonial].text }}"
                                 data-placement="right"
-                        >
+                        alt=" " />
                     {% endif %}
                 {% endif %}
 
@@ -83,7 +83,7 @@ <h5>
                     <a class="badge badge-primary" href="{{ url_for('main.ficheEspece', cd_nom=taxon.cd_ref) }}"
                        data-toggle="tooltip"
                        title="{{ _('check.species.sheet') }}" data-placement="left">
-                        <i class="fas fa-list fa-fw"></i> {{ _('species.sheet') }}</i>
+                        <i class="fas fa-list fa-fw"></i> {{ _('species.sheet') }}
                     </a>
                     </span>
 

From f504172a747ed2718b463d809bab9e6b7175c2ea Mon Sep 17 00:00:00 2001
From: J-E Castagnede <j.e.castagnede@gmail.com>
Date: Thu, 19 Dec 2024 09:27:26 +0100
Subject: [PATCH 3/3] set thumbnails to 80x80 to fit CSS max size

---
 atlas/templates/core/listTaxons.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/atlas/templates/core/listTaxons.html b/atlas/templates/core/listTaxons.html
index 67eae76fc..bb4a24877 100644
--- a/atlas/templates/core/listTaxons.html
+++ b/atlas/templates/core/listTaxons.html
@@ -29,7 +29,7 @@
                              src="{{ url_for('static', filename='images/picto_'+ taxon.group2_inpn| replace(" ", "_") |urlencode+'.png') }}" alt=" " />
                     {% else %}
                         {% if configuration.REDIMENSIONNEMENT_IMAGE %}
-                            {% set img_path = configuration.TAXHUB_URL+'/api/tmedias/thumbnail/'+taxon.id_media|string+'?h=500&w=500' %}
+                            {% set img_path = configuration.TAXHUB_URL+'/api/tmedias/thumbnail/'+taxon.id_media|string+'?h=80&w=80' %}
                         {% else %}
                             {% set img_path = taxon.path %}
                         {% endif %}