From c2d98cd0945af2dd7299547fe1dc1e91073c1de2 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Fri, 18 Feb 2022 14:34:50 +0100
Subject: [PATCH] modif card resto

---
 src/app/card-resto/card-resto.component.html  | 61 +++++++++++++------
 src/app/card-resto/card-resto.component.ts    |  7 +++
 .../pages/resto-page/resto-page.component.ts  |  3 +
 3 files changed, 52 insertions(+), 19 deletions(-)

diff --git a/src/app/card-resto/card-resto.component.html b/src/app/card-resto/card-resto.component.html
index 350160d..7ade5b9 100644
--- a/src/app/card-resto/card-resto.component.html
+++ b/src/app/card-resto/card-resto.component.html
@@ -41,12 +41,11 @@
             
             
               <i class="fas fa-euro-sign ps-2 pe-2" style="color:#a8a8a8"></i>
-              <span class="prix" style="font-weight: bold;">5-10€</span>
+              <span class="prix" style="font-weight: bold;">{{restaurant.prix}}</span>
            
             <div class="d-inline-flex" *ngIf="restaurant.website; else noWebsite">
               <p class="description pt-3 ps-2 pe-1"><i class="bi bi-globe2 ps-2 pe-2" style="color:#a8a8a8"></i>
                 <a href="{{restaurant.website}}" class="description text-decoration-none pe-1" style="font-style: italic;font-weight: bold; color:#545454">Site Web</a>
-  
               </p>
             </div>
             <!-- le else de notre *ngIf plus haut-->
@@ -60,30 +59,54 @@
          
 
           <div class="trait-rouge pt-2 pb-0"></div>
-          <div class="critere ps-1 pt-3">
-            <span class="sur-place pe-3" style="color:#545454">Sur place :</span>            
-            <app-icon 
-              [iconName]="restaurant.surPlace ? 'bi bi-check-square-fill' : 'bi bi-x-square-fill ps-2 pt-1 '"
-              [iconColor]="restaurant.surPlace ? '#4ECB71' : '#ED2F2F'"
-            ></app-icon>
-            <span class="a-emporter pe-2 ps-4 " style="color:#545454">A emporter :</span>  
-            <app-icon 
-              [iconName]="restaurant.emporter ? 'bi bi-check-square-fill' : 'bi bi-x-square-fill ps-2 pt-1'"
-              [iconColor]="restaurant.emporter ? '#4ECB71' : '#ED2F2F'"
-            ></app-icon>
-          </div>
+            <div class="critere ps-1 pt-3">
+                
+              <div class="d-inline-flex " *ngIf="restaurant.surPlace else noInfosSurPlace">
+                  <span class="sur-place pe-3" style="color:#545454">Sur place :</span>            
+                  <app-icon 
+                    [iconName]="restaurant.surPlace ? 'bi bi-check-square-fill' : 'bi bi-x-square-fill ps-2 pt-1 '"
+                    [iconColor]="restaurant.surPlace ? '#4ECB71' : '#ED2F2F'"
+                  ></app-icon>
+                </div>
+                <ng-template #noInfosSurPlace>
+                  <span class="d-flex" style="color:#545454">Sur place :</span> 
+                  <p style="font-size:1.9vh ;color:#545454">Infos non disponible.</p>
+                </ng-template>
+                
+                <div class="d-inline-flex " *ngIf="restaurant.aEmporter != null else noInfosAEmporter">
+                  <span class="a-emporter pe-2 ps-4 " style="color:#545454">A emporter :</span>  
+                  <app-icon 
+                    [iconName]="restaurant.aEmporter ? 'bi bi-check-square-fill' : 'bi bi-x-square-fill ps-2 pt-1'"
+                    [iconColor]="restaurant.aEmporter ? '#4ECB71' : '#ED2F2F'"
+                  ></app-icon>
+                </div>
+                <ng-template #noInfosAEmporter>
+                  <span class="d-flex a-emporter pt-2 " style="color:#545454">A emporter :</span> 
+                  <p style="font-size:1.9vh ;color:#545454">Infos non disponible.</p>
+                </ng-template>
+            </div>
           <div class="trait-rouge pt-3"></div>
           <div class="critere d-flex justify-content-center ps-1 pt-3 pb-3">
             <span class="acces-pmr pe-1" style="color:#545454">Accès PMR :</span>
-            
-            <app-icon 
-            [iconName]="restaurant.accesPMR ? 'bi bi-check-square-fill' : 'bi bi-x-square-fill ps-1 pt-1'"
-            [iconColor]="restaurant.accesPMR ? '#4ECB71' : '#ED2F2F'"
-          ></app-icon>
+
+            <div class="d-inline-flex " *ngIf="restaurant.accesPMR else noAccesPMR">
+              <app-icon 
+              [iconName]="restaurant.accesPMR ? 'bi bi-check-square-fill' : 'bi bi-x-square-fill ps-1 pt-1'"
+              [iconColor]="restaurant.accesPMR ? '#4ECB71' : '#ED2F2F'"
+              ></app-icon>
+            </div>
+            <!-- le else de notre *ngIf plus haut-->
+            <ng-template #noAccesPMR>
+             <p class=" ps-2"style="font-size:1.9vh ;color:#545454">Infos non disponible.</p>
+            </ng-template>
+            <!--  ------------------------------------  -->
           </div>
           <div class="reserver pt-2">
             <button type="button" class="button">Réserver</button>
           </div>
         </div>
+
       </div>
+
+    
 </div>
\ No newline at end of file
diff --git a/src/app/card-resto/card-resto.component.ts b/src/app/card-resto/card-resto.component.ts
index 3abf51e..b843623 100644
--- a/src/app/card-resto/card-resto.component.ts
+++ b/src/app/card-resto/card-resto.component.ts
@@ -13,9 +13,16 @@ export class CardRestoComponent implements OnInit {
   @Input() likeResto: any; 
   @Output() clickLike = new EventEmitter<boolean>();
   isLiked : boolean = false;
+  priceRef : object;
+  
   
   constructor(private apiBackService : ApiBackService) {
     this.distance = 0 ;
+    this.priceRef = {1 : '€ 1-10€',
+                     2 : '€€ 11-20€',
+                     3 : '€€€ 21-30€',
+                     4 : '€€€€ 31-40€',            
+                    }
    }
 
   ngOnInit(): void {
diff --git a/src/app/pages/resto-page/resto-page.component.ts b/src/app/pages/resto-page/resto-page.component.ts
index 62ec299..4b1aee8 100644
--- a/src/app/pages/resto-page/resto-page.component.ts
+++ b/src/app/pages/resto-page/resto-page.component.ts
@@ -31,6 +31,9 @@ export class RestoPageComponent implements OnInit {
 
     })
     }
+  console.log(this.apiBackService);
+  
+