Ledger now showing running totals.

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

@@ -37,7 +37,7 @@ export interface PaymentDialogFormData {
   ],
 })
 export class PaymentDialogComponent {
-  dialogRef = inject<MatDialogRef<PaymentDialogComponent>>(MatDialogRef);
+  readonly dialogRef = inject<MatDialogRef<PaymentDialogComponent, Journal>>(MatDialogRef);
   data = inject<{
     journal: Journal;
     date: string;

overlord/src/app/payment/payment.component.ts

@@ -98,17 +98,11 @@ export interface PaymentFormModel {
     CurrencyPipe,
     AccountingPipe,
     LocalTimePipe,
-
     SkeletonLoaderComponent,
     ErrorStateComponent,
   ],
 })
 export class PaymentComponent {
-  id = input(null, { transform: (v: string | null | undefined) => v ?? null });
-  d = input(null, { transform: (v: string | null | undefined) => v ?? null });
-  a = input(null, { transform: (v: string | null | undefined) => v ?? null });
-  type = signal('Payment');
-
   private router = inject(Router);
   private dialog = inject(MatDialog);
   private snackBar = inject(MatSnackBar);
@@ -118,13 +112,14 @@ export class PaymentComponent {
   private ser = inject(VoucherService);
   private accountSer = inject(AccountService);
   private tagSer = inject(TagService);
-
   sortActive = signal('');
   sortDirection = signal('');
-
+  id = input(null, { transform: (v: string | null | undefined) => v ?? null });
+  d = input(null, { transform: (v: string | null | undefined) => v ?? null });
+  a = input(null, { transform: (v: string | null | undefined) => v ?? null });
+  type = signal('Payment');
   itemResource = this.ser.getVoucher(this.id, this.type, this.a, this.d);
   item = linkedSignal(() => this.itemResource.value() ?? new Voucher());
-
   formModel = linkedSignal<Voucher, PaymentFormModel>({
     source: this.item,
     computation: (voucher): PaymentFormModel => {