general-info/general-info.component.html
This commit is contained in:
venbatechnologies@gmail.com
parent
6bff2193f8
commit
b20e611df8
@ -1,16 +1,15 @@
|
||||
<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;">
|
||||
{{pageTitle}}
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</h2>
|
||||
|
||||
<mat-dialog-content>
|
||||
</h2>
|
||||
|
||||
<mat-dialog-content>
|
||||
|
||||
<mat-tab-group>
|
||||
<mat-tab label="Assets Used For Business">
|
||||
@ -21,7 +20,7 @@
|
||||
<mat-card-content>
|
||||
<div fxLayout="row" fxLayoutAlign="start none">
|
||||
<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-content>
|
||||
<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"> -->
|
||||
<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>
|
||||
</span>
|
||||
</span> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</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"
|
||||
class="mr-1 mb-1 hover-icon" (click)="addAssetDetails($event,2); false"><mat-icon>add</mat-icon></button>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
</mat-card-content>
|
||||
|
||||
@ -297,7 +306,7 @@
|
||||
<mat-card-content>
|
||||
<div fxLayout="row" fxLayoutAlign="start none">
|
||||
<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-content>
|
||||
<div [formGroupName]="i">
|
||||
@ -581,24 +590,34 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none">
|
||||
<!-- <div fxLayout="row" fxLayoutGap="12px" fxLayoutAlign="start none">
|
||||
<div fxFlex="20">
|
||||
<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>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
</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>
|
||||
</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"
|
||||
class="mr-1 mb-1 hover-icon" (click)="addAssetDetails($event,1); false"><mat-icon>add</mat-icon></button>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
</mat-card-content>
|
||||
|
||||
|
||||
@ -84,7 +84,7 @@
|
||||
<mat-card-content>
|
||||
<div formArrayName="itemRows" autocomplete="off">
|
||||
<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">
|
||||
<!-- {{bankingForm.controls.itemRows['controls']}} -->
|
||||
<mat-expansion-panel class="banlFields" [expanded]="step == i">
|
||||
@ -186,14 +186,28 @@
|
||||
</mat-form-field>
|
||||
</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 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>
|
||||
<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)">
|
||||
<!-- <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" >
|
||||
<mat-icon >add</mat-icon>
|
||||
</button></div>
|
||||
</button></div> -->
|
||||
</mat-accordion>
|
||||
</div>
|
||||
|
||||
|
||||
@ -24,10 +24,10 @@
|
||||
<br>
|
||||
<div fxLayout="row" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -136,6 +136,19 @@ export class EmploymentInfoComponent implements OnInit {
|
||||
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() {
|
||||
if (!this.employmentForm.valid) {
|
||||
this.notifier.notify('warning', 'Please Fill All Mandatory Fields.!');
|
||||
|
||||
@ -308,6 +308,13 @@
|
||||
<mat-form-field>
|
||||
<input matInput placeholder="Place" formControlName="residence_place" required>
|
||||
</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>
|
||||
<input matInput placeholder="City" formControlName="residence_city" required>
|
||||
|
||||
@ -328,7 +328,7 @@ export class FamilyDetailsComponent implements OnInit {
|
||||
stateData: any = [];
|
||||
// wholeCityData:any =[];
|
||||
cityData: any =[];
|
||||
PincodeData:any=[];
|
||||
pincodeData:any=[];
|
||||
// earnMemberArrCount :any ;
|
||||
// nonEarnMemberArrCount :any ;
|
||||
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.generateFamilyMembersDetailsGetData(data.records.family_members_details);
|
||||
} else {
|
||||
// value.push(this.createMembers());
|
||||
// control.push(this.createNonMembers());
|
||||
this.initFamilyForm(null);
|
||||
|
||||
this.selectPerson.forEach((val,index) => {
|
||||
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){
|
||||
console.log(e);
|
||||
// console.log(e);
|
||||
// this.cityData = this.wholeCityData.filter(city=>city.fk_state_id == e);
|
||||
// this._pd.retriveForm(params).subscribe(data => {
|
||||
this._pd.getStateWiseCities(e).subscribe(data=>{
|
||||
if (data.status == 200) {
|
||||
console.log(data.status);
|
||||
// console.log(data.status);
|
||||
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>
|
||||
</div>
|
||||
</mat-dialog-actions>
|
||||
</form>
|
||||
<notifier-container></notifier-container>
|
||||
|
||||
@ -26,10 +26,12 @@
|
||||
</div>
|
||||
</mat-card-header>
|
||||
<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%">
|
||||
<input matInput autocomplete="off" placeholder="Neighbour Name" formControlName="neighbourhood_name" type="text">
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field style="width: 40%">
|
||||
<mat-select placeholder="Do You Know the Applicant" formControlName="do_know">
|
||||
<mat-option value="Yes">Yes</mat-option>
|
||||
@ -58,14 +60,21 @@
|
||||
<mat-option value="No">No</mat-option>
|
||||
</mat-select>
|
||||
</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-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 *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-form-field style="width: 25%">
|
||||
<input matInput autocomplete="off" placeholder="Name" formControlName="reference_name" type="text">
|
||||
@ -134,10 +143,16 @@
|
||||
</mat-form-field>
|
||||
|
||||
</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">
|
||||
<mat-icon>delete</mat-icon></button>
|
||||
<mat-icon>delete</mat-icon></button> -->
|
||||
</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-content>
|
||||
@ -146,9 +161,7 @@
|
||||
</mat-card-actions>
|
||||
|
||||
</mat-card>
|
||||
|
||||
|
||||
</mat-dialog-content>
|
||||
</mat-dialog-content>
|
||||
|
||||
<mat-dialog-actions>
|
||||
<div fxFlex="60" class="pb-0 text-sm-left" align="left">
|
||||
@ -162,5 +175,6 @@
|
||||
</div>
|
||||
|
||||
</mat-dialog-actions>
|
||||
<notifier-container></notifier-container>
|
||||
</form>
|
||||
<notifier-container></notifier-container>
|
||||
|
||||
@ -53,6 +53,15 @@
|
||||
formControlName="others_source">
|
||||
</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%">
|
||||
<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>
|
||||
@ -70,15 +79,25 @@
|
||||
<input matInput autocomplete="off" placeholder="Specify Frequency"
|
||||
formControlName="others_frequency">
|
||||
</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">
|
||||
<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>
|
||||
</button> -->
|
||||
</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>
|
||||
</mat-card>
|
||||
|
||||
@ -34,6 +34,7 @@ export class OtherIncomeComponent implements OnInit {
|
||||
pageTitle: string ="Other Income Details";
|
||||
loadDataStatus: boolean=true;
|
||||
|
||||
|
||||
// @Input() pdid: number;
|
||||
// @Input() form_id: number;
|
||||
pdid : string;
|
||||
@ -44,6 +45,7 @@ export class OtherIncomeComponent implements OnInit {
|
||||
frequencyData: any = [];
|
||||
sourceData : any = [];
|
||||
amtInwords : any = [];
|
||||
applicants : any = [];
|
||||
|
||||
constructor(notifier: NotifierService,
|
||||
private fb: FormBuilder,
|
||||
@ -54,6 +56,7 @@ export class OtherIncomeComponent implements OnInit {
|
||||
@Inject(MAT_DIALOG_DATA) public pd_all_details: any)
|
||||
{
|
||||
this.pdid = this.pd_all_details.pdmaster_details.pd_id;
|
||||
this.applicants = this.pd_all_details.pdapplicants_detials;
|
||||
this.form_id = 9;
|
||||
this.notifier = notifier;
|
||||
}
|
||||
@ -132,6 +135,7 @@ public viewerOptions: any = {
|
||||
return this.fb.group({
|
||||
source: [''],
|
||||
others_source : [''],
|
||||
income_earned_by:[''],
|
||||
amount: [''],
|
||||
frequency: [''],
|
||||
others_frequency : ['']
|
||||
|
||||
Loading…
Reference in New Issue
Block a user