From 9d3793c3a1141e54018c157634e3a5998be9358d Mon Sep 17 00:00:00 2001
From: Mahmut Gundogdu <mahmutgundogdu@hotmail.com.tr>
Date: Wed, 23 Mar 2022 17:15:16 +0300
Subject: [PATCH] Ddd abpLocalizationPipe  on order-detail.component.html

---
 .../order-detail/order-detail.component.html  | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/apps/angular/projects/ordering/src/pages/orders/order-detail/order-detail.component.html b/apps/angular/projects/ordering/src/pages/orders/order-detail/order-detail.component.html
index f3f8d19a..92645a1e 100644
--- a/apps/angular/projects/ordering/src/pages/orders/order-detail/order-detail.component.html
+++ b/apps/angular/projects/ordering/src/pages/orders/order-detail/order-detail.component.html
@@ -1,6 +1,6 @@
 <abp-modal [visible]="visible" (visibleChange)="visibleChange.emit($event)" [options]="modalOption">
   <ng-template #abpHeader>
-    <h3>{{ 'OrderingService::ModalTitle' }}</h3>
+    <h3>{{ 'OrderingService::ModalTitle' | abpLocalization }}</h3>
   </ng-template>
 
   <ng-template #abpBody>
@@ -37,12 +37,14 @@
       <br /><br /><br />
 
       <ngx-datatable [rows]="order.items" default>
-        <!-- TODO: localize column headers -->
         <ngx-datatable-column
-          [name]="'OrderingService::DisplayName:ProductId'"
+          [name]="'OrderingService::DisplayName:ProductId' | abpLocalization"
           prop="productId"
         ></ngx-datatable-column>
-        <ngx-datatable-column [name]="'OrderingService::DisplayName:PictureUrl'" prop="pictureUrl">
+        <ngx-datatable-column
+          [name]="'OrderingService::DisplayName:PictureUrl' | abpLocalization"
+          prop="pictureUrl"
+        >
           <ng-template let-value="value" ngx-datatable-cell-template>
             <img [src]="mediaServerUrl + '/product-images/' + value" width="80" alt="" />
           </ng-template>
@@ -51,19 +53,25 @@
           [name]="'OrderingService::DisplayName:ProductName'"
           prop="productName"
         ></ngx-datatable-column>
-        <ngx-datatable-column [name]="'OrderingService::DisplayName:UnitPrice'" prop="unitPrice">
+        <ngx-datatable-column
+          [name]="'OrderingService::DisplayName:UnitPrice' | abpLocalization"
+          prop="unitPrice"
+        >
           <ng-template let-value="value" ngx-datatable-cell-template>
             {{ value | currency }}
           </ng-template>
         </ngx-datatable-column>
         <ngx-datatable-column
-          [name]="'OrderingService::DisplayName:Units'"
+          [name]="'OrderingService::DisplayName:Units' | abpLocalization"
           prop="units"
         ></ngx-datatable-column>
-        <ngx-datatable-column [name]="'OrderingService::DisplayName:Discount'" prop="discount">
+        <ngx-datatable-column
+          [name]="'OrderingService::DisplayName:Discount' | abpLocalization"
+          prop="discount"
+        >
           <ng-template let-value="value" ngx-datatable-cell-template> {{ value }} % </ng-template>
         </ngx-datatable-column>
-        <ngx-datatable-column [name]="'OrderingService::DisplayName:TotalPrice'">
+        <ngx-datatable-column [name]="'OrderingService::DisplayName:TotalPrice' | abpLocalization">
           <ng-template let-row="row" ngx-datatable-cell-template>
             {{ row.units * row.unitPrice | currency }}
           </ng-template>