ajout affichage sp statistiques

Author: cdebarros

src/app/rightpanel/content/localisation-info/localisation-info.component.css

@@ -35,6 +35,10 @@
     margin-top: 0px;
 }
 
+.fr-tables--infos-nomargin {
+    margin-bottom: 0px !important;
+}
+
 .td-right, .th-right, .th-right-sp {
     text-align: center;
 }

src/app/rightpanel/content/localisation-info/localisation-info.component.html

@@ -331,7 +331,7 @@ <h6 class="fr-h6">Données socio-économiques</h6>
 
     <h6 class="fr-h6">Données administratives</h6>
 
-    <div class="fr-table fr-table--bordered fr-table--infos">
+    <div class="fr-table fr-table--bordered fr-table--infos fr-tables--infos-nomargin">
         <div class="fr-table__wrapper fr-table-wrapper-cartosp">
             <div class="fr-table__container">
                 <div class="fr-table__content">
@@ -367,6 +367,44 @@ <h6 class="fr-h6">Données administratives</h6>
             </div>
         </div>
     </div>
+    @if(spStatistiques){
+    <div class="fr-table fr-table--bordered fr-table--infos">
+        <div class="fr-table__wrapper fr-table-wrapper-cartosp">
+            <div class="fr-table__container">
+                <div class="fr-table__content">
+                    <table>
+                      <thead>
+                        <tr>
+                          <th class="th-left th-left-sp">
+                            <div class="th-content">
+                              Nombre de points d'accueil pour 100 000 hts
+                              <button class="fr-btn--tooltip fr-btn" type="button" id="button-nbpa100000" aria-describedby="tooltip-nbpa100000">
+                                Source
+                              </button>
+                              <span class="fr-tooltip fr-placement" id="tooltip-nbpa100000" role="tooltip" aria-hidden="true">TODO <br> Insee, 2024</span>
+                            </div>
+                          </th>
+                          <th class="th-right-sp">{{ formatNumberReal(spStatistiques.sp_pour_100000_habitants || 0, '1.2-2') }}</th>
+                        </tr>
+                      </thead>
+                      <tr>
+                        <td class="td-left-sp">Val. nat.</td>
+                        <td class="td-right-sp">{{ formatNumberReal(spStatistiques.sp_pour_100000_habitants_moyenne_nationale || 0, '1.2-2') }}</td>
+                      </tr>
+                      <tr>
+                        <td class="td-left-sp">Min</td>
+                        <td class="td-right-sp">{{ formatNumberReal(spStatistiques.sp_pour_100000_habitants_min || 0, '1.2-2') }}</td>
+                      </tr>
+                      <tr>
+                        <td class="td-left-sp">Max</td>
+                        <td class="td-right-sp">{{ formatNumberReal(spStatistiques.sp_pour_100000_habitants_max || 0, '1.2-2') }}</td>
+                      </tr>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+    }
   </dsfr-tab>
   <!-- Onglet accès aux isochrones -->
   <dsfr-tab

src/app/rightpanel/content/localisation-info/localisation-info.component.ts

@@ -28,6 +28,7 @@ export class LocalisationInfoComponent implements OnInit, OnDestroy {
   nbitinerants?: number;
   nbpermanences?: number;
   nbtotal?: number;
+  spStatistiques?: any;
   isochrones: any[] = [];
   private decimalPipe = inject(DecimalPipe);
   apidata = {
@@ -260,6 +261,16 @@ export class LocalisationInfoComponent implements OnInit, OnDestroy {
       },
       error : (error: any) => { console.error('Error fetching total count info:', error) }
     });
+    
+    this.apicartospService.getSpStatistiques(totalOptions).subscribe({
+      next : (response: any) => {
+        this.spStatistiques = response;
+      },
+      error : (error: any) => { 
+        this.spStatistiques = null;
+        console.error('Error fetching SP statistiques info:', error)
+       }
+    });
   }
 
   onButtonBackLocationClic(){

src/app/services/apicartosp.service.ts

@@ -59,4 +59,11 @@ export class ApicartospService {
             params: options
         });
     }
+
+    // Get SP statistics by typologie and departement
+    getSpStatistiques(options: any): Observable<any> {
+        return this.http.get(this.apiUrl + "/services_publics/statistiques",{
+            params: options
+        });
+    }
 }