UI Changes
This commit is contained in:
parent
997806319f
commit
13260c5a77
@ -31,7 +31,7 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field style="width: 32%">
|
||||
<input matInput placeholder="Lender Applicant ID" formControlName="lender_applicant_id" type="text" required>
|
||||
<input matInput placeholder="Loan Applicant ID" formControlName="lender_applicant_id" type="text" required>
|
||||
</mat-form-field>
|
||||
<mat-form-field style="width: 32%">
|
||||
<input matInput placeholder="Lender Contact Person" formControlName="pd_contact_person" type="text" required>
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
<mat-card>
|
||||
<!-- <mat-card-title></mat-card-title> -->
|
||||
<mat-card-content>
|
||||
<mat-form-field style="width:25% !important;">
|
||||
<mat-form-field style="width:45% !important;">
|
||||
<mat-select (selectionChange)="selectedLoanChanges($event)" placeholder="Other Income"
|
||||
formControlName="other_income">
|
||||
<mat-option value="Yes">Yes</mat-option>
|
||||
@ -33,10 +33,10 @@
|
||||
<mat-card *ngIf="otherIncomeForm.controls.other_income.value == 'Yes'">
|
||||
<mat-card-header><mat-card-title><p>Income Details</p></mat-card-title></mat-card-header>
|
||||
<div formArrayName="income_details">
|
||||
<div *ngFor="let details of otherIncomeForm.get('income_details').controls; let i=index"
|
||||
<div *ngFor="let details of otherIncomeForm.get('income_details').controls; let i=index; let last=last;"
|
||||
[formGroupName]="i">
|
||||
<mat-card-content class="matcard">
|
||||
<mat-form-field style="width:25%">
|
||||
<mat-form-field style="width:45%">
|
||||
<mat-select placeholder="Source"
|
||||
formControlName="source">
|
||||
<mat-option value="{{src.id}}" *ngFor="let src of sourceData">{{src.name}}</mat-option>
|
||||
@ -48,17 +48,17 @@
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field style="width:25%" *ngIf="details.get('source').value == 5">
|
||||
<mat-form-field style="width:45%" *ngIf="details.get('source').value == 5">
|
||||
<input matInput autocomplete="off" placeholder="Specify Source"
|
||||
formControlName="others_source">
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field style="width:25%">
|
||||
<mat-form-field style="width:45%">
|
||||
<input matInput autocomplete="off" placeholder="Amount" formControlName="amount" (keypress)="keyPress($event)" (keyup)="inWords($event,i)">
|
||||
<mat-hint align="start" style="font-size:70%" *ngIf="details.get('amount').value != ''">{{"₹"}} {{amtInwords[i]}} Only</mat-hint>
|
||||
<mat-hint align="start" style="font-size:90%" *ngIf="details.get('amount').value != ''">{{"₹"}} {{amtInwords[i]}} Only</mat-hint>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field style="width:25%">
|
||||
<mat-form-field style="width:45%">
|
||||
<mat-select placeholder="Frequency" formControlName="frequency">
|
||||
<mat-option value="{{frq.frequency_id}}" *ngFor="let frq of frequencyData">{{frq.name}}</mat-option>
|
||||
</mat-select>
|
||||
@ -66,20 +66,18 @@
|
||||
|
||||
<!-- {{otherIncomeForm.controls.frequency.value}} -->
|
||||
|
||||
<mat-form-field style="width:25%" *ngIf="details.get('frequency').value == 8">
|
||||
<mat-form-field style="width:45%" *ngIf="details.get('frequency').value == 8">
|
||||
<input matInput autocomplete="off" placeholder="Specify Frequency"
|
||||
formControlName="others_frequency">
|
||||
</mat-form-field>
|
||||
|
||||
<button type="button" matTooltip="Add More Income Details" class="mr-1 mb-1 hover-icon" matTooltipPosition="above" mat-raised-button mat-icon-button (click)="addIncomeDetails()"
|
||||
color="primary" *ngIf="i==0">
|
||||
<mat-icon>add</mat-icon>
|
||||
</button>
|
||||
|
||||
<button type="button" matTooltip="Delete" class="mr-1 mb-1 hover-icon" matTooltipPosition="above" mat-raised-button mat-icon-button (click)="deleteIncomeDetails(i)"
|
||||
*ngIf="i>0">
|
||||
<mat-icon>delete</mat-icon>
|
||||
</button>
|
||||
<button type="button" matTooltip="Add More Income Details" class="mr-1 mb-1 hover-icon" matTooltipPosition="above" mat-raised-button mat-icon-button (click)="addIncomeDetails()"
|
||||
color="primary" *ngIf="last">
|
||||
<mat-icon>add</mat-icon>
|
||||
</button>
|
||||
</mat-card-content>
|
||||
</div>
|
||||
</div>
|
||||
@ -234,7 +232,7 @@
|
||||
<mat-card-content>
|
||||
<p>Other Income Details</p>
|
||||
<form [formGroup]="otherIncomeForm" class="address">
|
||||
<mat-form-field style="width:25% !important;">
|
||||
<mat-form-field style="width:45% !important;">
|
||||
<mat-select (selectionChange)="selectedLoanChanges($event)" placeholder="Other Income"
|
||||
formControlName="other_income">
|
||||
<mat-option value="Yes">Yes</mat-option>
|
||||
|
||||
@ -19,6 +19,9 @@
|
||||
::ng-deep .cdk-global-overlay-wrapper{
|
||||
justify-content: center !important;
|
||||
}
|
||||
.mat-form-field-appearance-legacy .mat-hint{
|
||||
color:rgba(0, 0, 0, 0.8) !important;
|
||||
}
|
||||
.paragraph_change {
|
||||
color: #fff !important;
|
||||
background-color: #e00201 !important;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user