From b7b834dcaf07ea88810457a24fb9d53b0af6507c Mon Sep 17 00:00:00 2001
From: maltaesousa <stephane.maltaesousa@ne.ch>
Date: Tue, 30 Mar 2021 10:07:38 +0200
Subject: [PATCH] pricing on catalog

---
 .../cart-overlay/cart-overlay.component.html          |  4 ++--
 front/src/app/welcome/catalog/catalog.component.html  | 11 ++++++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/front/src/app/_components/cart-overlay/cart-overlay.component.html b/front/src/app/_components/cart-overlay/cart-overlay.component.html
index 6c6cdf72..52aaa69f 100644
--- a/front/src/app/_components/cart-overlay/cart-overlay.component.html
+++ b/front/src/app/_components/cart-overlay/cart-overlay.component.html
@@ -19,10 +19,10 @@
 
 <button [disabled]="order && !order.geom" mat-raised-button color="primary" class="action-button"
         (click)="naviguateToNewOrder()">
-  Passer la commande
+  Poursuivre la commande...
 </button>
 
 <div *ngIf="order && !order?.geom" class="flex-row warning-container">
   <mat-icon>warning</mat-icon>
-  <span>Vous devez sélectionner un périmètre avant de passer la commande.</span>
+  <span>Vous devez sélectionner un périmètre avant de poursuivre la commande.</span>
 </div>
diff --git a/front/src/app/welcome/catalog/catalog.component.html b/front/src/app/welcome/catalog/catalog.component.html
index 93de83d8..7e7e5318 100644
--- a/front/src/app/welcome/catalog/catalog.component.html
+++ b/front/src/app/welcome/catalog/catalog.component.html
@@ -21,7 +21,16 @@
       <img class="item-logo rounded-image" alt="Logo du produit" aria-label="Logo du produit"
            src="{{mediaUrl}}/{{product.thumbnail_link}}">
       <div class="item-label text-ellipsis-2" [matTooltip]="product.label">{{product.label}}</div>
-      <span class="item-price text-secondary">{{product.pricing}}</span>
+
+      <ng-container *ngIf="product.pricing === 'Gratuit'; then gratuit; else payant">
+      </ng-container>
+      <ng-template #gratuit>
+        <span class="item-price text-secondary">Gratuit</span>
+      </ng-template>
+      <ng-template #payant>
+        <span class="item-price text-secondary">Tarification selon le type de mandat</span>
+      </ng-template>
+
       <button class="item-help" matTooltip="Voir les meta données" aria-label="Voir les meta données"
               [disabled]="!product.metadata"
               color="primary" mat-button