change interface pin for poi

src/app/components/pin-marker/pin-marker.component.html

@@ -42,12 +42,14 @@
   <!-- Autres boutons à droite -->
   <div class="flex items-center gap-2">
     <app-edit-pin-popup
+      *ngIf="!this.pin.is_poi"
       [pin]="pin"
       [pinId]="pin.id"
       [pinOpened]="pinOpened"
     ></app-edit-pin-popup>
 
-    <button
+    <button 
+      *ngIf="!this.pin.is_poi"
       class="p-2 text-green-500 rounded-full hover:bg-green-200 focus:outline-none flex items-center shadow-sm transition duration-200"
       (click)="sharePin()"
     >
@@ -67,6 +69,7 @@
     </button>
 
     <button
+      *ngIf="!pin.is_poi"
       class="p-2 text-red-500 rounded-full hover:bg-red-100 focus:outline-none flex items-center shadow-sm transition duration-200"
       (click)="onDelete()"
     >
@@ -117,12 +120,14 @@
     class="relative carousel overflow-hidden"
   >
     <div
+      *ngIf="!this.pin.is_poi"
       class="relative mt-2 overflow-hidden rounded-lg flex items-center justify-center"
       [ngClass]="{
         'h-32 sm:h-40 md:h-52 lg:h-60': true
       }"
     >
-      <div
+
+      <div 
         *ngFor="let imageId of pin.files; let index = index"
         [class]="
           'absolute inset-0 transition-opacity duration-700 ease-in-out' +
@@ -210,9 +215,12 @@
       <span class="text-gray-500">No images available</span>
     </div>
   </ng-template>
-
   <div
-    class="text-lg mb-4 text-left truncate whitespace-nowrap overflow-hidden"
+  class="text-lg mb-4 text-left"
+  [ngClass]="{
+      'whitespace-nowrap overflow-hidden truncate': !pin.is_poi,
+      'text-justify': pin.is_poi
+    }"
   >
     {{ pin.description || "Aucune description" }}
   </div>

src/app/components/pin-marker/pin-marker.component.ts

@@ -1,4 +1,4 @@
-import { CommonModule } from '@angular/common';
+import { CommonModule, NgIf } from '@angular/common';
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
 import * as L from 'leaflet';
@@ -21,6 +21,7 @@ import { RouterModule } from '@angular/router';
     ConfirmModalComponent,
     ShareModalComponent,
     RouterModule,
+    NgIf
   ],
   standalone: true,
 })