Fix: Ledger and product ledger on init would fail because account/product ledger was null. Fixed

overlord/src/app/employee-attendance/employee-attendance.component.ts

@@ -106,7 +106,7 @@ export class EmployeeAttendanceComponent implements OnInit, AfterViewInit {
   }
 
   selected(event: MatAutocompleteSelectedEvent): void {
-    this.info.employee = event.option.value;
+    this.info.employee = event.option.value as Employee;
   }
 
   getClass(index: number) {

overlord/src/app/employee-benefits/employee-benefits.component.ts

@@ -138,7 +138,7 @@ export class EmployeeBenefitsComponent implements OnInit, AfterViewInit {
   }
 
   employeeSelected(event: MatAutocompleteSelectedEvent): void {
-    this.employee = event.option.value;
+    this.employee = event.option.value as Employee;
   }
 
   addRow() {

overlord/src/app/issue/issue-dialog.component.ts

@@ -57,7 +57,7 @@ export class IssueDialogComponent implements OnInit {
   }
 
   batchSelected(event: MatAutocompleteSelectedEvent): void {
-    this.batch = event.option.value;
+    this.batch = event.option.value as Batch;
   }
 
   accept(): void {

overlord/src/app/issue/issue.component.ts

@@ -331,7 +331,7 @@ export class IssueComponent implements OnInit, AfterViewInit, OnDestroy {
   }
 
   batchSelected(event: MatAutocompleteSelectedEvent): void {
-    this.batch = event.option.value;
+    this.batch = event.option.value as Batch;
   }
 
   goToVoucher(id: string) {

overlord/src/app/journal/journal-dialog.component.ts

@@ -61,7 +61,7 @@ export class JournalDialogComponent implements OnInit {
   }
 
   accountSelected(event: MatAutocompleteSelectedEvent): void {
-    const account = event.option.value;
+    const account = event.option.value as Account;
     this.account = account;
     this.accountSer.balance(account.id as string, this.data.date).subscribe((v) => {
       this.accBal = v;

overlord/src/app/journal/journal.component.ts

@@ -329,7 +329,7 @@ export class JournalComponent implements OnInit, AfterViewInit, OnDestroy {
   }
 
   accountSelected(event: MatAutocompleteSelectedEvent): void {
-    const account = event.option.value;
+    const account = event.option.value as Account;
     this.account = account;
     const date = moment(this.form.value.date).format('DD-MMM-YYYY');
     this.accountSer.balance(account.id as string, date).subscribe((v) => {

overlord/src/app/ledger/ledger.component.ts

@@ -69,7 +69,7 @@ export class LedgerComponent implements OnInit, AfterViewInit {
       this.info = data.info;
       this.calculateTotals();
       this.form.setValue({
-        account: this.info.account.name,
+        account: this.info.account?.name ?? '',
         startDate: moment(this.info.startDate, 'DD-MMM-YYYY').toDate(),
         finishDate: moment(this.info.finishDate, 'DD-MMM-YYYY').toDate(),
       });
@@ -108,7 +108,7 @@ export class LedgerComponent implements OnInit, AfterViewInit {
   }
 
   selected(event: MatAutocompleteSelectedEvent): void {
-    this.info.account = event.option.value;
+    this.info.account = event.option.value as Account;
   }
 
   selectRow(id: string): void {
@@ -117,12 +117,14 @@ export class LedgerComponent implements OnInit, AfterViewInit {
 
   show() {
     const info = this.getInfo();
-    this.router.navigate(['ledger', info.account.id], {
+    if (info.account) {
-      queryParams: {
+      this.router.navigate(['ledger', info.account.id], {
-        startDate: info.startDate,
+        queryParams: {
-        finishDate: info.finishDate,
+          startDate: info.startDate,
-      },
+          finishDate: info.finishDate,
-    });
+        },
+      });
+    }
   }
 
   getInfo(): Ledger {

overlord/src/app/ledger/ledger.ts

@@ -5,13 +5,12 @@ import { LedgerItem } from './ledger-item';
 export class Ledger {
   startDate: string;
   finishDate: string;
-  account: Account;
+  account?: Account;
   body: LedgerItem[];
 
   public constructor(init?: Partial<Ledger>) {
     this.startDate = '';
     this.finishDate = '';
-    this.account = new Account();
     this.body = [];
     Object.assign(this, init);
   }

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

@@ -86,7 +86,7 @@ export class ProductLedgerComponent implements OnInit, AfterViewInit {
       this.info = data.info;
       this.calculateTotals();
       this.form.setValue({
-        product: this.info.product.name,
+        product: this.info.product?.name ?? '',
         startDate: moment(this.info.startDate, 'DD-MMM-YYYY').toDate(),
         finishDate: moment(this.info.finishDate, 'DD-MMM-YYYY').toDate(),
       });
@@ -136,12 +136,14 @@ export class ProductLedgerComponent implements OnInit, AfterViewInit {
 
   show() {
     const info = this.getInfo();
-    this.router.navigate(['product-ledger', info.product.id], {
+    if (info.product) {
-      queryParams: {
+      this.router.navigate(['product-ledger', info.product.id], {
-        startDate: info.startDate,
+        queryParams: {
-        finishDate: info.finishDate,
+          startDate: info.startDate,
-      },
+          finishDate: info.finishDate,
-    });
+        },
+      });
+    }
   }
 
   getInfo(): ProductLedger {

overlord/src/app/product-ledger/product-ledger.ts

@@ -5,13 +5,12 @@ import { ProductLedgerItem } from './product-ledger-item';
 export class ProductLedger {
   startDate: string;
   finishDate: string;
-  product: Product;
+  product?: Product;
   body: ProductLedgerItem[];
 
   public constructor(init?: Partial<ProductLedger>) {
     this.startDate = '';
     this.finishDate = '';
-    this.product = new Product();
     this.body = [];
     Object.assign(this, init);
   }