DDS: approvals tab, vouchers, payout & close, Sundry GL search, closure tab, fixes

src/app/deposits/party-master/party-master.component.html

@@ -47,7 +47,9 @@
           paid in full, waiting to be closed.
         }
       </span>
-      <span class="pm-due-banner__cta">Settle {{ dueForClosureCount === 1 ? 'it' : 'them' }} <fa-icon icon="arrow-right"></fa-icon></span>
+      <span class="pm-due-banner__cta"
+        >Settle {{ dueForClosureCount === 1 ? 'it' : 'them' }} <fa-icon icon="arrow-right"></fa-icon
+      ></span>
     </a>
   }
 
@@ -59,7 +61,10 @@
         <div class="pl-kpi-l">Open Accounts</div>
       </div>
     </div>
-    <div class="pl-kpi pl-kpi--purple" matTooltip="What the agents should collect between them on a full collection day">
+    <div
+      class="pl-kpi pl-kpi--purple"
+      matTooltip="What the agents should collect between them on a full collection day"
+    >
       <div class="pl-kpi-ic"><fa-icon icon="calendar-day"></fa-icon></div>
       <div>
         <div class="pl-kpi-n">{{ totalDailyDue | number: '1.2-2' }}</div>
@@ -79,7 +84,11 @@
     <div class="pl-toolbar">
       <div class="pl-search">
         <fa-icon icon="search" class="pl-search-ic"></fa-icon>
-        <input type="text" (input)="applyFilter($any($event.target).value)" placeholder="Search by code, name or agent…" />
+        <input
+          type="text"
+          (input)="applyFilter($any($event.target).value)"
+          placeholder="Search by code, name or agent…"
+        />
       </div>
     </div>
 
@@ -131,14 +140,19 @@
             </td>
           </ng-container>
 
-<!--
+          <!--
             The customer's real deposit account. A party without one is money the bank's books do not
             know about, so it is called out rather than shown as a blank cell.
           -->
           <ng-container matColumnDef="savingsAccountNo">
             <th mat-header-cell *matHeaderCellDef>DDS Account</th>
             <td mat-cell *matCellDef="let p">
-              @if (p.savingsAccountNo) {
+              @if (p.accountNo) {
+                <div class="pl-product-meta">
+                  <div class="pm-list-account">{{ p.accountNo }}</div>
+                  <div class="pl-product-sub">{{ p.subTypeDescription || p.subType }}</div>
+                </div>
+              } @else if (p.savingsAccountNo) {
                 <div class="pl-product-meta">
                   <div class="pm-list-account">{{ p.savingsAccountNo }}</div>
                   <div class="pl-product-sub">{{ p.savingsAccountStatus }}</div>