Chore: Updated to Angular 16

overlord/src/app/product/product-detail/product-detail.component.html

@@ -88,7 +88,7 @@
       <ng-container matColumnDef="costPrice">
         <mat-header-cell *matHeaderCellDef class="right">Cost Price</mat-header-cell>
         <mat-cell *matCellDef="let row" class="right">{{
-          row.costPrice | currency : 'INR'
+          row.costPrice | currency: 'INR'
         }}</mat-cell>
       </ng-container>
 
@@ -96,7 +96,7 @@
       <ng-container matColumnDef="salePrice">
         <mat-header-cell *matHeaderCellDef class="right">Sale Price</mat-header-cell>
         <mat-cell *matCellDef="let row" class="right">{{
-          row.salePrice | currency : 'INR'
+          row.salePrice | currency: 'INR'
         }}</mat-cell>
       </ng-container>
 

overlord/src/app/product/product-list/product-list.component.html

@@ -43,7 +43,7 @@
         <mat-cell *matCellDef="let row">
           <ul>
             <li *ngFor="let sku of row.skus">
-              {{ sku.costPrice | currency : 'INR' }}
+              {{ sku.costPrice | currency: 'INR' }}
             </li>
           </ul>
         </mat-cell>
@@ -55,7 +55,7 @@
         <mat-cell *matCellDef="let row">
           <ul>
             <li *ngFor="let sku of row.skus">
-              {{ sku.productYield | percent : '1.2-2' }}
+              {{ sku.productYield | percent: '1.2-2' }}
             </li>
           </ul>
         </mat-cell>

overlord/src/app/product/product-list/product-list.component.ts

@@ -32,7 +32,10 @@ export class ProductListComponent implements OnInit, AfterViewInit {
 
   private _showExtended = true;
 
-  constructor(private route: ActivatedRoute, private toCsv: ToCsvService) {
+  constructor(
+    private route: ActivatedRoute,
+    private toCsv: ToCsvService,
+  ) {
     this.showExtended = true;
     this.form = new FormGroup({
       filter: new FormControl<string>('', { nonNullable: true }),

overlord/src/app/product/product.service.ts

@@ -12,7 +12,10 @@ const serviceName = 'ProductService';
 
 @Injectable({ providedIn: 'root' })
 export class ProductService {
-  constructor(private http: HttpClient, private log: ErrorLoggerService) {}
+  constructor(
+    private http: HttpClient,
+    private log: ErrorLoggerService,
+  ) {}
 
   get(id: string | null): Observable<Product> {
     const getUrl: string = id === null ? `${url}` : `${url}/${id}`;