Get value of OrderStatusEnum at localization

apps/angular/projects/ordering/src/lib/components/order-status/order-status.component.ts

@@ -1,33 +0,0 @@
-import {ChangeDetectionStrategy, Component, Input} from '@angular/core';
-import {orderStatusOptions} from '../../proxy/orders';
-
-@Component({
-  selector: 'lib-order-status',
-  template: `
-    {{statusText}}
-  `,
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class OrderStatusComponent {
-
-  @Input()
-  set id(v: number) {
-    this.statusText = this.idToText(v);
-  }
-
-  options = orderStatusOptions;
-
-  statusText: string;
-
-  private idToText(id: number): string | null {
-    console.log('hello', new Date().toLocalISOString())
-    const item = this.options.find(x => x.value === id);
-
-    if (!item) {
-      return null;
-    }
-    return item.key;
-  }
-
-
-}

apps/angular/projects/ordering/src/ordering.module.ts

@@ -1,18 +1,13 @@
 import { NgModule } from '@angular/core';
 import { OrderingRoutingModule } from './ordering-routing.module';
-import { OrderStatusComponent } from './lib/components/order-status/order-status.component';
-
 
 @NgModule({
   declarations: [
-    OrderStatusComponent
   ],
   imports: [
     OrderingRoutingModule
   ],
-    exports: [
-        OrderStatusComponent
-    ]
+    exports: []
 })
 export class OrderingModule {
 }

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

@@ -63,7 +63,7 @@
       </ngx-datatable-column>
       <ngx-datatable-column [name]="'OrderingService::DisplayName:OrderStatus' | abpLocalization" prop="orderStatus">
         <ng-template let-value="value" ngx-datatable-cell-template>
-            <lib-order-status [id]="value"></lib-order-status>
+             {{ "OrderingService::Enum:OrderStatus:" + value | abpLocalization }}
         </ng-template>
       </ngx-datatable-column>
     </ngx-datatable>

apps/angular/projects/ordering/src/pages/orders/orders.module.ts

@@ -8,7 +8,6 @@ import { CoreModule } from '@abp/ng.core';
 import { OrderDetailComponent } from './order-detail/order-detail.component';
 import { OrderDetailItemComponent } from './order-detail/order-detail-item/order-detail-item.component';
 import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
-import {OrderingModule} from "../../ordering.module";
 
 
 @NgModule({
@@ -23,7 +22,6 @@ import {OrderingModule} from "../../ordering.module";
         OrdersRoutingModule,
         ThemeSharedModule,
         CoreModule,
-        OrderingModule,
     ]
 })
 export class OrdersModule { }

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

@@ -32,6 +32,10 @@
     "DisplayName:PaymentMethod": "Payment Method", 
     "DisplayName:Total": "Total", 
     "Permission:Orders.SetAsCancelled": "Set As Cancelled",
-    "Permission:Orders.SetAsShipped": "Set As Shipped"
+    "Permission:Orders.SetAsShipped": "Set As Shipped",
+    "Enum:OrderStatus:0":"Placed",
+    "Enum:OrderStatus:1":"Paid",
+    "Enum:OrderStatus:2":"Shipped",
+    "Enum:OrderStatus:3":"Cancelled"
   }
 }