feat: add chiffre cle new section page presentation (#352)

* feat: add chiffre cle new section page presentation

* fix: app build remove useless protection

* fix: import

* fix: retour design

* fix: revert regex to match qpv zrr

* fix: remove section useless

* fix: use table instead of divs

* fix: responsive for chiffres clé

---------

Co-authored-by: Marc Gavanier <marc.gavanier@gmail.com>

src/assets/fonts/remixicon/collection.remixicon

@@ -1 +1 @@
-wifi-line,computer-line,printer-line,phone-line,map-pin-2-line,add-line,check-line,checkbox-blank-circle-line,calendar-check-line,mail-line,arrow-right-s-line,arrow-left-s-line,notification-3-line,mouse-line,group-line,wheelchair-line,parent-line,mail-line,user-3-line,tools-line,error-warning-line,service-line,checkbox-blank-circle-fill,equalizer-fill,account-pin-circle-fill,arrow-right-circle-fill,arrow-left-circle-fill,external-link-line,arrow-go-back-line,file-text-line,link,list-check,mail-send-line,skip-forward-line,map-pin-5-line,settings-4-line,calendar-todo-line,road-map-line,subtract-line,smartphone-line,user-line,user-star-line,slideshow-line,stethoscope-line,shopping-cart-line,settings-5-line,contacts-line,medal-line,image-2-line,pen-nib-line,map-pin-4-line,map-2-line,focus-3-line,sound-module-line,arrow-left-right-line,arrow-down-s-line,account-circle-fill,close-line,close-circle-fill,edit-line,information-line,close-circle-line,alert-line,compass-3-line,arrow-drop-right-fill,search-line,question-line,menu-line
+wifi-line,computer-line,printer-line,phone-line,map-pin-2-line,add-line,check-line,checkbox-blank-circle-line,calendar-check-line,mail-line,arrow-right-s-line,arrow-left-s-line,notification-3-line,mouse-line,group-line,wheelchair-line,parent-line,mail-line,user-3-line,tools-line,error-warning-line,service-line,checkbox-blank-circle-fill,equalizer-fill,account-pin-circle-fill,arrow-right-circle-fill,arrow-left-circle-fill,external-link-line,arrow-go-back-line,file-text-line,link,list-check,mail-send-line,skip-forward-line,map-pin-5-line,settings-4-line,calendar-todo-line,road-map-line,subtract-line,smartphone-line,user-line,user-star-line,slideshow-line,stethoscope-line,shopping-cart-line,settings-5-line,contacts-line,medal-line,image-2-line,pen-nib-line,map-pin-4-line,map-2-line,focus-3-line,sound-module-line,arrow-left-right-line,arrow-down-s-line,account-circle-fill,close-line,close-circle-fill,edit-line,information-line,close-circle-line,alert-line,compass-3-line,arrow-drop-right-fill,search-line,question-line,menu-line,map-pin-2-fill,pie-chart-2-fill,bank-fill,medal-2-line

src/features/cartographie/components/affiner-recherche-form/affiner-recherche-form.component.html

@@ -87,7 +87,7 @@
     </fieldset>
   </ng-container>
   <ng-container *ngIf="strategiesTerritorialesFrom(lieuxMediationNumeriques) as strategiesTerritoriales">
-    <fieldset *ngIf="strategiesTerritoriales.length > 1">
+    <fieldset *ngIf="strategiesTerritoriales.length > 0">
       <legend class="text-uppercase p-2 pt-4 border-bottom bg-white text-muted h6 fw-bold">Territoires Prioritaires</legend>
       <ul class="list-group list-group-flush fw-bold">
         <li *ngFor="let strategieTerritoriale of strategiesTerritoriales" class="list-group-item bg-transparent">

src/features/core/presenters/collectivite-territoriale/collectivite-territoriale.presenter.ts

@@ -6,7 +6,8 @@ import {
   regions,
   france,
   DepartementPresentation,
-  RegionPresentation
+  RegionPresentation,
+  LabelsNationauxPresentation
 } from '../../../core/presenters';
 import codePostalNotMatchingCodeDepartement from './code-postal-not-matching-code-departement.json';
 
@@ -81,7 +82,7 @@ export const countLieuxInCollectiviteTerritoriale = <T extends RegionPresentatio
     collectivitesTerritorialesWithLieuxCount.find(matchingCollectiviteTerritorialeCode(collectiviteTerritoriale))
   );
 
-export const byLieuxCount = <T extends RegionPresentation | DepartementPresentation>(
+export const byLieuxCount = <T extends RegionPresentation | DepartementPresentation | LabelsNationauxPresentation>(
   collectiviteTerritorialeA: T,
   collectiviteTerritorialeB: T
 ): number => (collectiviteTerritorialeB.lieuxCount ?? 0) - (collectiviteTerritorialeA.lieuxCount ?? 0);

src/features/core/presenters/collectivite-territoriale/index.ts

@@ -9,3 +9,5 @@ export const france: FrancePresentation[] = franceJSON as FrancePresentation[];
 
 export * from './collectivite-territoriale.presenter';
 export * from './presentations/territoire.presentation';
+export * from './presentations/typologies.presentation';
+export * from './presentations/labelsNationaux.presentation';

src/features/core/presenters/collectivite-territoriale/presentations/labelsNationaux.presentation.ts

@@ -0,0 +1,5 @@
+export type LabelsNationauxPresentation = {
+  nom: string;
+  lieuxCount?: number;
+  lieuxPercentage?: string;
+};