Files
cbsnexora/src/app/system/codes/create-code/create-code.component.html
T
AdityaandClaude Opus 4.6 b890d24bb7 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

85 lines
3.2 KiB
HTML

<!--
Copyright since 2025 Mifos Initiative
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.
-->
<div class="cc-container">
<!-- Header -->
<div class="cc-header">
<button mat-stroked-button [routerLink]="['../']" class="cc-back">
<i class="fas fa-arrow-left"></i> {{ 'labels.heading.Manage Codes' | translate }}
</button>
<h2 class="cc-header__title">{{ 'labels.heading.Create Code' | translate }}</h2>
</div>
<!-- Form Card -->
<div class="cc-card">
<form [formGroup]="codeForm" (ngSubmit)="submit()">
<!-- Code Details Section -->
<div class="cc-section">
<div class="cc-section__header">
<i class="fas fa-code"></i>
<h3>{{ 'labels.inputs.Code' | translate }} Details</h3>
</div>
<div class="cc-grid" #codeFormRef>
<mat-form-field appearance="outline" class="cc-field cc-field--full">
<mat-label>{{ 'labels.inputs.Code Name' | translate }}</mat-label>
<input matInput required formControlName="name" />
@if (codeForm.controls.name.hasError('required')) {
<mat-error>
{{ 'labels.inputs.Code Name' | translate }} {{ 'labels.commons.is' | translate }}
<strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>
}
</mat-form-field>
</div>
</div>
<!-- Actions -->
<div class="cc-actions">
<button type="button" mat-stroked-button [routerLink]="['../']" class="cc-actions__cancel">
{{ 'labels.buttons.Cancel' | translate }}
</button>
<button
type="submit"
mat-flat-button
color="primary"
[disabled]="!codeForm.valid"
*mifosxHasPermission="'CREATE_CODE'"
class="cc-actions__submit"
>
<i class="fas fa-check"></i> {{ 'labels.buttons.Submit' | translate }}
</button>
</div>
</form>
</div>
</div>
<ng-template #templateCodeFormRef let-data let-popover="popover">
<h2>{{ 'labels.heading.Create Code' | translate }}</h2>
<p class="mw400">
{{ 'labels.text.To create code,create' | translate }}<br />
{{ 'labels.text.For more details click' | translate }}:
<a [href]="'manageCodes' | documentationLink" target="_blank" rel="noopener noreferrer">{{
'labels.inputs.Manage Codes' | translate
}}</a>
</p>
<div class="layout-row align-end gap-2px responsive-column">
<button mat-raised-button color="warn" (click)="popover.close(); configurationWizardService.closeConfigWizard()">
{{ 'labels.buttons.Close' | translate }}
</button>
<button mat-raised-button color="primary" (click)="popover.close()">
{{ 'labels.buttons.Create Code' | translate }}
</button>
<button mat-raised-button color="primary" (click)="popover.close(); previousStep()">
{{ 'labels.buttons.Back' | translate }}
</button>
<button mat-raised-button color="primary" (click)="popover.close(); nextStep()">
{{ 'labels.buttons.Next' | translate }}
</button>
</div>
</ng-template>