Merge pull request #61 from Potits-chats/LMST2-95-Edition-page-Detail…

…-Association-ne-fonctionne-pas

95 Update asso

src/app/components/associations/associations-details/associations-details.component.html

@@ -75,22 +75,24 @@ <h1 class="max-w-lg mb-6 font-sans text-2xl font-bold leading-none tracking-tigh
 
             </div>
 
-            <div *ngIf="asso.tel" class="pb-4 mb-4 border-b">
+            <div  class="pb-4 mb-4 border-b">
                 <label class="mb-2 block text-sm font-medium leading-5 text-gray-900">
                     N° de téléphone :
                 </label>
-                <p class="text-sm text-gray-900">
-                    {{asso.tel}}
-                </p>
+                <a *ngIf="!isEditMode" class="block" [attr.href]="'tel:' + asso.tel">
+                    {{ asso.tel }}
+                </a>
+                <input *ngIf="isEditMode" [(ngModel)]="asso.tel" name="tel" class="block w-full text-sm rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:leading-6">
             </div>
 
             <div>
                 <label class="mb-2 block text-sm font-medium leading-5 text-gray-900">
                     Site Web :
                 </label>
-                <a class="text-sm text-gray-900" [attr.href]="sanitizeUrl(asso.url)">
+                <a class="text-sm text-gray-900"  *ngIf="!isEditMode" [attr.href]="sanitizeUrl(asso.url)" target="_blank">
                     {{asso.url}}
                 </a>
+                <input *ngIf="isEditMode" [(ngModel)]="asso.url" name="url" class="block w-full text-sm rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:leading-6">
             </div>
         </div>
     </div>