general-info/general-info.component.html

This commit is contained in:
venbatechnologies@gmail.com 2019-01-21 18:37:36 +05:30
parent 6bff2193f8
commit b20e611df8
10 changed files with 194 additions and 82 deletions

View File

@ -11,7 +11,6 @@
<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">
<ng-template matTabContent> <ng-template matTabContent>
@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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.!');

View File

@ -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>

View File

@ -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);
} }
}); });
} }

View File

@ -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>

View File

@ -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,8 +161,6 @@
</mat-card-actions> </mat-card-actions>
</mat-card> </mat-card>
</mat-dialog-content> </mat-dialog-content>
<mat-dialog-actions> <mat-dialog-actions>
@ -162,5 +175,6 @@
</div> </div>
</mat-dialog-actions> </mat-dialog-actions>
</form>
<notifier-container></notifier-container> <notifier-container></notifier-container>

View File

@ -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 != ''">{{"&#8377;"}} {{amtInwords[i]}} Only</mat-hint> <mat-hint align="start" style="font-size:90%" *ngIf="details.get('amount').value != ''">{{"&#8377;"}} {{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>

View File

@ -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 : ['']