general-info/general-info.component.html
This commit is contained in:
parent
6bff2193f8
commit
b20e611df8
@ -1,16 +1,15 @@
|
|||||||
<form *ngIf="apiLoadFinish && loadDetails" [formGroup]="_assetsQuesFrom" (submit)="onSubmit()" novalidate>
|
<form *ngIf="apiLoadFinish && loadDetails" [formGroup]="_assetsQuesFrom" (submit)="onSubmit()" novalidate>
|
||||||
|
|
||||||
<h2 mat-dialog-title class="paragraph_change">
|
<h2 mat-dialog-title class="paragraph_change">
|
||||||
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
<div fxFlex="70" align="left" style="padding: 10px !important;">
|
||||||
{{pageTitle}}
|
{{pageTitle}}
|
||||||
</div>
|
</div>
|
||||||
<div fxFlex="30" align="end" style="padding: 10px !important;">
|
<div fxFlex="30" align="end" style="padding: 10px !important;">
|
||||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="right" mat-dialog-close><mat-icon>close</mat-icon></button>
|
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close" matTooltipPosition="right" mat-dialog-close><mat-icon>close</mat-icon></button>
|
||||||
</div>
|
</div>
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<mat-dialog-content>
|
|
||||||
|
|
||||||
|
<mat-dialog-content>
|
||||||
|
|
||||||
<mat-tab-group>
|
<mat-tab-group>
|
||||||
<mat-tab label="Assets Used For Business">
|
<mat-tab label="Assets Used For Business">
|
||||||
@ -21,7 +20,7 @@
|
|||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<div fxLayout="row" fxLayoutAlign="start none">
|
<div fxLayout="row" fxLayoutAlign="start none">
|
||||||
<div formArrayName="business_assets_details" fxFill>
|
<div formArrayName="business_assets_details" fxFill>
|
||||||
<div *ngFor="let sup of _assetsQuesFrom.controls.business_assets_details['controls']; let i=index">
|
<div *ngFor="let sup of _assetsQuesFrom.controls.business_assets_details['controls']; let i=index; let last=last;">
|
||||||
<mat-card>
|
<mat-card>
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<div [formGroupName]="i">
|
<div [formGroupName]="i">
|
||||||
@ -260,24 +259,34 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none">
|
<!-- <div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none"> -->
|
||||||
<!-- <div fxFlex="20"> -->
|
<!-- <div fxFlex="20"> -->
|
||||||
<span *ngIf="_assetsQuesFrom.controls.business_assets_details.controls.length > 1" (click)="removeAssetsDetails(i,2)">
|
<!-- <span *ngIf="_assetsQuesFrom.controls.business_assets_details.controls.length > 1" (click)="removeAssetsDetails(i,2)">
|
||||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Delete" matTooltipPosition="above"><mat-icon>delete</mat-icon></button>
|
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Delete" matTooltipPosition="above"><mat-icon>delete</mat-icon></button>
|
||||||
</span>
|
</span> -->
|
||||||
|
<!-- </div> -->
|
||||||
<!-- </div> -->
|
<!-- </div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
|
<mat-card-actions align="center">
|
||||||
|
<button type="button" mat-flat-button (click)="addAssetDetails($event,2); false"
|
||||||
|
matTooltip="Add More" matTooltipPosition="left" color="primary" *ngIf="last">
|
||||||
|
<strong>Add More Business Asset </strong>
|
||||||
|
</button>
|
||||||
|
<button type="button" mat-flat-button (click)="removeAssetsDetails(i,2)"
|
||||||
|
matTooltip="Delete"matTooltipPosition="left" color="primary" *ngIf="!last">
|
||||||
|
<strong>Delete Business Assets </strong>
|
||||||
|
</button>
|
||||||
|
</mat-card-actions>
|
||||||
</mat-card>
|
</mat-card>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row" style="text-align:right;">
|
<!-- <div class="row" style="text-align:right;">
|
||||||
<button mat-raised-button mat-icon-button mat-button color="primary" matTooltip="Add More Business Asset Details" matTooltipPosition="above"
|
<button mat-raised-button mat-icon-button mat-button color="primary" matTooltip="Add More Business Asset Details" matTooltipPosition="above"
|
||||||
class="mr-1 mb-1 hover-icon" (click)="addAssetDetails($event,2); false"><mat-icon>add</mat-icon></button>
|
class="mr-1 mb-1 hover-icon" (click)="addAssetDetails($event,2); false"><mat-icon>add</mat-icon></button>
|
||||||
</div>
|
</div> -->
|
||||||
|
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
|
|
||||||
@ -297,7 +306,7 @@
|
|||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<div fxLayout="row" fxLayoutAlign="start none">
|
<div fxLayout="row" fxLayoutAlign="start none">
|
||||||
<div formArrayName="assets_details" fxFill>
|
<div formArrayName="assets_details" fxFill>
|
||||||
<div *ngFor="let sup of _assetsQuesFrom.controls.assets_details['controls']; let i=index">
|
<div *ngFor="let sup of _assetsQuesFrom.controls.assets_details['controls']; let i=index; let last=last">
|
||||||
<mat-card>
|
<mat-card>
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<div [formGroupName]="i">
|
<div [formGroupName]="i">
|
||||||
@ -581,24 +590,34 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none">
|
<!-- <div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none">
|
||||||
<div fxFlex="20">
|
<div fxFlex="20">
|
||||||
<span *ngIf="_assetsQuesFrom.controls.assets_details.controls.length > 1" (click)="removeAssetsDetails(i,1)">
|
<span *ngIf="_assetsQuesFrom.controls.assets_details.controls.length > 1" (click)="removeAssetsDetails(i,1)">
|
||||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Delete" matTooltipPosition="above"><mat-icon>delete</mat-icon></button>
|
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Delete" matTooltipPosition="above"><mat-icon>delete</mat-icon></button>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
|
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
|
<mat-card-actions align="center">
|
||||||
|
<button type="button" mat-flat-button (click)="addAssetDetails($event,1); false"
|
||||||
|
matTooltip="Add More" matTooltipPosition="left" color="primary" *ngIf="last">
|
||||||
|
<strong>Add More Other Asset </strong>
|
||||||
|
</button>
|
||||||
|
<button type="button" mat-flat-button (click)="removeAssetsDetails(i,1)"
|
||||||
|
matTooltip="Delete"matTooltipPosition="left" color="primary" *ngIf="!last">
|
||||||
|
<strong>Delete Other Assets </strong>
|
||||||
|
</button>
|
||||||
|
</mat-card-actions>
|
||||||
</mat-card>
|
</mat-card>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row" style="text-align:right;">
|
<!-- <div class="row" style="text-align:right;">
|
||||||
<button mat-raised-button mat-icon-button mat-button color="primary" matTooltip="Add More Asset Details" matTooltipPosition="above"
|
<button mat-raised-button mat-icon-button mat-button color="primary" matTooltip="Add More Asset Details" matTooltipPosition="above"
|
||||||
class="mr-1 mb-1 hover-icon" (click)="addAssetDetails($event,1); false"><mat-icon>add</mat-icon></button>
|
class="mr-1 mb-1 hover-icon" (click)="addAssetDetails($event,1); false"><mat-icon>add</mat-icon></button>
|
||||||
</div>
|
</div> -->
|
||||||
|
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
|
|
||||||
|
|||||||
@ -84,7 +84,7 @@
|
|||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<div formArrayName="itemRows" autocomplete="off">
|
<div formArrayName="itemRows" autocomplete="off">
|
||||||
<mat-accordion
|
<mat-accordion
|
||||||
*ngFor="let itemrow of bankingForm.controls.itemRows['controls']; let i=index"
|
*ngFor="let itemrow of bankingForm.controls.itemRows['controls']; let i=index;let last=last"
|
||||||
[formGroupName]="i">
|
[formGroupName]="i">
|
||||||
<!-- {{bankingForm.controls.itemRows['controls']}} -->
|
<!-- {{bankingForm.controls.itemRows['controls']}} -->
|
||||||
<mat-expansion-panel class="banlFields" [expanded]="step == i">
|
<mat-expansion-panel class="banlFields" [expanded]="step == i">
|
||||||
@ -186,14 +186,28 @@
|
|||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button *ngIf="i > 0" mat-raised-button mat-icon-button matTooltip="Delete" matTooltipPosition="above" (click)="deleteBankdetails(i)">
|
|
||||||
<mat-icon >delete</mat-icon>
|
<mat-action-row>
|
||||||
|
<button type="button" mat-flat-button (click)="addBankdetails(i, $event)"
|
||||||
|
matTooltip="Add More" matTooltipPosition="left" color="primary" *ngIf="last">
|
||||||
|
<strong>Add More Banking Details</strong>
|
||||||
</button>
|
</button>
|
||||||
|
<button type="button" mat-flat-button (click)="deleteBankdetails(i)"
|
||||||
|
matTooltip="Delete"matTooltipPosition="left" color="primary" *ngIf="!last">
|
||||||
|
<strong>Delete Banking Details</strong>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<!-- <button mat-button color="warn" (click)="prevStep()">Previous</button>
|
||||||
|
<button mat-button color="primary" (click)="nextStep()">End</button> -->
|
||||||
|
<!-- <button *ngIf="i > 0" mat-raised-button mat-icon-button matTooltip="Delete" matTooltipPosition="above" (click)="deleteBankdetails(i)">
|
||||||
|
<mat-icon>delete</mat-icon>
|
||||||
|
</button> -->
|
||||||
|
</mat-action-row>
|
||||||
</mat-expansion-panel>
|
</mat-expansion-panel>
|
||||||
<div style="text-align: right;" class="pt-1" *ngIf="bankingForm.controls.itemRows['controls'].length == (i+1)">
|
<!-- <div style="text-align: right;" class="pt-1" *ngIf="bankingForm.controls.itemRows['controls'].length == (i+1)">
|
||||||
<button class="mr-1 mb-1 hover-icon" color="primary" mat-raised-button mat-icon-button matTooltip="Add More Banking Details" matTooltipPosition="above" (click)="addBankdetails(i, $event)">
|
<button class="mr-1 mb-1 hover-icon" color="primary" mat-raised-button mat-icon-button matTooltip="Add More Banking Details" matTooltipPosition="above" >
|
||||||
<mat-icon >add</mat-icon>
|
<mat-icon >add</mat-icon>
|
||||||
</button></div>
|
</button></div> -->
|
||||||
</mat-accordion>
|
</mat-accordion>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -24,10 +24,10 @@
|
|||||||
<br>
|
<br>
|
||||||
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<input matInput type="number" placeholder="Year" formControlName="how_long_year" required min='0'>
|
<input matInput type="number" autocomplete="off" placeholder="Year" formControlName="how_long_year" required min='0'>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<input matInput type="number" placeholder="Month" formControlName="how_long_month" required min='0' max='12'>
|
<input matInput type="number" autocomplete="off" placeholder="Month" formControlName="how_long_month" required min='0' (change)="ConvertMonthintoYear($event.target.value)">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -136,6 +136,19 @@ export class EmploymentInfoComponent implements OnInit {
|
|||||||
employment_remarks: ['', Validators.compose([Validators.required])],
|
employment_remarks: ['', Validators.compose([Validators.required])],
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ConvertMonthintoYear(e){
|
||||||
|
|
||||||
|
let how_long_year = this.employmentForm.controls.how_long_year.value;
|
||||||
|
|
||||||
|
let converted_month : number = e%12;
|
||||||
|
let converted_year : number = e/12;
|
||||||
|
|
||||||
|
this.employmentForm.controls.how_long_year.setValue(+how_long_year + +Math.floor(converted_year));
|
||||||
|
this.employmentForm.controls.how_long_month.setValue(Math.floor(converted_month));
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
submitDetails() {
|
submitDetails() {
|
||||||
if (!this.employmentForm.valid) {
|
if (!this.employmentForm.valid) {
|
||||||
this.notifier.notify('warning', 'Please Fill All Mandatory Fields.!');
|
this.notifier.notify('warning', 'Please Fill All Mandatory Fields.!');
|
||||||
|
|||||||
@ -308,6 +308,13 @@
|
|||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<input matInput placeholder="Place" formControlName="residence_place" required>
|
<input matInput placeholder="Place" formControlName="residence_place" required>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
<mat-form-field>
|
||||||
|
<mat-select matInput placeholder="Pin" formControlName="residence_pin" required>
|
||||||
|
<mat-option *ngFor="let p of pincodeData[ix]" [value]="p.pincode_id">
|
||||||
|
{{p.pincode}}
|
||||||
|
</mat-option>
|
||||||
|
</mat-select>
|
||||||
|
</mat-form-field>
|
||||||
|
|
||||||
<!-- <mat-form-field>
|
<!-- <mat-form-field>
|
||||||
<input matInput placeholder="City" formControlName="residence_city" required>
|
<input matInput placeholder="City" formControlName="residence_city" required>
|
||||||
|
|||||||
@ -328,7 +328,7 @@ export class FamilyDetailsComponent implements OnInit {
|
|||||||
stateData: any = [];
|
stateData: any = [];
|
||||||
// wholeCityData:any =[];
|
// wholeCityData:any =[];
|
||||||
cityData: any =[];
|
cityData: any =[];
|
||||||
PincodeData:any=[];
|
pincodeData:any=[];
|
||||||
// earnMemberArrCount :any ;
|
// earnMemberArrCount :any ;
|
||||||
// nonEarnMemberArrCount :any ;
|
// nonEarnMemberArrCount :any ;
|
||||||
count: number;
|
count: number;
|
||||||
@ -375,9 +375,29 @@ export class FamilyDetailsComponent implements OnInit {
|
|||||||
this.familyForm.controls.family_details_form_remark.setValue(data.records.family_details_form_remark);
|
this.familyForm.controls.family_details_form_remark.setValue(data.records.family_details_form_remark);
|
||||||
// this.generateFamilyMembersDetailsGetData(data.records.family_members_details);
|
// this.generateFamilyMembersDetailsGetData(data.records.family_members_details);
|
||||||
} else {
|
} else {
|
||||||
// value.push(this.createMembers());
|
|
||||||
// control.push(this.createNonMembers());
|
this.selectPerson.forEach((val,index) => {
|
||||||
this.initFamilyForm(null);
|
let formData: FormGroup = this.fb.group({
|
||||||
|
selected_person: [val.applicant_name],
|
||||||
|
residence_place: [null],
|
||||||
|
residence_city: [null],
|
||||||
|
residence_state: [null],
|
||||||
|
residence_pin: [null],
|
||||||
|
residence_No_of_years: [null],
|
||||||
|
residence_ownership: [null],
|
||||||
|
ownershipOther: [null],
|
||||||
|
rent: [null],
|
||||||
|
total_number_of_family_members: [null],
|
||||||
|
family_members_details: this.fb.array([]),
|
||||||
|
});
|
||||||
|
const control = <FormArray>this.familyForm.controls['family_details'];
|
||||||
|
control.push(formData);
|
||||||
|
});
|
||||||
|
|
||||||
|
// this.selectPerson.forEach((val,index) => {
|
||||||
|
// this.initFamilyForm(val.pd_co_applicant_id);
|
||||||
|
// });
|
||||||
|
// this.initFamilyForm(null);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -642,14 +662,15 @@ export class FamilyDetailsComponent implements OnInit {
|
|||||||
}
|
}
|
||||||
|
|
||||||
getCity(e,i){
|
getCity(e,i){
|
||||||
console.log(e);
|
// console.log(e);
|
||||||
// this.cityData = this.wholeCityData.filter(city=>city.fk_state_id == e);
|
// this.cityData = this.wholeCityData.filter(city=>city.fk_state_id == e);
|
||||||
// this._pd.retriveForm(params).subscribe(data => {
|
// this._pd.retriveForm(params).subscribe(data => {
|
||||||
this._pd.getStateWiseCities(e).subscribe(data=>{
|
this._pd.getStateWiseCities(e).subscribe(data=>{
|
||||||
if (data.status == 200) {
|
if (data.status == 200) {
|
||||||
console.log(data.status);
|
// console.log(data.status);
|
||||||
this.cityData[i] = data.records.cities;
|
this.cityData[i] = data.records.cities;
|
||||||
console.log(this.cityData);
|
this.pincodeData[i] = data.records.pincode;
|
||||||
|
// console.log(this.cityData);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
@ -330,5 +330,6 @@
|
|||||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Save" matTooltipPosition="above" (click)="submitGeneralForm(_generalForm.value)"><mat-icon>save</mat-icon></button>
|
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Save" matTooltipPosition="above" (click)="submitGeneralForm(_generalForm.value)"><mat-icon>save</mat-icon></button>
|
||||||
</div>
|
</div>
|
||||||
</mat-dialog-actions>
|
</mat-dialog-actions>
|
||||||
|
</form>
|
||||||
<notifier-container></notifier-container>
|
<notifier-container></notifier-container>
|
||||||
|
|
||||||
@ -26,10 +26,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</mat-card-header>
|
</mat-card-header>
|
||||||
<mat-card-content formArrayName="neighbourhood_list" *ngIf="_neighbourhoodForm.controls.check_type.value==0">
|
<mat-card-content formArrayName="neighbourhood_list" *ngIf="_neighbourhoodForm.controls.check_type.value==0">
|
||||||
<mat-card-content *ngFor="let neighbourhood of _neighbourhoodForm.controls.neighbourhood_list['controls']; let n = index;" [formGroupName]="n">
|
<mat-card *ngFor="let neighbourhood of _neighbourhoodForm.controls.neighbourhood_list['controls']; let n = index; let last = last" [formGroupName]="n">
|
||||||
|
<mat-card-content>
|
||||||
<mat-form-field style="width: 42%">
|
<mat-form-field style="width: 42%">
|
||||||
<input matInput autocomplete="off" placeholder="Neighbour Name" formControlName="neighbourhood_name" type="text">
|
<input matInput autocomplete="off" placeholder="Neighbour Name" formControlName="neighbourhood_name" type="text">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
|
||||||
<mat-form-field style="width: 40%">
|
<mat-form-field style="width: 40%">
|
||||||
<mat-select placeholder="Do You Know the Applicant" formControlName="do_know">
|
<mat-select placeholder="Do You Know the Applicant" formControlName="do_know">
|
||||||
<mat-option value="Yes">Yes</mat-option>
|
<mat-option value="Yes">Yes</mat-option>
|
||||||
@ -58,14 +60,21 @@
|
|||||||
<mat-option value="No">No</mat-option>
|
<mat-option value="No">No</mat-option>
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<button type="button" mat-raised-button mat-icon-button (click)="removeNeighbourhood(n)"
|
|
||||||
matTooltip="Remove Neighbourhood" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="n!=0">
|
|
||||||
<mat-icon>delete</mat-icon></button>
|
|
||||||
</mat-card-content>
|
|
||||||
|
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
|
<mat-card-actions align="center">
|
||||||
|
<!-- <button type="button" mat-raised-button mat-icon-button
|
||||||
|
matTooltip="Remove Neighbourhood" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="n!=0">
|
||||||
|
<mat-icon>delete</mat-icon></button> -->
|
||||||
|
<button type="button" mat-flat-button (click)="removeNeighbourhood(n)"
|
||||||
|
matTooltip="Delete"matTooltipPosition="left" color="primary" *ngIf="n!=0">
|
||||||
|
<strong>Delete Neighbourhood </strong>
|
||||||
|
</button>
|
||||||
|
</mat-card-actions>
|
||||||
|
</mat-card>
|
||||||
|
</mat-card-content>
|
||||||
<mat-card-content formArrayName="referencecheck_list" *ngIf="_neighbourhoodForm.controls.check_type.value==1">
|
<mat-card-content formArrayName="referencecheck_list" *ngIf="_neighbourhoodForm.controls.check_type.value==1">
|
||||||
<mat-card *ngFor="let reference of _neighbourhoodForm.controls.referencecheck_list['controls']; let r = index;" [formGroupName]="r">
|
<mat-card *ngFor="let reference of _neighbourhoodForm.controls.referencecheck_list['controls']; let r = index;let last =last" [formGroupName]="r">
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<mat-form-field style="width: 25%">
|
<mat-form-field style="width: 25%">
|
||||||
<input matInput autocomplete="off" placeholder="Name" formControlName="reference_name" type="text">
|
<input matInput autocomplete="off" placeholder="Name" formControlName="reference_name" type="text">
|
||||||
@ -134,10 +143,16 @@
|
|||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
|
||||||
</span>
|
</span>
|
||||||
<button type="button" mat-raised-button mat-icon-button (click)="removeReferencecheck(r)"
|
<!-- <button type="button" mat-raised-button mat-icon-button (click)="removeReferencecheck(r)"
|
||||||
matTooltip="Remove Reference Check" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="r!=0">
|
matTooltip="Remove Reference Check" matTooltipPosition="above" class="mr-1 mb-1 hover-icon" *ngIf="r!=0">
|
||||||
<mat-icon>delete</mat-icon></button>
|
<mat-icon>delete</mat-icon></button> -->
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
|
<mat-card-actions align="center">
|
||||||
|
<button type="button" mat-flat-button (click)="removeReferencecheck(r)"
|
||||||
|
matTooltip="Delete"matTooltipPosition="left" color="primary" *ngIf="r!=0">
|
||||||
|
<strong>Delete Reference Check </strong>
|
||||||
|
</button>
|
||||||
|
</mat-card-actions>
|
||||||
</mat-card>
|
</mat-card>
|
||||||
|
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
@ -146,9 +161,7 @@
|
|||||||
</mat-card-actions>
|
</mat-card-actions>
|
||||||
|
|
||||||
</mat-card>
|
</mat-card>
|
||||||
|
</mat-dialog-content>
|
||||||
|
|
||||||
</mat-dialog-content>
|
|
||||||
|
|
||||||
<mat-dialog-actions>
|
<mat-dialog-actions>
|
||||||
<div fxFlex="60" class="pb-0 text-sm-left" align="left">
|
<div fxFlex="60" class="pb-0 text-sm-left" align="left">
|
||||||
@ -162,5 +175,6 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
</mat-dialog-actions>
|
</mat-dialog-actions>
|
||||||
<notifier-container></notifier-container>
|
</form>
|
||||||
|
<notifier-container></notifier-container>
|
||||||
|
|
||||||
@ -53,6 +53,15 @@
|
|||||||
formControlName="others_source">
|
formControlName="others_source">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
|
||||||
|
<mat-form-field style="width:45%">
|
||||||
|
<mat-select placeholder="Income earned by"
|
||||||
|
formControlName="income_earned_by">
|
||||||
|
<mat-option value="{{person.pd_co_applicant_id}}" *ngFor="let person of applicants">
|
||||||
|
{{person.applicant_name}}
|
||||||
|
</mat-option>
|
||||||
|
</mat-select>
|
||||||
|
</mat-form-field>
|
||||||
|
|
||||||
<mat-form-field style="width:45%">
|
<mat-form-field style="width:45%">
|
||||||
<input matInput autocomplete="off" placeholder="Amount" formControlName="amount" (keypress)="keyPress($event)" (keyup)="inWords($event,i)">
|
<input matInput autocomplete="off" placeholder="Amount" formControlName="amount" (keypress)="keyPress($event)" (keyup)="inWords($event,i)">
|
||||||
<mat-hint align="start" style="font-size:90%" *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>
|
||||||
@ -70,15 +79,25 @@
|
|||||||
<input matInput autocomplete="off" placeholder="Specify Frequency"
|
<input matInput autocomplete="off" placeholder="Specify Frequency"
|
||||||
formControlName="others_frequency">
|
formControlName="others_frequency">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<button type="button" matTooltip="Delete" class="mr-1 mb-1 hover-icon" matTooltipPosition="above" mat-raised-button mat-icon-button (click)="deleteIncomeDetails(i)"
|
<!-- <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">
|
*ngIf="i>0">
|
||||||
<mat-icon>delete</mat-icon>
|
<mat-icon>delete</mat-icon>
|
||||||
</button>
|
</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()"
|
<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">
|
color="primary" *ngIf="last">
|
||||||
<mat-icon>add</mat-icon>
|
<mat-icon>add</mat-icon>
|
||||||
</button>
|
</button> -->
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
|
<mat-card-actions align="center">
|
||||||
|
<button type="button" mat-flat-button (click)="addIncomeDetails()"
|
||||||
|
matTooltip="Add More" matTooltipPosition="left" color="primary" *ngIf="last">
|
||||||
|
<strong>Add More Income Details </strong>
|
||||||
|
</button>
|
||||||
|
<button type="button" mat-flat-button (click)="deleteIncomeDetails(i)"
|
||||||
|
matTooltip="Delete"matTooltipPosition="left" color="primary" *ngIf="!last">
|
||||||
|
<strong>DeleteIncome Details </strong>
|
||||||
|
</button>
|
||||||
|
</mat-card-actions>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</mat-card>
|
</mat-card>
|
||||||
|
|||||||
@ -34,6 +34,7 @@ export class OtherIncomeComponent implements OnInit {
|
|||||||
pageTitle: string ="Other Income Details";
|
pageTitle: string ="Other Income Details";
|
||||||
loadDataStatus: boolean=true;
|
loadDataStatus: boolean=true;
|
||||||
|
|
||||||
|
|
||||||
// @Input() pdid: number;
|
// @Input() pdid: number;
|
||||||
// @Input() form_id: number;
|
// @Input() form_id: number;
|
||||||
pdid : string;
|
pdid : string;
|
||||||
@ -44,6 +45,7 @@ export class OtherIncomeComponent implements OnInit {
|
|||||||
frequencyData: any = [];
|
frequencyData: any = [];
|
||||||
sourceData : any = [];
|
sourceData : any = [];
|
||||||
amtInwords : any = [];
|
amtInwords : any = [];
|
||||||
|
applicants : any = [];
|
||||||
|
|
||||||
constructor(notifier: NotifierService,
|
constructor(notifier: NotifierService,
|
||||||
private fb: FormBuilder,
|
private fb: FormBuilder,
|
||||||
@ -54,6 +56,7 @@ export class OtherIncomeComponent implements OnInit {
|
|||||||
@Inject(MAT_DIALOG_DATA) public pd_all_details: any)
|
@Inject(MAT_DIALOG_DATA) public pd_all_details: any)
|
||||||
{
|
{
|
||||||
this.pdid = this.pd_all_details.pdmaster_details.pd_id;
|
this.pdid = this.pd_all_details.pdmaster_details.pd_id;
|
||||||
|
this.applicants = this.pd_all_details.pdapplicants_detials;
|
||||||
this.form_id = 9;
|
this.form_id = 9;
|
||||||
this.notifier = notifier;
|
this.notifier = notifier;
|
||||||
}
|
}
|
||||||
@ -132,6 +135,7 @@ public viewerOptions: any = {
|
|||||||
return this.fb.group({
|
return this.fb.group({
|
||||||
source: [''],
|
source: [''],
|
||||||
others_source : [''],
|
others_source : [''],
|
||||||
|
income_earned_by:[''],
|
||||||
amount: [''],
|
amount: [''],
|
||||||
frequency: [''],
|
frequency: [''],
|
||||||
others_frequency : ['']
|
others_frequency : ['']
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user