From 71552d687588eb862294ff654ebee70ea62cfb27 Mon Sep 17 00:00:00 2001 From: Jaanu423 Date: Wed, 24 Jun 2026 13:12:08 +0530 Subject: [PATCH] feat(election): add guarantor status section to nomination-apply page Shows whether the selected nominee is a guarantor on any loan, with loan health indicator, borrower details, savings account, guaranteed/released/remaining amounts, and loan timeline. Co-Authored-By: Claude Sonnet 4.6 --- .../candidate-board.component.scss | 2 - .../election-config.component.scss | 3 +- .../election-dashboard.component.scss | 2 - .../election-results.component.scss | 2 - .../nomination-apply.component.html | 1888 +++++++++++------ .../nomination-apply.component.scss | 1049 ++++++++- .../nomination-apply.component.ts | 208 ++ .../nomination-detail.component.scss | 2 - .../nomination-list.component.scss | 2 - .../voting-interface.component.scss | 2 - .../view-guarantors.component.html | 100 +- src/app/loans/loans.service.ts | 4 + src/environments/.env.ts | 4 +- src/main.scss | 13 + 14 files changed, 2532 insertions(+), 749 deletions(-) diff --git a/src/app/election/components/candidate-board/candidate-board.component.scss b/src/app/election/components/candidate-board/candidate-board.component.scss index 31d553f4b..6fa59af2a 100644 --- a/src/app/election/components/candidate-board/candidate-board.component.scss +++ b/src/app/election/components/candidate-board/candidate-board.component.scss @@ -8,8 +8,6 @@ .candidate-board { padding: 24px; - max-width: 1300px; - margin: 0 auto; } .page-header { diff --git a/src/app/election/components/election-config/election-config.component.scss b/src/app/election/components/election-config/election-config.component.scss index d43b31607..8bc497c48 100644 --- a/src/app/election/components/election-config/election-config.component.scss +++ b/src/app/election/components/election-config/election-config.component.scss @@ -30,8 +30,7 @@ $shadow-md: 0 4px 20px rgb(74 108 247 / 13%); } .config-inner { - max-width: 860px; - margin: 0 auto; + // layout wrapper } // ── Page header ──────────────────────────────────────────────────────────── diff --git a/src/app/election/components/election-dashboard/election-dashboard.component.scss b/src/app/election/components/election-dashboard/election-dashboard.component.scss index 33433d6d2..85dc03afe 100644 --- a/src/app/election/components/election-dashboard/election-dashboard.component.scss +++ b/src/app/election/components/election-dashboard/election-dashboard.component.scss @@ -8,8 +8,6 @@ .election-dashboard { padding: 24px; - max-width: 1400px; - margin: 0 auto; } .page-header { diff --git a/src/app/election/components/election-results/election-results.component.scss b/src/app/election/components/election-results/election-results.component.scss index e2d5a3eb7..e1beba1d2 100644 --- a/src/app/election/components/election-results/election-results.component.scss +++ b/src/app/election/components/election-results/election-results.component.scss @@ -8,8 +8,6 @@ .election-results { padding: 24px; - max-width: 1000px; - margin: 0 auto; } .page-header { diff --git a/src/app/election/components/nomination-apply/nomination-apply.component.html b/src/app/election/components/nomination-apply/nomination-apply.component.html index a96c3ecdd..bfc314eea 100644 --- a/src/app/election/components/nomination-apply/nomination-apply.component.html +++ b/src/app/election/components/nomination-apply/nomination-apply.component.html @@ -28,703 +28,1267 @@ -
- -
-
manage_search Search Account Holder
-
- - Type member name or account number - - search - - @if (searchLoading) { - - - Searching... - - } - @for (client of filteredClients; track client.id) { - - person +
+ +
+
+ +
+
manage_search Search Account Holder
+ + @if (!selectedMemberId) { + +
+ + Type member name or account number + + search + + @if (searchLoading) { + + + Searching... + + } + @for (client of filteredClients; track client.id) { + + person + {{ client.displayName }} + ID: {{ client.id }} + @if (client.mobileNo) { +  · {{ client.mobileNo }} + } + + } + @if ( + !searchLoading && + filteredClients.length === 0 && + memberSearchCtrl.value && + memberSearchCtrl.value.length >= 2 + ) { + No members found + } + + +
+
+ info + Search and select a member to auto-fill their personal details below. +
+ } @else { + +
+ check_circle + Member ID: {{ selectedMemberId }} - {{ client.displayName }} - ID: {{ client.id }} - @if (client.mobileNo) { -  · {{ client.mobileNo }} + @if (selectedShareAccountNo) { +  ·  Share A/C: {{ selectedShareAccountNo }} +  ·  Shares: {{ selectedShareCount }} + } @else { +  ·  No active share account found } - +  ·  Details auto-filled below + +
} - @if ( - !searchLoading && - filteredClients.length === 0 && - memberSearchCtrl.value && - memberSearchCtrl.value.length >= 2 - ) { - No members found - } - - -
- - @if (selectedMemberId) { -
- check_circle - Member ID: {{ selectedMemberId }} - @if (selectedShareAccountNo) { -  ·  Share A/C: {{ selectedShareAccountNo }} -  ·  Shares: {{ selectedShareCount }} - } @else { -  ·  No active share account found - } -  ·  Details auto-filled below -
- } @else { -
- info - Search and select a member to auto-fill their personal details below. -
- } -
- - - @if (selectedMemberId) { -
-
group Family Members
- - @if (familyLoading) { -
- - Loading family members...
- } @else if (familyMembers.length === 0) { -
- info_outline - No family members on record for this client. -
- } @else { -
- @for (member of familyMembers; track member.id) { -
- -
-
- {{ familyMemberDisplayName(member) }} - @if (member.relationship || member.relationshipId?.name) { - {{ member.relationship || member.relationshipId?.name }} - } + + @if (selectedMemberId) { +
+
+ group + Family Members + @if (familyMembers.length > 0) { + {{ familyMembers.length }} + } + expand_more +
- @if (isLinkedClient(member)) { - - person_pin - {{ member.linkedClientCif || 'CBS ID: ' + member.linkedClientId }} - - } - - @if (member.dateOfBirth) { - - cake - {{ parseDob(member.dateOfBirth) | date: 'dd MMM yyyy' }} - - } + @if (familyExpanded) { + @if (familyLoading) { +
+ + Loading family members...
- -
- @if (isLinkedClient(member)) { - - person_pin - Linked Client #{{ member.linkedClientId }} - - } @else { - - edit_note - Manual Entry - - } - - expand_more - + } @else if (familyMembers.length === 0) { +
+ info_outline + No family members on record for this client.
-
+ } @else { +
+ @for (member of familyMembers; track member.id) { +
+ +
+
+ {{ familyMemberDisplayName(member) }} - - @if (expandedFamilyCards.has(member.id)) { - - @if (member.panNumber || member.aadhaarNumber || member.nationality || member.mobileNumber) { -
- @if (member.panNumber) { -
- PAN - {{ member.panNumber }} -
- } - @if (member.aadhaarNumber) { -
- Aadhaar - {{ member.aadhaarNumber }} -
- } - @if (member.nationality) { -
- Nationality - {{ member.nationality }} -
- } - @if (member.mobileNumber) { -
- Mobile - {{ member.mobileNumber }} -
- } - @if (member.qualification) { -
- Qualification - {{ member.qualification }} -
- } -
- } + @if (member.relationship || member.relationshipId?.name) { + {{ + member.relationship || member.relationshipId?.name + }} + } - - @if (!isLinkedClient(member)) { -
- - info_outline - This member is not a CBS client yet. - - -
- } + @if (isLinkedClient(member)) { + + person_pin + {{ member.linkedClientCif || 'CBS ID: ' + member.linkedClientId }} + + } - - @if (isLinkedClient(member)) { -
-
- verified_user - KYC Details - {{ familyMemberDisplayName(member) }} + @if (member.dateOfBirth) { + + cake + {{ parseDob(member.dateOfBirth) | date: 'dd MMM yyyy' }} + + } +
+ +
+ @if (isLinkedClient(member)) { + + person_pin + Linked Client #{{ member.linkedClientId }} + + } @else { + + edit_note + Manual Entry + + } + + expand_more + +
+
+ + + @if (expandedFamilyCards.has(member.id)) { + + @if ( + member.panNumber || + member.aadhaarNumber || + member.nationality || + member.mobileNumber + ) { +
+ @if (member.panNumber) { +
+ PAN + {{ member.panNumber }} +
+ } + @if (member.aadhaarNumber) { +
+ Aadhaar + {{ member.aadhaarNumber }} +
+ } + @if (member.nationality) { +
+ Nationality + {{ member.nationality }} +
+ } + @if (member.mobileNumber) { +
+ Mobile + {{ member.mobileNumber }} +
+ } + @if (member.qualification) { +
+ Qualification + {{ member.qualification }} +
+ } +
+ } + + + @if (!isLinkedClient(member)) { +
+ + info_outline + This member is not a CBS client yet. + + +
+ } + + + @if (isLinkedClient(member)) { +
+
+ verified_user + KYC Details + {{ familyMemberDisplayName(member) }} +
+ @if (familyKycLoading) { +
+ Loading KYC... +
+ } @else { + @let fmKyc = familyMemberKycMap['c' + member.linkedClientId]; + @if (!fmKyc) { +
+ warning KYC not submitted for this client. +
+ } @else { +
+
+ + {{ + fmKyc.kycStatus === 300 + ? 'verified' + : fmKyc.kycStatus === 400 + ? 'cancel' + : fmKyc.kycStatus === 500 + ? 'schedule' + : 'pending' + }} + {{ kycStatusLabel(fmKyc.kycStatus) }} + + {{ + fmKyc.kycType === 2 ? 'Non-Individual' : 'Individual' + }} + @if (fmKyc.ckycNumber) { + task_alt CKYC: {{ fmKyc.ckycNumber }} + } + @if (fmKyc.verifiedOn) { + + event_available + Verified: {{ parseDob(fmKyc.verifiedOn) | date: 'dd MMM yyyy' }} + + } +
+ +
+
+ {{ + fmKyc.riskCategory === 3 + ? 'priority_high' + : fmKyc.riskCategory === 2 + ? 'warning_amber' + : 'shield' + }} +
+
{{ riskLabel(fmKyc.riskCategory) }}
+
{{ riskRekyc(fmKyc.riskCategory) }}
+
+
+ @if (fmKyc.expiryDate) { + @let fmExp = kycExpiryInfo(fmKyc.expiryDate); +
+ {{ fmExp.isExpired ? 'event_busy' : 'event' }} +
+
+ {{ fmExp.isExpired ? 'KYC Expired' : 'KYC Expires' }} +
+
+ {{ fmExp.date | date: 'dd MMM yyyy' }} + @if (!fmExp.isExpired && fmExp.isExpiringSoon) { +  ({{ fmExp.daysLeft }} days left) + } + @if (fmExp.isExpired) { +  ({{ fmExp.daysLeft * -1 }} days ago) + } +
+
+
+ } +
+ +
+ fingerprint Identity Verification +
+
+
+
PAN Number
+
{{ fmKyc.panNumber || '—' }}
+ @if (fmKyc.panFullName) { +
{{ fmKyc.panFullName }}
+ } + @if (fmKyc.panNumber) { + + {{ + fmKyc.panVerified ? 'check_circle' : 'cancel' + }} + {{ fmKyc.panVerified ? 'Verified' : 'Not Verified' }} + + } + @if (fmKyc.panVerifiedOn) { +
+ on {{ parseDob(fmKyc.panVerifiedOn) | date: 'dd MMM yyyy' }} +
+ } +
+
+
Aadhaar
+
{{ fmKyc.aadhaarNumberMasked || '—' }}
+ @if (fmKyc.aadhaarNumberMasked) { + + {{ + fmKyc.aadhaarVerified ? 'check_circle' : 'cancel' + }} + {{ fmKyc.aadhaarVerified ? 'Verified' : 'Not Verified' }} + + } + @if (fmKyc.aadhaarVerifiedOn) { +
+ on {{ parseDob(fmKyc.aadhaarVerifiedOn) | date: 'dd MMM yyyy' }} +
+ } +
+
+
PAN–Aadhaar Link
+ @if (fmKyc.panAadhaarSeedingStatus === 'Y') { + link Linked + } @else if (fmKyc.panAadhaarSeedingStatus === 'N') { + link_off Not Linked + } @else if (fmKyc.panAadhaarSeedingStatus === 'E') { + block Exempt + } @else { +
—
+ } +
+ @if (fmKyc.kycDocumentName) { +
+
KYC Document
+
{{ fmKyc.kycDocumentName }}
+ @if (fmKyc.kycDocumentNumber) { +
No. {{ fmKyc.kycDocumentNumber }}
+ } + @if (fmKyc.kycDocExpiryDate) { +
+ Expires: + {{ parseDob(fmKyc.kycDocExpiryDate) | date: 'dd MMM yyyy' }} +
+ } +
+ } +
+
+ } + } +
+ } + }
- @if (familyKycLoading) { -
- Loading KYC... -
- } @else { - @let fmKyc = familyMemberKycMap['c' + member.linkedClientId]; - @if (!fmKyc) { -
- warning KYC not submitted for this client. + } +
+ } + + + @if (!familyLoading && manualEntryMembers.length > 0) { +
+ warning_amber +
+ Submission blocked — + @for (m of manualEntryMembers; track m.id; let last = $last) { + + {{ familyMemberDisplayName(m) + }}{{ + m.relationship || m.relationshipId?.name + ? ' (' + (m.relationship || m.relationshipId?.name) + ')' + : '' + }}{{ last ? '' : ', ' }} + + } + {{ manualEntryMembers.length === 1 ? 'is' : 'are' }} not registered as a CBS client. Use + Create as Client below before submitting. +
+
+ } + + + @if (!familyLoading) { +
+ + @if (showAddAsClientPanel) { +
+ @if (addAsClientLoading) { +
+ hourglass_empty Loading relationships…
} @else { -
-
- Select the relationship you want to create as a client:

+
+ @for (rel of availableRelationships; track rel.id) { +
- -
-
- {{ - fmKyc.riskCategory === 3 - ? 'priority_high' - : fmKyc.riskCategory === 2 - ? 'warning_amber' - : 'shield' - }} -
-
{{ riskLabel(fmKyc.riskCategory) }}
-
{{ riskRekyc(fmKyc.riskCategory) }}
-
-
- @if (fmKyc.expiryDate) { - @let fmExp = kycExpiryInfo(fmKyc.expiryDate); -
- {{ fmExp.isExpired ? 'event_busy' : 'event' }} -
-
- {{ fmExp.isExpired ? 'KYC Expired' : 'KYC Expires' }} -
-
- {{ fmExp.date | date: 'dd MMM yyyy' }} - @if (!fmExp.isExpired && fmExp.isExpiringSoon) { -  ({{ fmExp.daysLeft }} days left) - } - @if (fmExp.isExpired) { -  ({{ fmExp.daysLeft * -1 }} days ago) - } -
-
-
- } -
- -
- fingerprint Identity Verification -
-
-
-
PAN Number
-
{{ fmKyc.panNumber || '—' }}
- @if (fmKyc.panFullName) { -
{{ fmKyc.panFullName }}
- } - @if (fmKyc.panNumber) { - - {{ fmKyc.panVerified ? 'check_circle' : 'cancel' }} - {{ fmKyc.panVerified ? 'Verified' : 'Not Verified' }} - - } - @if (fmKyc.panVerifiedOn) { -
- on {{ parseDob(fmKyc.panVerifiedOn) | date: 'dd MMM yyyy' }} -
- } -
-
-
Aadhaar
-
{{ fmKyc.aadhaarNumberMasked || '—' }}
- @if (fmKyc.aadhaarNumberMasked) { - - {{ fmKyc.aadhaarVerified ? 'check_circle' : 'cancel' }} - {{ fmKyc.aadhaarVerified ? 'Verified' : 'Not Verified' }} - - } - @if (fmKyc.aadhaarVerifiedOn) { -
- on {{ parseDob(fmKyc.aadhaarVerifiedOn) | date: 'dd MMM yyyy' }} -
- } -
-
-
PAN–Aadhaar Link
- @if (fmKyc.panAadhaarSeedingStatus === 'Y') { - link Linked - } @else if (fmKyc.panAadhaarSeedingStatus === 'N') { - link_off Not Linked - } @else if (fmKyc.panAadhaarSeedingStatus === 'E') { - block Exempt - } @else { -
—
- } -
- @if (fmKyc.kycDocumentName) { -
-
KYC Document
-
{{ fmKyc.kycDocumentName }}
- @if (fmKyc.kycDocumentNumber) { -
No. {{ fmKyc.kycDocumentNumber }}
- } - @if (fmKyc.kycDocExpiryDate) { -
- Expires: {{ parseDob(fmKyc.kycDocExpiryDate) | date: 'dd MMM yyyy' }} -
- } -
- } -
+ {{ rel.name }} + + } + @for (rel of takenRelationships; track rel.id) { + + }
+ @if (selectedNewRelationship) { +
+ + person + Creating a + {{ selectedNewRelationship.name }} as CBS client + + +
+ } } - } -
- } - } -
- } -
- } -
- } - - - @if (selectedMemberId) { -
-
- verified_user - KYC Details - @if (profileForm.value.applicantName) { - {{ profileForm.value.applicantName }} - } -
- - @if (familyLoading) { -
Loading KYC details...
- } @else if (!kycData) { -
- warning - KYC not submitted for this client. -
- } @else { -
- -
- - {{ - kycData.kycStatus === 300 - ? 'verified' - : kycData.kycStatus === 400 - ? 'cancel' - : kycData.kycStatus === 500 - ? 'schedule' - : 'pending' - }} - {{ kycStatusLabel(kycData.kycStatus) }} - - - {{ kycData.kycType === 2 ? 'Non-Individual' : 'Individual' }} - - @if (kycData.ckycNumber) { - task_alt CKYC: {{ kycData.ckycNumber }} - } - @if (kycData.verifiedOn) { - - event_available - Verified: {{ parseDob(kycData.verifiedOn) | date: 'dd MMM yyyy' }} - - } -
- - -
-
- {{ - kycData.riskCategory === 3 - ? 'priority_high' - : kycData.riskCategory === 2 - ? 'warning_amber' - : 'shield' - }} -
-
{{ riskLabel(kycData.riskCategory) }}
-
{{ riskRekyc(kycData.riskCategory) }}
-
-
- - @if (kycData.expiryDate) { - @let expInfo = kycExpiryInfo(kycData.expiryDate); -
- {{ expInfo.isExpired ? 'event_busy' : 'event' }} -
-
- {{ expInfo.isExpired ? 'KYC Expired' : 'KYC Expires' }} -
-
- {{ expInfo.date | date: 'dd MMM yyyy' }} - @if (!expInfo.isExpired && expInfo.isExpiringSoon) { -  ({{ expInfo.daysLeft }} days left) - } - @if (expInfo.isExpired) { -  ({{ expInfo.daysLeft * -1 }} days ago) - } -
-
-
- } -
- - -
fingerprint Identity Verification
-
- -
-
PAN Number
-
{{ kycData.panNumber || '—' }}
- @if (kycData.panFullName) { -
{{ kycData.panFullName }}
- } - @if (kycData.panNumber) { - - {{ kycData.panVerified ? 'check_circle' : 'cancel' }} - {{ kycData.panVerified ? 'Verified' : 'Not Verified' }} - - } - @if (kycData.panVerifiedOn) { -
on {{ parseDob(kycData.panVerifiedOn) | date: 'dd MMM yyyy' }}
- } -
- - -
-
Aadhaar
-
{{ kycData.aadhaarNumberMasked || '—' }}
- @if (kycData.aadhaarNumberMasked) { - - {{ kycData.aadhaarVerified ? 'check_circle' : 'cancel' }} - {{ kycData.aadhaarVerified ? 'Verified' : 'Not Verified' }} - - } - @if (kycData.aadhaarVerifiedOn) { -
- on {{ parseDob(kycData.aadhaarVerifiedOn) | date: 'dd MMM yyyy' }} -
- } -
- - -
-
PAN–Aadhaar Link
- @if (kycData.panAadhaarSeedingStatus === 'Y') { - link Linked - } @else if (kycData.panAadhaarSeedingStatus === 'N') { - link_off Not Linked - } @else if (kycData.panAadhaarSeedingStatus === 'E') { - block Exempt - } @else { -
—
- } -
- - - @if (kycData.kycDocumentName) { -
-
KYC Document
-
{{ kycData.kycDocumentName }}
- @if (kycData.kycDocumentNumber) { -
No. {{ kycData.kycDocumentNumber }}
- } - @if (kycData.kycDocExpiryDate) { -
- Expires: {{ parseDob(kycData.kycDocExpiryDate) | date: 'dd MMM yyyy' }} -
- } -
- } - - - @if (kycData.gstinNumber) { -
-
GSTIN
-
{{ kycData.gstinNumber }}
- - {{ kycData.gstinVerified ? 'check_circle' : 'cancel' }} - {{ kycData.gstinVerified ? 'Verified' : 'Not Verified' }} - -
- } -
- - - @if ( - kycData.amlCheckStatus || - kycData.bannedEntityMatch || - kycData.willfulDefaulter || - kycData.accountStatus - ) { -
gavel Compliance & Account
-
- @if (kycData.amlCheckStatus) { -
-
AML Check
-
{{ kycData.amlCheckStatus }}
-
- } - @if (kycData.bannedEntityMatch) { -
-
Banned Entity
-
{{ kycData.bannedEntityMatch }}
-
- } - @if (kycData.willfulDefaulter) { -
-
Willful Defaulter
-
{{ kycData.willfulDefaulter }}
-
- } - @if (kycData.accountStatus) { -
-
Account Status
-
{{ kycData.accountStatus }}
- @if (kycData.freezeReason) { -
{{ kycData.freezeReason }}
+
}
} + } + +
+ } + + + @if (selectedMemberId) { +
+
+ verified_user + KYC Details + @if (profileForm.value.applicantName) { + {{ profileForm.value.applicantName }} + } + expand_more
- } -
- } + + @if (kycExpanded) { + @if (familyLoading) { +
+ Loading KYC details... +
+ } @else if (!kycData) { +
+ warning + KYC not submitted for this client. +
+ } @else { +
+ +
+ + {{ + kycData.kycStatus === 300 + ? 'verified' + : kycData.kycStatus === 400 + ? 'cancel' + : kycData.kycStatus === 500 + ? 'schedule' + : 'pending' + }} + {{ kycStatusLabel(kycData.kycStatus) }} + + + {{ kycData.kycType === 2 ? 'Non-Individual' : 'Individual' }} + + @if (kycData.ckycNumber) { + + task_alt CKYC: {{ kycData.ckycNumber }} + + } + @if (kycData.verifiedOn) { + + event_available + Verified: {{ parseDob(kycData.verifiedOn) | date: 'dd MMM yyyy' }} + + } +
+ + +
+
+ {{ + kycData.riskCategory === 3 + ? 'priority_high' + : kycData.riskCategory === 2 + ? 'warning_amber' + : 'shield' + }} +
+
{{ riskLabel(kycData.riskCategory) }}
+
{{ riskRekyc(kycData.riskCategory) }}
+
+
+ + @if (kycData.expiryDate) { + @let expInfo = kycExpiryInfo(kycData.expiryDate); +
+ {{ expInfo.isExpired ? 'event_busy' : 'event' }} +
+
+ {{ expInfo.isExpired ? 'KYC Expired' : 'KYC Expires' }} +
+
+ {{ expInfo.date | date: 'dd MMM yyyy' }} + @if (!expInfo.isExpired && expInfo.isExpiringSoon) { +  ({{ expInfo.daysLeft }} days left) + } + @if (expInfo.isExpired) { +  ({{ expInfo.daysLeft * -1 }} days ago) + } +
+
+
+ } +
+ + +
fingerprint Identity Verification
+
+ +
+
PAN Number
+
{{ kycData.panNumber || '—' }}
+ @if (kycData.panFullName) { +
{{ kycData.panFullName }}
+ } + @if (kycData.panNumber) { + + {{ kycData.panVerified ? 'check_circle' : 'cancel' }} + {{ kycData.panVerified ? 'Verified' : 'Not Verified' }} + + } + @if (kycData.panVerifiedOn) { +
+ on {{ parseDob(kycData.panVerifiedOn) | date: 'dd MMM yyyy' }} +
+ } +
+ + +
+
Aadhaar
+
{{ kycData.aadhaarNumberMasked || '—' }}
+ @if (kycData.aadhaarNumberMasked) { + + {{ kycData.aadhaarVerified ? 'check_circle' : 'cancel' }} + {{ kycData.aadhaarVerified ? 'Verified' : 'Not Verified' }} + + } + @if (kycData.aadhaarVerifiedOn) { +
+ on {{ parseDob(kycData.aadhaarVerifiedOn) | date: 'dd MMM yyyy' }} +
+ } +
+ + +
+
PAN–Aadhaar Link
+ @if (kycData.panAadhaarSeedingStatus === 'Y') { + link Linked + } @else if (kycData.panAadhaarSeedingStatus === 'N') { + link_off Not Linked + } @else if (kycData.panAadhaarSeedingStatus === 'E') { + block Exempt + } @else { +
—
+ } +
+ + + @if (kycData.kycDocumentName) { +
+
KYC Document
+
{{ kycData.kycDocumentName }}
+ @if (kycData.kycDocumentNumber) { +
No. {{ kycData.kycDocumentNumber }}
+ } + @if (kycData.kycDocExpiryDate) { +
+ Expires: {{ parseDob(kycData.kycDocExpiryDate) | date: 'dd MMM yyyy' }} +
+ } +
+ } + + + @if (kycData.gstinNumber) { +
+
GSTIN
+
{{ kycData.gstinNumber }}
+ + {{ kycData.gstinVerified ? 'check_circle' : 'cancel' }} + {{ kycData.gstinVerified ? 'Verified' : 'Not Verified' }} + +
+ } +
+ + + @if ( + kycData.amlCheckStatus || + kycData.bannedEntityMatch || + kycData.willfulDefaulter || + kycData.accountStatus + ) { +
gavel Compliance & Account
+
+ @if (kycData.amlCheckStatus) { +
+
AML Check
+
{{ kycData.amlCheckStatus }}
+
+ } + @if (kycData.bannedEntityMatch) { +
+
Banned Entity
+
{{ kycData.bannedEntityMatch }}
+
+ } + @if (kycData.willfulDefaulter) { +
+
Willful Defaulter
+
{{ kycData.willfulDefaulter }}
+
+ } + @if (kycData.accountStatus) { +
+
Account Status
+
{{ kycData.accountStatus }}
+ @if (kycData.freezeReason) { +
{{ kycData.freezeReason }}
+ } +
+ } +
+ } +
+ } + } + +
+ } + + + @if (selectedMemberId && !familyLoading) { +
+
+ fact_check + Eligibility Verification + + {{ isEligible ? 'check_circle' : 'warning' }} + {{ isEligible ? 'Eligible' : 'Not Eligible' }} + + expand_more +
+ + @if (eligExpanded) { + +
+ {{ isEligible ? 'verified' : 'gpp_bad' }} +
+ No Due Certificate + {{ + isEligible + ? 'ELIGIBLE — No overdue loans found for nominee or family members' + : 'NOT ELIGIBLE — One or more overdue loans exist' + }} +
+ @if (familyAccountsLoading) { + + } +
+ + + @if (nomineeLoanAccounts.length > 0) { +
account_balance Nominee — Loan Accounts
+
+ + + + + + + + + + + + @for (loan of nomineeLoanAccounts; track loan.id) { + + + + + + + + } + +
Account NoProductPrincipalOutstandingStatus
{{ loan.accountNo }}{{ loan.productName }} + ₹{{ + loan.originalLoan ?? loan.summary?.principalDisbursed ?? 0 | number: '1.0-0' + }} + ₹{{ loan.summary?.totalOutstanding ?? 0 | number: '1.0-0' }} + {{ + loanStatusLabel(loan) + }} +
+
+ } @else { +
+ info No loan accounts found for nominee. +
+ } + + + @if (nomineeSavingsAccounts.length > 0) { +
savings Nominee — Savings Accounts
+
+ + + + + + + + + + + @for (sav of nomineeSavingsAccounts; track sav.id) { + + + + + + + } + +
Account NoProductBalanceStatus
{{ sav.accountNo }}{{ sav.productName }}₹{{ sav.accountBalance ?? sav.balance ?? 0 | number: '1.0-0' }} + {{ sav.status?.value ?? '—' }} +
+
+ } + + + @for (member of familyMembers; track member.id) { + @if (member.linkedClientId) { + @let fmAcc = familyMemberAccounts(member.linkedClientId); +
+ group + {{ familyMemberDisplayName(member) }} + @if (member.relationship || member.relationshipId?.name) { + {{ + member.relationship || member.relationshipId?.name + }} + } +
+ @if (familyAccountsLoading && !fmAcc) { +
+ Loading accounts... +
+ } @else if (fmAcc) { + @if ((fmAcc.loanAccounts?.length ?? 0) > 0) { +
+ account_balance Loan Accounts +
+
+ + + + + + + + + + + + @for (loan of fmAcc.loanAccounts; track loan.id) { + + + + + + + + } + +
Account NoProductPrincipalOutstandingStatus
{{ loan.accountNo }}{{ loan.productName }} + ₹{{ + loan.originalLoan ?? loan.summary?.principalDisbursed ?? 0 + | number: '1.0-0' + }} + + ₹{{ loan.summary?.totalOutstanding ?? 0 | number: '1.0-0' }} + + {{ loanStatusLabel(loan) }} +
+
+ } @else { +
info No loan accounts.
+ } + @if ((fmAcc.savingsAccounts?.length ?? 0) > 0) { +
+ savings Savings Accounts +
+
+ + + + + + + + + + + @for (sav of fmAcc.savingsAccounts; track sav.id) { + + + + + + + } + +
Account NoProductBalanceStatus
{{ sav.accountNo }}{{ sav.productName }} + ₹{{ sav.accountBalance ?? sav.balance ?? 0 | number: '1.0-0' }} + + {{ sav.status?.value ?? '—' }} +
+
+ } + } @else { +
info No account data available.
+ } + } + } + } + +
+ } + + + @if (selectedMemberId && nomineeAccounts) { +
+
+ handshake + Guarantor Status + @if (nomineeGuarantorAccounts.length > 0) { + {{ nomineeGuarantorAccounts.length }} + } + expand_more +
+ + @if (guarantorsExpanded) { + @if (nomineeGuarantorAccounts.length === 0) { +
+ info_outline + This member is not a guarantor on any loan. +
+ } @else { +
+ verified_user + This member is acting as guarantor on + {{ nomineeGuarantorAccounts.length }} loan{{ + nomineeGuarantorAccounts.length > 1 ? 's' : '' + }} +
+
+ @for (g of nomineeGuarantorAccounts; track g.id) { +
+ +
+
+ credit_score + Loan #{{ g.accountNo }} + @if (g.relationship) { + {{ g.relationship }} + } +
+
+ {{ g.productName }} + @if (g.inArrears) { + In Arrears + } @else { + {{ + g.status?.value + }} + } +
+
+ + + @if (g.borrowerName) { +
+ person + Borrower: {{ g.borrowerName }} +
+ } + + + @if (g.savingsAccountNo) { +
+ account_balance_wallet + Pledged Savings A/C: {{ g.savingsAccountNo }} + @if (g.savingsBalance != null) { + +  ·  Balance: {{ g.savingsBalance | number: '1.2-2' }} + + } +
+ } + + + @if (g.inArrears && g.totalOverdue > 0) { +
+ warning + Overdue: {{ g.totalOverdue | number: '1.2-2' }} + @if (g.overdueSinceDate) { +  · Since {{ g.overdueSinceDate | date: 'dd MMM yyyy' }} + } +
+ } @else { +
+ check_circle + No overdue — loan is in good standing +
+ } + + +
+
+ Loan Amount + {{ g.originalLoan | number: '1.2-2' }} +
+
+ Guaranteed + {{ g.onHoldAmount | number: '1.2-2' }} +
+
+ Released + {{ g.amountReleased | number: '1.2-2' }} +
+
+ Remaining + + {{ g.amountRemaining | number: '1.2-2' }} + +
+
+ Balance + {{ g.loanBalance | number: '1.2-2' }} +
+
+ Paid + {{ g.amountPaid | number: '1.2-2' }} +
+
+ + +
+
+ Submitted + {{ + g.submittedOnDate ? (g.submittedOnDate | date: 'dd MMM yyyy') : '—' + }} +
+
+ Approved + {{ + g.approvedOnDate ? (g.approvedOnDate | date: 'dd MMM yyyy') : '—' + }} +
+
+ Disbursed + {{ + g.disbursedOnDate ? (g.disbursedOnDate | date: 'dd MMM yyyy') : '—' + }} +
+
+ Matures + {{ + g.expectedMaturityDate ? (g.expectedMaturityDate | date: 'dd MMM yyyy') : '—' + }} +
+
+
+ } +
+ } + } +
+ } + + +
+ + + @if (selectedMemberId && profileForm.value.applicantName) { +
+
{{ profileForm.value.applicantName?.charAt(0) | uppercase }}
+
+
{{ profileForm.value.applicantName }}
+
+ ID: {{ selectedMemberId }} + @if (selectedShareCount) { +  ·  {{ selectedShareCount }} shares + } +
+
+ + {{ isEligible ? 'check_circle' : 'warning' }} + {{ isEligible ? 'Eligible' : 'Not Eligible' }} + +
+ } +
+
- } + - -
person Applicant Profile
+ +
+ +
-
- - Full Name * - - Required - + +
+ +
person Applicant Profile
- - Date of Birth * - - - - Required - +
+ + Full Name * + + Required + - - Gender * - - @for (g of genders; track g) { - {{ g }} - } - - Required - + + Date of Birth * + + + + Required + - - Mobile Number * - - Valid 10-digit number required - + + Gender * + + @for (g of genders; track g) { + {{ g }} + } + + Required + - - Email - - Invalid email - + + Mobile Number * + + Valid 10-digit number required + - - Occupation - - + + Email + + Invalid email + - - Caste - - + + Occupation + + - - Category - - @for (c of categories; track c) { - {{ c }} - } - - + + Caste + + - - Share Count * - - Required — min 1 share - + + Category + + @for (c of categories; track c) { + {{ c }} + } + + - - Address * - - Required - -
+ + Share Count * + + Required — min 1 share + -
- close Cancel - + + Address * + + Required + +
+ +
+ close Cancel + +
+
+
+ diff --git a/src/app/election/components/nomination-apply/nomination-apply.component.scss b/src/app/election/components/nomination-apply/nomination-apply.component.scss index fb5e16f95..7b0369b8d 100644 --- a/src/app/election/components/nomination-apply/nomination-apply.component.scss +++ b/src/app/election/components/nomination-apply/nomination-apply.component.scss @@ -27,12 +27,11 @@ $shadow-md: 0 4px 20px rgb(74 108 247 / 13%); .apply-container { min-height: 100vh; background: $bg-page; - padding: 32px 24px 60px; + padding: 20px 20px 40px; } .apply-inner { - max-width: 860px; - margin: 0 auto; + // layout wrapper } // ── Page header ──────────────────────────────────────────────────────────── @@ -40,7 +39,7 @@ $shadow-md: 0 4px 20px rgb(74 108 247 / 13%); display: flex; align-items: center; gap: 14px; - margin-bottom: 28px; + margin-bottom: 16px; .back-btn { display: flex; @@ -90,7 +89,7 @@ $shadow-md: 0 4px 20px rgb(74 108 247 / 13%); background: $bg-white; border-radius: $radius-lg; box-shadow: $shadow-md; - overflow: hidden; + overflow: clip; ::ng-deep .mat-stepper-horizontal-line { border-color: $border; @@ -141,6 +140,201 @@ $shadow-md: 0 4px 20px rgb(74 108 247 / 13%); // ── Step form ────────────────────────────────────────────────────────────── .step-form { padding: 28px 32px 0; + + &--split { + padding: 0; + } +} + +// ── Step 1 two-column split layout ───────────────────────────────────────── +.step1-layout { + display: grid; + grid-template-columns: 44% 8px 1fr; // overridden dynamically by [style] binding + height: calc(100vh - 210px); + min-height: 420px; + + @media (width <= 900px) { + grid-template-columns: 1fr !important; + height: auto; + } +} + +.step1-left { + background: #f8fafd; + display: flex; + flex-direction: column; + overflow: hidden; + + @media (width <= 900px) { + border-bottom: 1px solid $border; + } +} + +.step1-left-scroll { + flex: 1; + background: #f8fafd; + padding: 24px 20px 24px 28px; + overflow-y: auto; + scrollbar-width: none; + display: flex; + flex-direction: column; + + &::-webkit-scrollbar { + display: none; + } + + @media (width <= 900px) { + overflow-y: visible; + } +} + +.step1-left-spacer { + flex: 1; + min-height: 16px; +} + +.member-summary-card { + display: flex; + align-items: center; + gap: 12px; + background: #fff; + border: 1.5px solid $border; + border-radius: $radius-md; + padding: 12px 16px; + margin-top: 4px; + + .msc-avatar { + width: 38px; + height: 38px; + border-radius: 50%; + background: linear-gradient(135deg, $primary 0%, #6a3de8 100%); + color: #fff; + display: flex; + align-items: center; + justify-content: center; + font-size: 16px; + font-weight: 700; + flex-shrink: 0; + } + + .msc-info { + flex: 1; + min-width: 0; + + .msc-name { + font-size: 13px; + font-weight: 700; + color: $text-dark; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + .msc-meta { + font-size: 11px; + color: $text-soft; + margin-top: 2px; + } + } + + .msc-elig { + display: inline-flex; + align-items: center; + gap: 3px; + font-size: 10px; + font-weight: 700; + padding: 3px 9px; + border-radius: 10px; + flex-shrink: 0; + + mat-icon { + font-size: 12px !important; + height: 12px !important; + width: 12px !important; + } + + &--ok { + background: #f0fff4; + color: $success; + border: 1px solid #9ae6b4; + } + + &--fail { + background: #fff5f5; + color: $danger; + border: 1px solid #fca5a5; + } + } +} + +.step1-drag-handle { + background: $border; + cursor: col-resize; + display: flex; + align-items: center; + justify-content: center; + align-self: stretch; + transition: background 0.15s; + user-select: none; + position: relative; + + &:hover, + &.dragging { + background: #c3d0fb; + + .drag-dots::before { + background: $primary; + } + } + + .drag-dots::before { + content: ''; + display: block; + width: 3px; + height: 32px; + background: #b0bccc; + border-radius: 2px; + transition: background 0.15s; + } + + @media (width <= 900px) { + display: none; + } +} + +// Tighten Material form field subscript spacing inside the right panel +::ng-deep .step1-right { + .mat-mdc-form-field-subscript-wrapper { + margin-top: 1px; + min-height: 14px; + } +} + +.step1-right { + padding: 18px 24px 0; + background: #fff; + display: flex; + flex-direction: column; + overflow-y: auto; + scrollbar-width: thin; + + > .section-label { + font-size: 10px; + font-weight: 600; + letter-spacing: 0.5px; + margin-bottom: 8px; + color: $text-soft; + } + + > .form-grid { + flex: 1; + } + + > .step-actions { + margin-top: 16px; + padding: 14px 0 20px; + border-top: 1px solid #f0f4f8; + } } .section-label { @@ -159,12 +353,84 @@ $shadow-md: 0 4px 20px rgb(74 108 247 / 13%); height: 15px; width: 15px; } + + &--toggle { + cursor: pointer; + border-radius: 8px; + padding: 7px 10px; + margin: 0 -10px 10px; + transition: background 0.15s; + user-select: none; + + &:hover { + background: rgb(74 108 247 / 6%); + } + } +} + +.section-chevron { + margin-left: auto; + font-size: 18px !important; + height: 18px !important; + width: 18px !important; + color: $text-soft; + transition: transform 0.2s ease; + + &--open { + transform: rotate(180deg); + } +} + +.section-count { + display: inline-flex; + align-items: center; + justify-content: center; + background: $primary; + color: #fff; + font-size: 10px; + font-weight: 700; + min-width: 18px; + height: 18px; + padding: 0 5px; + border-radius: 10px; + letter-spacing: 0; + text-transform: none; +} + +.section-elig-badge { + display: inline-flex; + align-items: center; + gap: 3px; + font-size: 10px; + font-weight: 700; + padding: 2px 8px; + border-radius: 10px; + text-transform: none; + letter-spacing: 0; + + mat-icon { + font-size: 12px !important; + height: 12px !important; + width: 12px !important; + } + + &--ok { + background: #f0fff4; + color: $success; + border: 1px solid #9ae6b4; + } + + &--fail { + background: #fff5f5; + color: $danger; + border: 1px solid #fca5a5; + } } .form-grid { display: grid; grid-template-columns: 1fr 1fr; - gap: 16px; + gap: 10px; margin-bottom: 4px; .full-width { @@ -205,6 +471,33 @@ $shadow-md: 0 4px 20px rgb(74 108 247 / 13%); margin-top: 12px; font-weight: 500; + .member-remove-btn { + margin-left: auto; + display: flex; + align-items: center; + justify-content: center; + width: 26px; + height: 26px; + border-radius: 6px; + background: #fff5f5; + border: 1px solid #fca5a5; + color: #e53e3e; + cursor: pointer; + flex-shrink: 0; + transition: all 0.15s; + + mat-icon { + font-size: 14px; + height: 14px; + width: 14px; + } + + &:hover { + background: #ffe4e4; + border-color: #f87171; + } + } + mat-icon { font-size: 18px; height: 18px; @@ -245,7 +538,7 @@ $shadow-md: 0 4px 20px rgb(74 108 247 / 13%); // ── Family members ───────────────────────────────────────────────────────── .family-section { - margin-bottom: 20px; + margin-bottom: 16px; } .family-loading { @@ -611,7 +904,7 @@ $shadow-md: 0 4px 20px rgb(74 108 247 / 13%); // ── KYC section ──────────────────────────────────────────────────────────── .kyc-section { - margin-bottom: 20px; + margin-bottom: 16px; } .kyc-not-done { @@ -1163,3 +1456,743 @@ $shadow-md: 0 4px 20px rgb(74 108 247 / 13%); } } } + +// ── Manual Entry Warning ─────────────────────────────────────────────────── +.manual-entry-warning { + display: flex; + align-items: flex-start; + gap: 10px; + margin-top: 12px; + padding: 12px 16px; + background: #fff7ed; + border: 1.5px solid #fed7aa; + border-radius: 10px; + font-size: 13px; + color: #9a3412; + line-height: 1.5; + + mat-icon { + font-size: 20px; + width: 20px; + height: 20px; + color: #ea580c; + flex-shrink: 0; + margin-top: 1px; + } + + &__body { + flex: 1; + } +} + +// ── Add as Client Panel ──────────────────────────────────────────────────── +.aac-panel { + margin-top: 14px; + border: 1.5px dashed #cbd5e1; + border-radius: 10px; + overflow: hidden; + background: #fff; +} + +.aac-panel__toggle { + display: flex; + align-items: center; + gap: 10px; + width: 100%; + padding: 12px 16px; + background: #f8fafc; + border: none; + cursor: pointer; + font-size: 13.5px; + font-weight: 600; + color: #475569; + text-align: left; + transition: background 0.15s; + + mat-icon:first-child { + color: #3b82f6; + font-size: 19px; + width: 19px; + height: 19px; + } + + span { + flex: 1; + } + + &:hover { + background: #eff6ff; + color: #1d4ed8; + } +} + +.aac-panel__chevron { + transition: transform 0.2s; + color: #94a3b8; + + &--open { + transform: rotate(180deg); + } +} + +.aac-body { + padding: 16px 18px 18px; + border-top: 1px solid #e2e8f0; +} + +.aac-hint { + font-size: 12.5px; + color: #475569; + margin: 0 0 12px; + font-weight: 500; +} + +.aac-loading { + display: flex; + align-items: center; + gap: 8px; + font-size: 13px; + color: #94a3b8; + + mat-icon { + font-size: 17px; + width: 17px; + height: 17px; + } +} + +.aac-chips { + display: flex; + flex-wrap: wrap; + gap: 7px; + margin-bottom: 14px; +} + +.aac-chip { + display: inline-flex; + align-items: center; + gap: 5px; + padding: 5px 14px; + border-radius: 20px; + font-size: 12.5px; + font-weight: 500; + border: 1.5px solid #e2e8f0; + background: #fff; + color: #475569; + cursor: pointer; + transition: all 0.15s; + + &:hover:not(:disabled) { + border-color: #3b82f6; + color: #1d4ed8; + background: #eff6ff; + } + + &--selected { + background: #2563eb; + color: #fff; + border-color: #2563eb; + + &:hover { + background: #1d4ed8; + } + } + + &--taken { + background: #f0fdf4; + color: #16a34a; + border-color: #bbf7d0; + cursor: not-allowed; + opacity: 0.8; + + mat-icon { + font-size: 13px; + width: 13px; + height: 13px; + } + } +} + +.aac-create-bar { + display: flex; + align-items: center; + justify-content: space-between; + gap: 12px; + padding: 11px 14px; + background: #eff6ff; + border: 1.5px solid #93c5fd; + border-radius: 8px; + flex-wrap: wrap; +} + +.aac-create-bar__label { + display: flex; + align-items: center; + gap: 7px; + font-size: 13px; + color: #1e40af; + font-weight: 500; + + mat-icon { + font-size: 17px; + width: 17px; + height: 17px; + } +} + +.aac-create-bar__btn { + display: inline-flex; + align-items: center; + gap: 6px; + padding: 8px 18px; + background: #2563eb; + color: #fff; + border: none; + border-radius: 7px; + font-size: 13px; + font-weight: 700; + cursor: pointer; + transition: background 0.15s; + + mat-icon { + font-size: 16px; + width: 16px; + height: 16px; + } + + &:hover { + background: #1d4ed8; + } +} + +// ── Eligibility Verification ─────────────────────────────────────────────── +.elig-section { + margin-bottom: 20px; +} + +.ndc-banner { + display: flex; + align-items: center; + gap: 12px; + padding: 14px 18px; + border-radius: 10px; + margin-bottom: 16px; + border: 2px solid transparent; + + > mat-icon:first-child { + font-size: 26px; + height: 26px; + width: 26px; + flex-shrink: 0; + } + + &--eligible { + background: #f0fff4; + border-color: #9ae6b4; + color: #276749; + + > mat-icon:first-child { + color: $success; + } + } + + &--not { + background: #fff5f5; + border-color: #fca5a5; + color: #742a2a; + + > mat-icon:first-child { + color: $danger; + } + } + + &__body { + flex: 1; + display: flex; + flex-direction: column; + gap: 2px; + + strong { + font-size: 13px; + font-weight: 700; + } + + span { + font-size: 12px; + font-weight: 500; + opacity: 0.85; + } + } +} + +.elig-sub-label { + display: flex; + align-items: center; + gap: 7px; + font-size: 10.5px; + font-weight: 800; + color: $text-mid; + text-transform: uppercase; + letter-spacing: 0.5px; + margin: 12px 0 8px; + + mat-icon { + font-size: 14px; + height: 14px; + width: 14px; + color: $primary; + } + + &--fm { + color: $text-soft; + font-size: 10px; + margin-top: 8px; + } +} + +.elig-fm-header { + display: flex; + align-items: center; + gap: 8px; + font-size: 13px; + font-weight: 700; + color: $text-dark; + background: linear-gradient(90deg, #f0f4ff 0%, #f8f9fc 100%); + border: 1px solid $border; + border-radius: 8px; + padding: 10px 16px; + margin-top: 18px; + + mat-icon { + font-size: 16px; + height: 16px; + width: 16px; + color: $primary; + flex-shrink: 0; + } +} + +.elig-fm-rel { + font-size: 11px; + font-weight: 600; + color: $primary; + background: #ebf0ff; + border: 1px solid #c3d0fb; + padding: 2px 10px; + border-radius: 20px; +} + +.elig-table-wrap { + overflow-x: auto; + border: 1px solid $border; + border-radius: 8px; + margin-bottom: 10px; +} + +.elig-table { + width: 100%; + border-collapse: collapse; + font-size: 13px; + + th { + background: #f8f9fc; + color: $text-soft; + font-size: 10.5px; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.5px; + padding: 9px 14px; + text-align: left; + border-bottom: 1px solid $border; + white-space: nowrap; + } + + td { + padding: 9px 14px; + color: $text-dark; + border-bottom: 1px solid $border; + vertical-align: middle; + + &.mono { + font-family: 'Courier New', monospace; + font-size: 12.5px; + letter-spacing: 0.03em; + } + + &.amt { + font-weight: 600; + white-space: nowrap; + } + } + + tr:last-child td { + border-bottom: none; + } + + tr:hover td { + background: #f8f9fc; + } +} + +.loan-status { + display: inline-flex; + align-items: center; + border-radius: 12px; + font-size: 11px; + font-weight: 700; + padding: 3px 10px; + + &--active { + background: #f0fff4; + color: $success; + border: 1px solid #9ae6b4; + } + + &--overdue { + background: #fff5f5; + color: $danger; + border: 1px solid #fca5a5; + } + + &--closed { + background: #f0f4ff; + color: $text-mid; + border: 1px solid $border; + } +} + +.elig-empty-row { + display: flex; + align-items: center; + gap: 6px; + font-size: 12.5px; + color: $text-soft; + padding: 8px 4px; + margin-bottom: 8px; + + mat-icon { + font-size: 15px; + height: 15px; + width: 15px; + color: $text-soft; + } +} + +.elig-loading { + display: flex; + align-items: center; + gap: 8px; + font-size: 12px; + color: $text-soft; + padding: 8px 4px; +} + +// ── Guarantor Status Section ────────────────────────────────────────────── +.guarantor-summary-banner { + display: flex; + align-items: center; + gap: 8px; + background: #eef4ff; + border: 1.5px solid #c3d0fb; + border-radius: 8px; + padding: 10px 16px; + font-size: 13px; + color: #2d3a8c; + margin-bottom: 10px; + + mat-icon { + font-size: 18px; + height: 18px; + width: 18px; + color: #4a6cf7; + flex-shrink: 0; + } + + strong { + color: #4a6cf7; + } +} + +.guarantors-section { + margin-bottom: 16px; +} + +.guarantor-card { + background: #f0f4ff; + border: 1.5px solid #c3d0fb; + border-radius: 8px; + overflow: hidden; + transition: border-color 0.15s; + margin-bottom: 8px; + + &:last-child { + margin-bottom: 0; + } + + &:hover { + border-color: #a0b0f5; + } +} + +.guarantor-card-top { + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 16px; + gap: 8px; +} + +.guarantor-card-left { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; + flex: 1; + + mat-icon { + font-size: 16px; + height: 16px; + width: 16px; + color: #4a6cf7; + flex-shrink: 0; + } +} + +.guarantor-card-right { + display: flex; + align-items: center; + gap: 6px; + flex-shrink: 0; +} + +.guarantor-name { + font-size: 13px; + font-weight: 700; + color: $text-dark; +} + +.guarantor-rel { + font-size: 11px; + font-weight: 500; + color: $text-soft; + background: $bg-white; + border: 1px solid $border; + border-radius: 20px; + padding: 2px 10px; +} + +.guarantor-type-badge { + display: inline-flex; + align-items: center; + border-radius: 20px; + font-size: 10.5px; + font-weight: 700; + padding: 3px 10px; + background: #e8ecff; + color: #4a6cf7; + border: 1.5px solid #c3d0fb; +} + +.guarantor-status-badge { + display: inline-flex; + align-items: center; + border-radius: 20px; + font-size: 10.5px; + font-weight: 700; + padding: 3px 10px; + + &--active { + background: #f0fff4; + color: $success; + border: 1.5px solid #9ae6b4; + } + + &--deleted { + background: #fff5f5; + color: $danger; + border: 1.5px solid #feb2b2; + } +} + +.guarantor-borrower-row { + display: flex; + align-items: center; + gap: 6px; + padding: 7px 16px; + border-top: 1px solid #c3d0fb; + font-size: 12px; + color: $text-dark; + background: #f7f9ff; + + mat-icon { + font-size: 14px; + height: 14px; + width: 14px; + color: #4a6cf7; + flex-shrink: 0; + } + + strong { + color: $text-dark; + font-weight: 700; + } +} + +.guarantor-savings-row { + display: flex; + align-items: center; + gap: 6px; + padding: 7px 16px; + border-top: 1px solid #c3d0fb; + font-size: 12px; + color: $text-dark; + background: #f7f9ff; + + mat-icon { + font-size: 14px; + height: 14px; + width: 14px; + color: #4a6cf7; + flex-shrink: 0; + } + + .mono { + font-family: 'Courier New', monospace; + font-size: 11.5px; + color: #2d3a8c; + } +} + +.guarantor-savings-balance { + font-size: 12px; + color: $text-soft; + + strong { + color: $success; + font-weight: 700; + } +} + +.guarantor-health-row { + display: flex; + align-items: center; + gap: 7px; + padding: 8px 16px; + border-top: 1px solid #c3d0fb; + font-size: 12px; + font-weight: 500; + + mat-icon { + font-size: 15px; + height: 15px; + width: 15px; + flex-shrink: 0; + } + + strong { + font-weight: 700; + } + + &--ok { + background: #f0fff4; + color: $success; + border-top-color: #9ae6b4; + + mat-icon { + color: $success; + } + } + + &--problem { + background: #fff5f5; + color: $danger; + border-top-color: #feb2b2; + + mat-icon { + color: $danger; + } + } +} + +.guarantor-timeline { + display: flex; + flex-wrap: wrap; + border-top: 1px solid #c3d0fb; + background: #f4f6ff; +} + +.guarantor-timeline-item { + display: flex; + flex-direction: column; + gap: 3px; + padding: 7px 16px; + border-right: 1px solid #c3d0fb; + flex: 1; + min-width: 100px; + + &:last-child { + border-right: none; + } +} + +.guarantor-funds-row { + display: flex; + flex-wrap: wrap; + border-top: 1px solid #c3d0fb; +} + +.guarantor-fund-item { + display: flex; + flex-direction: column; + gap: 3px; + padding: 8px 16px; + border-right: 1px solid #c3d0fb; + flex: 1; + min-width: 110px; + + &:last-child { + border-right: none; + } +} + +.guarantor-fund-label { + font-size: 9.5px; + font-weight: 700; + color: $text-soft; + text-transform: uppercase; + letter-spacing: 0.5px; +} + +.guarantor-fund-value { + font-size: 12px; + font-weight: 600; + color: $text-dark; + + &.mono { + font-family: 'Courier New', monospace; + font-size: 11.5px; + } + + &--active { + color: #c05e00; + font-weight: 700; + } +} + +.guarantor-loan-tag { + display: flex; + align-items: center; + gap: 5px; + padding: 5px 16px; + border-top: 1px solid #c3d0fb; + font-size: 11px; + font-weight: 600; + color: #4a6cf7; + background: #eef0ff; + + mat-icon { + font-size: 13px; + height: 13px; + width: 13px; + } +} diff --git a/src/app/election/components/nomination-apply/nomination-apply.component.ts b/src/app/election/components/nomination-apply/nomination-apply.component.ts index 99e5f9034..ca4282260 100644 --- a/src/app/election/components/nomination-apply/nomination-apply.component.ts +++ b/src/app/election/components/nomination-apply/nomination-apply.component.ts @@ -71,7 +71,43 @@ export class NominationApplyComponent implements OnInit { kycData: any = null; familyMemberKycMap: Record = {}; familyKycLoading = false; + nomineeAccounts: any = null; + familyMemberAccountsMap: Record = {}; + familyAccountsLoading = false; expandedFamilyCards = new Set(); + familyExpanded = true; + kycExpanded = true; + eligExpanded = true; + guarantorsExpanded = true; + + // ── Resizable split panel ───────────────────────────────────────────────── + leftPanelWidth = 44; + isDragging = false; + private _dragLayout: HTMLElement | null = null; + private _onMouseMove = (e: MouseEvent) => { + if (!this._dragLayout) return; + const rect = this._dragLayout.getBoundingClientRect(); + const raw = ((e.clientX - rect.left) / rect.width) * 100; + this.leftPanelWidth = Math.min(70, Math.max(25, raw)); + }; + private _onMouseUp = () => { + this.isDragging = false; + document.removeEventListener('mousemove', this._onMouseMove); + document.removeEventListener('mouseup', this._onMouseUp); + }; + + startDrag(event: MouseEvent, layoutEl: HTMLElement): void { + event.preventDefault(); + this.isDragging = true; + this._dragLayout = layoutEl; + document.addEventListener('mousemove', this._onMouseMove); + document.addEventListener('mouseup', this._onMouseUp); + } + + familyMemberOptions: any = null; + showAddAsClientPanel = false; + selectedNewRelationship: any = null; + addAsClientLoading = false; profileForm!: FormGroup; postForm!: FormGroup; @@ -121,6 +157,59 @@ export class NominationApplyComponent implements OnInit { return !!member.linkedClientId; } + private get takenRelationshipIds(): Set { + return new Set( + this.familyMembers + .map((m) => (typeof m.relationshipId === 'object' ? m.relationshipId?.id : m.relationshipId)) + .filter((id) => !!id) + ); + } + + get availableRelationships(): any[] { + const taken = this.takenRelationshipIds; + return (this.familyMemberOptions?.relationshipIdOptions || []).filter((r: any) => !taken.has(r.id)); + } + + get takenRelationships(): any[] { + const taken = this.takenRelationshipIds; + return (this.familyMemberOptions?.relationshipIdOptions || []).filter((r: any) => taken.has(r.id)); + } + + toggleAddAsClientPanel(): void { + this.showAddAsClientPanel = !this.showAddAsClientPanel; + this.selectedNewRelationship = null; + if (this.showAddAsClientPanel && !this.familyMemberOptions) { + this.addAsClientLoading = true; + this.clientsService.getClientTemplate().subscribe({ + next: (template: any) => { + this.familyMemberOptions = template.familyMemberOptions; + this.addAsClientLoading = false; + }, + error: () => (this.addAsClientLoading = false) + }); + } + } + + selectNewRelationship(rel: any): void { + this.selectedNewRelationship = this.selectedNewRelationship?.id === rel.id ? null : rel; + } + + createClientForRelationship(): void { + if (!this.selectedNewRelationship) return; + const prefill = { + relationshipId: this.selectedNewRelationship.id, + relationship: this.selectedNewRelationship.name, + parentClientId: this.selectedMemberId + }; + this.router.navigate( + [ + '/clients', + 'create' + ], + { state: { prefill } } + ); + } + toggleFamilyCard(memberId: number): void { if (this.expandedFamilyCards.has(memberId)) { this.expandedFamilyCards.delete(memberId); @@ -200,6 +289,55 @@ export class NominationApplyComponent implements OnInit { return risk === 1 ? 'low' : risk === 2 ? 'medium' : risk === 3 ? 'high' : ''; } + isLoanOverdue(loan: any): boolean { + const isClosed = loan.status?.id === 600 || (loan.status?.value ?? '').toString().toLowerCase().includes('closed'); + if (isClosed) return false; + return (loan.summary?.totalOverdue ?? 0) > 0; + } + + loanStatusLabel(loan: any): string { + const statusVal = (loan.status?.value ?? '').toString().toLowerCase(); + if (statusVal.includes('closed')) return 'Closed'; + if ((loan.summary?.totalOverdue ?? 0) > 0) return 'Overdue'; + if (statusVal.includes('active')) return 'Active'; + return loan.status?.value ?? '—'; + } + + loanStatusClass(loan: any): string { + const statusVal = (loan.status?.value ?? '').toString().toLowerCase(); + if (statusVal.includes('closed')) return 'closed'; + if ((loan.summary?.totalOverdue ?? 0) > 0) return 'overdue'; + return 'active'; + } + + familyMemberAccounts(linkedClientId: number): any { + return this.familyMemberAccountsMap['c' + linkedClientId] ?? null; + } + + get nomineeLoanAccounts(): any[] { + return this.nomineeAccounts?.loanAccounts ?? []; + } + + get nomineeSavingsAccounts(): any[] { + return this.nomineeAccounts?.savingsAccounts ?? []; + } + + get nomineeGuarantorAccounts(): any[] { + return this.nomineeAccounts?.guarantorAccounts ?? []; + } + + get isEligible(): boolean { + if (!this.nomineeAccounts) return true; + const nomineeOverdue = (this.nomineeAccounts?.loanAccounts ?? []).some((l: any) => this.isLoanOverdue(l)); + if (nomineeOverdue) return false; + for (const key of Object.keys(this.familyMemberAccountsMap)) { + const fmAccounts = this.familyMemberAccountsMap[key]; + const overdue = (fmAccounts?.loanAccounts ?? []).some((l: any) => this.isLoanOverdue(l)); + if (overdue) return false; + } + return true; + } + kycExpiryInfo(expiryDate: any): { date: Date | null; isExpired: boolean; isExpiringSoon: boolean; daysLeft: number } { const date = this.parseDob(expiryDate); if (!date) return { date: null, isExpired: false, isExpiringSoon: false, daysLeft: 0 }; @@ -208,6 +346,22 @@ export class NominationApplyComponent implements OnInit { return { date, isExpired: daysLeft < 0, isExpiringSoon: daysLeft >= 0 && daysLeft <= 180, daysLeft }; } + clearMember(): void { + this.selectedMemberId = null; + this.memberSearchCtrl.setValue('', { emitEvent: false }); + this.filteredClients = []; + this.selectedShareAccountNo = null; + this.selectedShareCount = null; + this.familyMembers = []; + this.kycData = null; + this.familyMemberKycMap = {}; + this.nomineeAccounts = null; + this.familyMemberAccountsMap = {}; + this.familyAccountsLoading = false; + this.familyLoading = false; + this.profileForm.reset(); + } + onMemberSelect(client: any): void { this.selectedMemberId = client.id; this.memberSearchCtrl.setValue(client.displayName, { emitEvent: false }); @@ -218,6 +372,14 @@ export class NominationApplyComponent implements OnInit { this.familyMemberKycMap = {}; this.familyKycLoading = false; this.expandedFamilyCards = new Set(); + this.showAddAsClientPanel = false; + this.selectedNewRelationship = null; + this.familyExpanded = true; + this.kycExpanded = true; + this.eligExpanded = true; + this.nomineeAccounts = null; + this.familyMemberAccountsMap = {}; + this.familyAccountsLoading = false; forkJoin({ detail: this.clientsService.getClientData(client.id.toString()), @@ -281,6 +443,7 @@ export class NominationApplyComponent implements OnInit { this.familyLoading = false; this.familyMembers = Array.isArray(family) ? family : []; this.kycData = kyc; + this.nomineeAccounts = accounts; const linkedMembers = this.familyMembers.filter((m) => !!m.linkedClientId); if (linkedMembers.length > 0) { @@ -296,6 +459,20 @@ export class NominationApplyComponent implements OnInit { this.familyMemberKycMap = kycMap; }); } + + if (linkedMembers.length > 0) { + this.familyAccountsLoading = true; + const accountCalls: { [k: string]: any } = {}; + linkedMembers.forEach((m) => { + accountCalls['c' + m.linkedClientId] = this.clientsService + .getClientAccountData(m.linkedClientId.toString()) + .pipe(catchError(() => of(null))); + }); + forkJoin(accountCalls).subscribe((accountsMap: any) => { + this.familyAccountsLoading = false; + this.familyMemberAccountsMap = accountsMap; + }); + } }); } @@ -371,6 +548,10 @@ export class NominationApplyComponent implements OnInit { }); } + get manualEntryMembers(): any[] { + return this.familyMembers.filter((m) => !m.linkedClientId); + } + submit(): void { if (!this.selectedMemberId) { this.snackBar.open('Please search and select a member first', 'Close', { duration: 3000 }); @@ -382,6 +563,33 @@ export class NominationApplyComponent implements OnInit { this.declarationForm.markAllAsTouched(); return; } + + const manualMembers = this.manualEntryMembers; + if (manualMembers.length > 0) { + const names = manualMembers + .map((m) => { + const name = this.familyMemberDisplayName(m); + const rel = m.relationship || m.relationshipId?.name || ''; + return rel ? `${name} (${rel})` : name; + }) + .join(', '); + this.snackBar.open( + `Cannot submit: ${names} ${manualMembers.length === 1 ? 'is' : 'are'} not registered as CBS client${manualMembers.length === 1 ? '' : 's'}. Please use "Create as Client" to register them first.`, + 'Close', + { duration: 8000, panelClass: 'snack-error' } + ); + return; + } + + if (!this.isEligible) { + this.snackBar.open( + 'Cannot submit: Nominee or a family member has overdue loans. No Due Certificate is not eligible.', + 'Close', + { duration: 8000, panelClass: 'snack-error' } + ); + return; + } + this.submitting = true; const bv = this.profileForm.value; diff --git a/src/app/election/components/nomination-detail/nomination-detail.component.scss b/src/app/election/components/nomination-detail/nomination-detail.component.scss index e885db8a2..ece72e446 100644 --- a/src/app/election/components/nomination-detail/nomination-detail.component.scss +++ b/src/app/election/components/nomination-detail/nomination-detail.component.scss @@ -8,8 +8,6 @@ .nomination-detail { padding: 24px; - max-width: 1100px; - margin: 0 auto; } .page-header { diff --git a/src/app/election/components/nomination-list/nomination-list.component.scss b/src/app/election/components/nomination-list/nomination-list.component.scss index 159663515..ab89cf156 100644 --- a/src/app/election/components/nomination-list/nomination-list.component.scss +++ b/src/app/election/components/nomination-list/nomination-list.component.scss @@ -8,8 +8,6 @@ .nomination-list { padding: 24px; - max-width: 1300px; - margin: 0 auto; } .page-header { diff --git a/src/app/election/components/voting-interface/voting-interface.component.scss b/src/app/election/components/voting-interface/voting-interface.component.scss index 307a2c0ab..4d9d3e365 100644 --- a/src/app/election/components/voting-interface/voting-interface.component.scss +++ b/src/app/election/components/voting-interface/voting-interface.component.scss @@ -8,8 +8,6 @@ .voting-interface { padding: 24px; - max-width: 900px; - margin: 0 auto; } .page-header { diff --git a/src/app/loans/loans-view/loan-account-actions/view-guarantors/view-guarantors.component.html b/src/app/loans/loans-view/loan-account-actions/view-guarantors/view-guarantors.component.html index 5a6574740..b4e4c267e 100644 --- a/src/app/loans/loans-view/loan-account-actions/view-guarantors/view-guarantors.component.html +++ b/src/app/loans/loans-view/loan-account-actions/view-guarantors/view-guarantors.component.html @@ -104,116 +104,90 @@
- +
diff --git a/src/app/loans/loans.service.ts b/src/app/loans/loans.service.ts index 2135bfd45..d82369652 100644 --- a/src/app/loans/loans.service.ts +++ b/src/app/loans/loans.service.ts @@ -800,4 +800,8 @@ export class LoansService { const httpParams = new HttpParams().set('offset', offset.toString()).set('limit', limit.toString()); return this.http.get('/entityDatatableChecks', { params: httpParams }); } + + getLoanGuarantors(loanId: string): Observable { + return this.http.get(`/loans/${loanId}/guarantors`); + } } diff --git a/src/environments/.env.ts b/src/environments/.env.ts index 9ff4425a9..4a9053046 100644 --- a/src/environments/.env.ts +++ b/src/environments/.env.ts @@ -9,8 +9,8 @@ /* tslint:disable */ export default { 'mifos_x': { - 'version': '260619', - 'hash': '822fa4c6' + 'version': '260623', + 'hash': '3d9b0480' }, 'allow_switching_backend_instance': true }; diff --git a/src/main.scss b/src/main.scss index caea15a1a..6e62f1789 100644 --- a/src/main.scss +++ b/src/main.scss @@ -33,6 +33,19 @@ z-index: 9999; } +.snack-error .mdc-snackbar__surface { + background-color: #dc2626 !important; + color: #fff !important; +} + +.snack-error .mat-mdc-snack-bar-label { + color: #fff !important; +} + +.snack-error .mat-mdc-button { + color: #fecaca !important; +} + // ===== Sub-menu Mega Panels (rendered in CDK overlay) ===== .deposits-mega-panel, .hrm-mega-panel {
{{ 'labels.inputs.name' | translate }} - @if (!guarantor.guarantorFundingDetails) { - {{ guarantor.firstname }}   {{ guarantor.lastname }} - } + {{ guarantor.firstname }}   {{ guarantor.lastname }} {{ 'labels.inputs.Relationship' | translate }} - @if (!guarantor.guarantorFundingDetails) { - - {{ guarantor.clientRelationshipType?.name }} - - } + {{ guarantor.clientRelationshipType?.name }} {{ 'labels.inputs.Guarantor Type' | translate }} - @if (!guarantor.guarantorFundingDetails) { - - {{ guarantor.guarantorType.value }} - - } + {{ guarantor.guarantorType.value }} {{ 'labels.inputs.Deposit Account' | translate }} - @if (!guarantor.guarantorFundingDetails) { - + @if (guarantor.guarantorFundingDetails?.length) { + {{ guarantor.guarantorFundingDetails[0].savingsAccount?.accountNo }} } {{ 'labels.inputs.Amount' | translate }} - @if (!guarantor.guarantorFundingDetails) { - + @if (guarantor.guarantorFundingDetails?.length) { + {{ guarantor.guarantorFundingDetails[0].amount | formatNumber }} } {{ 'labels.inputs.Remaining Amount' | translate }} - @if (!guarantor.guarantorFundingDetails) { - + @if (guarantor.guarantorFundingDetails?.length) { + {{ guarantor.guarantorFundingDetails[0].amountRemaining | formatNumber }} } {{ 'labels.inputs.Status' | translate }} - @if (!guarantor.guarantorFundingDetails) { - - @if (guarantor.status) { - - {{ 'labels.inputs.Active' | translate }} - - } - @if (!guarantor.status) { - - {{ 'labels.inputs.Deleted' | translate }} - - } - + @if (guarantor.status) { + {{ 'labels.inputs.Active' | translate }} + } + @if (!guarantor.status) { + {{ 'labels.inputs.Deleted' | translate }} } {{ 'labels.inputs.Action' | translate }} - @if (!guarantor.guarantorFundingDetails) { - + + + @if (guarantor.status && guarantor.guarantorType.id === 3 && guarantor.id) { + + } + @if (guarantor.status) { - @if (guarantor.status && guarantor.guarantorType.id === 3 && guarantor.id) { - - } - @if (guarantor.status) { - - - - } - - } + } +