feat: move empty fiche accès libre at the end of details page

Author: marc-gavanier

src/features/cartographie/components/lieux-mediation-numerique-details/accessibilite/accessibilite.component.html

@@ -6,15 +6,16 @@
       target="_blank"
       title="Renseigner l'accessibilité (nouvel onglet)"
       rel="noopener noreferrer">
-      <span>Renseigner l'accessibilité</span>
+      <span class="ri-edit-line me-1" role="img" aria-hidden="true"></span>
+      Remplir la fiche Accès Libre
     </a>
   </div>
   <div class="col-sm col-12 row g-0 mt-1">
-    <div class="col-6">
+    <div class="col">
       <span role="img" class="ri-close-line me-1 ms-sm-2 ms-0" aria-hidden="true"></span>
-      <em class="mt-1">Pas d'information</em>
+      <em class="mt-1">Aucune information sur l'accessibilité</em>
     </div>
-    <div class="col-6 text-end">
+    <div class="col-auto text-end">
       <button
         #collapseAccesLibreControl
         class="btn btn-link text-decoration-none p-0"

src/features/cartographie/components/lieux-mediation-numerique-details/accessibilite/accessibilite.component.ts

@@ -7,8 +7,4 @@ import { ASSETS_TOKEN, AssetsConfiguration } from 'projects/client-application/s
   selector: 'app-accessibilite',
   templateUrl: './accessibilite.component.html'
 })
-export class AccessibiliteComponent {
-  @Input() public accessibilite: Url | undefined;
-
-  public constructor(@Inject(ASSETS_TOKEN) public assetsConfiguration: AssetsConfiguration) {}
-}
+export class AccessibiliteComponent {}

src/features/cartographie/components/lieux-mediation-numerique-details/informations-pratiques/informations-pratiques.component.html

@@ -22,7 +22,7 @@
       <span role="img" class="small text-muted align-self-end">{{ status.limite }}</span>
     </div>
     <span *ngIf="itinerence" class="badge rounded-pill text-bg-light px-3 py-2 mt-2 fw-normal">
-      <span class="ri-bus-line me-1"></span>
+      <span class="ri-bus-line me-1" role="img" aria-hidden="true"></span>
       Itinérance
     </span>
   </div>

src/features/cartographie/components/lieux-mediation-numerique-details/lieux-mediation-numerique-details.component.html

@@ -130,9 +130,6 @@ <h2 class="h5 text-muted-dark mb-4">Comment accéder au service ?</h2>
     <li class="list-group-item border-0" *ngIf="lieuMediationNumerique.services">
       <app-services [services]="lieuMediationNumerique.services"></app-services>
     </li>
-    <li class="list-group-item border-0" *ngIf="lieuMediationNumerique.fiche_acces_libre === undefined">
-      <app-accessibilite [accessibilite]="lieuMediationNumerique.fiche_acces_libre"></app-accessibilite>
-    </li>
     <li class="list-group-item" *ngIf="lieuMediationNumerique.aidants">
       <app-aidants [aidants]="lieuMediationNumerique.aidants"></app-aidants>
     </li>
@@ -171,6 +168,9 @@ <h2 class="h5 text-muted-dark mb-4">Comment accéder au service ?</h2>
         <app-score-completion [lieuMediationNumerique]="lieuMediationNumerique"></app-score-completion>
       </div>
     </li>
+    <li class="list-group-item border-0" *ngIf="lieuMediationNumerique.fiche_acces_libre === undefined">
+      <app-accessibilite></app-accessibilite>
+    </li>
     <li class="list-group-item">
       <div class="d-flex">
         <h2 class="h5 text-muted mt-1 flex-grow-1">Une erreur sur les données</h2>

src/features/cartographie/components/lieux-mediation-numerique-list/lieu-mediation-numerique-list-item/lieu-mediation-numerique-list-item.component.html

@@ -32,7 +32,7 @@ <h2 class="h5 mb-0 text-first-letter-uppercase fw-bold pe-1">
         </div>
       </div>
       <div *ngIf="lieuMediationNumerique.itinerance" class="badge rounded-pill text-bg-light px-3 py-2 mt-2 fw-normal">
-        <span class="ri-bus-line me-1"></span>
+        <span class="ri-bus-line me-1" role="img" aria-hidden="true"></span>
         Itinérance
       </div>
     </a>