- 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>
64 lines
2.5 KiB
HTML
64 lines
2.5 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="ar-container">
|
|
<!-- Header -->
|
|
<div class="ar-header">
|
|
<button mat-stroked-button [routerLink]="['../']" class="ar-back">
|
|
<i class="fas fa-arrow-left"></i> {{ 'labels.inputs.Manage Roles and Permission' | translate }}
|
|
</button>
|
|
<h2 class="ar-header__title">{{ 'labels.buttons.Add Role' | translate }}</h2>
|
|
</div>
|
|
|
|
<!-- Form Card -->
|
|
<div class="ar-card">
|
|
<form [formGroup]="roleForm" (ngSubmit)="submit()">
|
|
<!-- Role Details Section -->
|
|
<div class="ar-section">
|
|
<div class="ar-section__header">
|
|
<i class="fas fa-key"></i>
|
|
<h3>{{ 'labels.inputs.Role' | translate }}</h3>
|
|
</div>
|
|
<div class="ar-grid">
|
|
<mat-form-field appearance="outline" class="ar-field ar-field--full">
|
|
<mat-label>{{ 'labels.inputs.Name' | translate }}</mat-label>
|
|
<input matInput required formControlName="name" />
|
|
@if (roleForm.controls.name.hasError('required')) {
|
|
<mat-error>
|
|
{{ 'labels.inputs.Role Name' | translate }} {{ 'labels.commons.is' | translate }}
|
|
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
|
</mat-error>
|
|
}
|
|
</mat-form-field>
|
|
|
|
<mat-form-field appearance="outline" class="ar-field ar-field--full">
|
|
<mat-label>{{ 'labels.inputs.Description' | translate }}</mat-label>
|
|
<textarea matInput required formControlName="description"></textarea>
|
|
@if (roleForm.controls.description.hasError('required')) {
|
|
<mat-error>
|
|
{{ 'labels.inputs.Role Description' | translate }} {{ 'labels.commons.is' | translate }}
|
|
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
|
</mat-error>
|
|
}
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Actions -->
|
|
<div class="ar-actions">
|
|
<button type="button" mat-stroked-button [routerLink]="['../']" class="ar-actions__cancel">
|
|
{{ 'labels.buttons.Cancel' | translate }}
|
|
</button>
|
|
<button type="submit" mat-flat-button color="primary" [disabled]="!roleForm.valid" class="ar-actions__submit">
|
|
<i class="fas fa-check"></i> {{ 'labels.buttons.Submit' | translate }}
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|