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
@@ -0,0 +1,87 @@
+import { Component, OnInit, inject } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { MatIcon } from '@angular/material/icon';
+import { MatProgressSpinner } from '@angular/material/progress-spinner';
+import { ClientsService } from '../../clients.service';
+
+@Component({
+  selector: 'mifosx-entity-classification-tab',
+  templateUrl: './entity-classification-tab.component.html',
+  styleUrls: ['./entity-classification-tab.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    FaIconComponent,
+    MatIcon,
+    MatProgressSpinner
+  ]
+})
+export class EntityClassificationTabComponent implements OnInit {
+  private route = inject(ActivatedRoute);
+  private clientsService = inject(ClientsService);
+
+  clientId: string = '';
+  loading = true;
+  data: any = null;
+
+  /** Category metadata for display */
+  categories = [
+    { key: 'msme', label: 'MSME', tag: 'Udyam / MSME', tagColor: '#0A5C6B', tagBg: '#E6F4F6', icon: 'cogs' },
+    { key: 'startup', label: 'Startup India', tag: 'DPIIT', tagColor: '#1A5FAB', tagBg: '#EAF2FB', icon: 'rocket' },
+    { key: 'mudra', label: 'Mudra Borrower', tag: 'PMMY', tagColor: '#8A5A00', tagBg: '#FEF3DC', icon: 'hand-holding-usd' },
+    { key: 'eou', label: 'Export Oriented Unit', tag: 'EOU', tagColor: '#1B7A4A', tagBg: '#E8F5EE', icon: 'ship' },
+    { key: 'importexport', label: 'Import Export', tag: 'DGFT / IEC', tagColor: '#5B3A8A', tagBg: '#F0EBF8', icon: 'exchange-alt' },
+    { key: 'psl', label: 'Priority Sector', tag: 'RBI PSL', tagColor: '#7B1F1F', tagBg: '#FCEAEA', icon: 'bullseye' },
+    { key: 'nps', label: 'Non-Priority Sector', tag: 'General', tagColor: '#444441', tagBg: '#F1EFE8', icon: 'building' }
+  ];
+
+  ngOnInit() {
+    this.clientId = this.route.parent?.snapshot.paramMap.get('clientId') || '';
+    if (this.clientId) {
+      this.clientsService.getEntityClassifications(this.clientId).subscribe({
+        next: (res: any) => { this.data = res; this.loading = false; },
+        error: () => { this.loading = false; }
+      });
+    } else {
+      this.loading = false;
+    }
+  }
+
+  get enabledCategories(): any[] {
+    if (!this.data) return [];
+    return this.categories.filter(c => this.data[c.key]?.enabled);
+  }
+
+  getCategoryData(key: string): any {
+    return this.data?.[key] || {};
+  }
+
+  getFieldPairs(catData: any): { label: string, value: any }[] {
+    if (!catData) return [];
+    const skip = ['id', 'clientId', 'enabled', 'locale', 'dateFormat'];
+    return Object.keys(catData)
+      .filter(k => !skip.includes(k) && catData[k] != null && catData[k] !== '' && catData[k] !== false)
+      .map(k => ({
+        label: this.formatLabel(k),
+        value: this.formatValue(catData[k])
+      }));
+  }
+
+  private formatLabel(key: string): string {
+    return key
+      .replace(/([A-Z])/g, ' $1')
+      .replace(/^./, s => s.toUpperCase())
+      .replace(/Id$/, '')
+      .trim();
+  }
+
+  private formatValue(val: any): string {
+    if (Array.isArray(val) && val.length === 3) {
+      return `${val[2]}/${val[1]}/${val[0]}`;
+    }
+    if (val === true) return 'Yes';
+    if (typeof val === 'number') return val.toLocaleString('en-IN');
+    return String(val);
+  }
+}