feat: non-individual entity UI improvements — hide individual-only sections, fix legal form display, send extended fields to API

- Hide Family Members tab/section for non-individual entities in client view, create flow, and preview - Hide Financial & Classification section for non-individual entities in personal data and preview - Fix legal form column in clients list — fetch legalForm from client API for correct display - Add person/business icon before client name in list rows - Remove unsupportedNpd filter — send authorizedSignatory, additionalInfo, dateOfRegistration to API - Add registration number format hint (mat-hint) based on constitution type - Add spacing between verification row and constitution type dropdowns - Reduce table cell padding and prevent action buttons from being clipped - Add missing MPL-2.0 license headers Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 15:10:51 +05:30
parent ab01111424
commit b890d24bb7
522 changed files with 51991 additions and 21885 deletions
@@ -7,66 +7,34 @@
 -->

 <div class="container">
-  <mat-card class="tasks-card">
-    <mat-card-content>
-      <div class="card-heading pending-tasks-heading">{{ 'labels.heading.Pending Tasks' | translate }}</div>
-      <mat-divider></mat-divider>
-      <nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
-        <a
-          mat-tab-link
-          [routerLink]="['./checker-inbox']"
-          routerLinkActive
-          #checkerInbox="routerLinkActive"
-          [active]="checkerInbox.isActive"
-          *mifosxHasPermission="'ALL_FUNCTIONS_READ'"
-        >
-          {{ 'labels.inputs.Checker Inbox' | translate }}
-        </a>
-        <a
-          mat-tab-link
-          [routerLink]="['./client-approval']"
-          routerLinkActive
-          #clientApproval="routerLinkActive"
-          [active]="clientApproval.isActive"
-          *mifosxHasPermission="'READ_CLIENT'"
-        >
-          {{ 'labels.inputs.Client Approval' | translate }}
-        </a>
-        <a
-          mat-tab-link
-          [routerLink]="['./loan-approval']"
-          routerLinkActive
-          #loanApproval="routerLinkActive"
-          [active]="loanApproval.isActive"
-          *mifosxHasPermission="'READ_LOAN'"
-        >
-          {{ 'labels.inputs.Loan Approval' | translate }}
-        </a>
-        <a
-          mat-tab-link
-          [routerLink]="['./loan-disbursal']"
-          routerLinkActive
-          #loanDisbursal="routerLinkActive"
-          [active]="loanDisbursal.isActive"
-          *mifosxHasPermission="'READ_LOAN'"
-        >
-          {{ 'labels.inputs.Loan Disbursal' | translate }}
-        </a>
-        <a
-          mat-tab-link
-          [routerLink]="['./reschedule-loan']"
-          routerLinkActive
-          #rescheduleLoan="routerLinkActive"
-          [active]="rescheduleLoan.isActive"
-          *mifosxHasPermission="'RESCHEDULE_LOAN'"
-        >
-          {{ 'labels.inputs.Reschedule Loan' | translate }}
-        </a>
-      </nav>
+  <div class="table-header">
+    <div class="table-title-group">
+      <h2 class="table-title">
+        <span class="t-logomark"><span></span><span></span><span></span><span></span></span>
+        {{ 'labels.heading.Pending Tasks' | translate }}
+      </h2>
+    </div>
+  </div>

-      <mat-tab-nav-panel #tabPanel>
-        <router-outlet></router-outlet>
-      </mat-tab-nav-panel>
-    </mat-card-content>
-  </mat-card>
+  <nav mat-tab-nav-bar class="cv-tab-nav" [tabPanel]="tabPanel">
+    <a mat-tab-link [routerLink]="['./checker-inbox']" routerLinkActive #checkerInbox="routerLinkActive" [active]="checkerInbox.isActive" *mifosxHasPermission="'ALL_FUNCTIONS_READ'">
+      <i class="fas fa-inbox cv-tab-icon"></i> {{ 'labels.inputs.Checker Inbox' | translate }}
+    </a>
+    <a mat-tab-link [routerLink]="['./client-approval']" routerLinkActive #clientApproval="routerLinkActive" [active]="clientApproval.isActive" *mifosxHasPermission="'READ_CLIENT'">
+      <i class="fas fa-user-check cv-tab-icon"></i> {{ 'labels.inputs.Client Approval' | translate }}
+    </a>
+    <a mat-tab-link [routerLink]="['./loan-approval']" routerLinkActive #loanApproval="routerLinkActive" [active]="loanApproval.isActive" *mifosxHasPermission="'READ_LOAN'">
+      <i class="fas fa-hand-holding-usd cv-tab-icon"></i> {{ 'labels.inputs.Loan Approval' | translate }}
+    </a>
+    <a mat-tab-link [routerLink]="['./loan-disbursal']" routerLinkActive #loanDisbursal="routerLinkActive" [active]="loanDisbursal.isActive" *mifosxHasPermission="'READ_LOAN'">
+      <i class="fas fa-money-bill-wave cv-tab-icon"></i> {{ 'labels.inputs.Loan Disbursal' | translate }}
+    </a>
+    <a mat-tab-link [routerLink]="['./reschedule-loan']" routerLinkActive #rescheduleLoan="routerLinkActive" [active]="rescheduleLoan.isActive" *mifosxHasPermission="'RESCHEDULE_LOAN'">
+      <i class="fas fa-calendar-alt cv-tab-icon"></i> {{ 'labels.inputs.Reschedule Loan' | translate }}
+    </a>
+  </nav>
+
+  <mat-tab-nav-panel #tabPanel>
+    <router-outlet></router-outlet>
+  </mat-tab-nav-panel>
 </div>