Add missing localizations of Dashboard

apps/angular/projects/ordering/src/pages/dashboard/components/order-status-chart/order-status-chart.component.html

@@ -3,7 +3,7 @@
   <div class="card-header">
     <div class="row">
       <div class="col col-md-12">
-        <h5 class="card-title">{{ 'OrderingService::OrderStatuses' | abpLocalization }}</h5>
+        <h5 class="card-title">{{ 'OrderingService::Dashboard:OrderStatusChartTitle' | abpLocalization }}</h5>
       </div>
     </div>
   </div>

apps/angular/projects/ordering/src/pages/dashboard/components/payments-chart/payments-chart.component.html

@@ -3,7 +3,7 @@
   <div class="card-header">
     <div class="row">
       <div class="col col-md-12">
-        <h5 class="card-title">{{ 'OrderingService::OrderStatuses' | abpLocalization }}</h5>
+        <h5 class="card-title">{{ 'OrderingService::Dashboard:PaymentChartTitle' | abpLocalization }}</h5>
       </div>
     </div>
   </div>

apps/angular/projects/ordering/src/pages/dashboard/components/top-selling/top-selling.component.html

@@ -2,7 +2,7 @@
   <div class="card-header">
     <div class="row">
       <div class="col col-md-12">
-        <h5 class="card-title">{{ 'OrderingService::TopSelling' | abpLocalization }}</h5>
+        <h5 class="card-title">{{ 'OrderingService::Dashboard:TopSellingCardTitle' | abpLocalization }}</h5>
       </div>
     </div>
   </div>
@@ -10,11 +10,11 @@
 
     <ngx-datatable [rows]="topSellingProducts" [count]="topSellingProducts.length" default>
       <ngx-datatable-column
-        [name]="'OrderingService::DisplayName:productName' | abpLocalization"
+        [name]="'OrderingService::DisplayName:ProductName' | abpLocalization"
         prop="productName"
       ></ngx-datatable-column>
       <ngx-datatable-column
-        [name]="'OrderingService::DisplayName:units' | abpLocalization"
+        [name]="'OrderingService::DisplayName:Units' | abpLocalization"
         prop="units"
       ></ngx-datatable-column>
 

apps/angular/projects/ordering/src/pages/dashboard/dashboard.component.html

@@ -1,16 +1,16 @@
-<p>dashboard works!</p>
-
+ <h1> {{"OrderingService::Dashboard:Title" | abpLocalization}}</h1>
+ <br>
 
 <div *ngIf="dashboard$ | async as dashboard">
     <div class="row">
-      <div class="col col-md-9">
-        <app-top-selling [topSellingProducts]="dashboard.topSellings">
-        </app-top-selling>
-      </div>
       <div class="col col-md-3">
         <app-order-status-chart [data]="dashboard.orderStatusDto">
         </app-order-status-chart>
       </div>
+      <div class="col col-md-6">
+        <app-top-selling [topSellingProducts]="dashboard.topSellings">
+        </app-top-selling>
+      </div>
       <div class="col col-md-3">
         <app-payments-chart [data]="dashboard.payments">
         </app-payments-chart>

services/ordering/src/EShopOnAbp.OrderingService.Domain.Shared/Localization/OrderingService/en.json

@@ -30,7 +30,7 @@
     "DisplayName:BuyerEmail": "Buyer E-mail", 
     "DisplayName:Address": "Address",
     "DisplayName:PaymentMethod": "Payment Method",
-    "DisplayName:Total": "Total", 
+    "DisplayName:Total": "Total",
 
     "Permission:Orders.SetAsCancelled": "Set As Cancelled",
     "Permission:Orders.SetAsShipped": "Set As Shipped",
@@ -39,6 +39,10 @@
     "Enum:OrderStatus:1":"Paid",
     "Enum:OrderStatus:2":"Shipped",
     "Enum:OrderStatus:3":"Cancelled",
-    "Permission:Dashboard": "Dashboard"
+    "Permission:Dashboard": "Dashboard",
+    "Dashboard:Title": "Dashboard",
+    "Dashboard:OrderStatusChartTitle": "Order Status Chart",
+    "Dashboard:PaymentChartTitle": "Payments Chart",
+    "Dashboard:TopSellingCardTitle": "Top Selling"
   }
 }