Sineedge/sparqsineedge
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sheet issues fixes :ps

Browse Source
This commit is contained in:
venbatechnologies@gmail.com 2019-02-20 11:15:33 +05:30
parent 5600fa463e
commit 2f655a8b3b
17 changed files with 2957 additions and 2627 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

927
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-assets-info/business-assets-info.component.html
View File

File diff suppressed because it is too large Load Diff

1049
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-assets-info/business-assets-info.component.ts
View File

File diff suppressed because it is too large Load Diff

2
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-banking-details/business-banking-details.component.ts
View File

@ -97,7 +97,7 @@ export class BusinessBankingDetailsComponent implements OnInit {
this.initBankingForm(); this.initBankingForm();
this._pd.getCompaniesListsForBusiness(this.pdid).subscribe(data=>{ this._pd.getCompaniesListsForBusiness(this.pdid).subscribe(data=>{
if(data.dataStatus){ if(data.dataStatus){
this.existCompanyList = data.records.filter(val =>val.is_active===true && val.is_company_applicant===true && val.company_order_id==this.company_id); this.existCompanyList = data.records.filter(val =>val.is_active===true);/* && val.is_company_applicant===true && val.company_order_id==this.company_id */
} }
let modifyCompanyList : any=[]; let modifyCompanyList : any=[];

81
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.ts
View File

@ -647,17 +647,17 @@ export class BusinessInfoComponent implements OnInit {
// businees activity type change event // businees activity type change event
changeBusinessActivity(event: any){ changeBusinessActivity(event: any){
// console.log('changeBusinessActivity');
if(event.value.exist_status==true && event.value.type_of_activity_id==2){ if(event.value.exist_status==true && event.value.type_of_activity_id==2){
// console.log('changeBusinessActivity 1');
this.ManufacturingChecked = event.value.exist_status; this.ManufacturingChecked = event.value.exist_status;
let manufacturingControl = <FormArray>this.businessForm.controls['manufacturing_activity_details']; let manufacturingControl = <FormArray>this.businessForm.controls['manufacturing_activity_details'];
manufacturingControl.controls = []; manufacturingControl.controls = [];
manufacturingControl.setValue([]); manufacturingControl.setValue([]);
} }
else if(event.value.exist_status==false && event.value.type_of_activity_id==2){ else if(event.value.exist_status==false && event.value.type_of_activity_id==2){
// console.log('changeBusinessActivity 2');
this.ManufacturingChecked = event.value.exist_status; this.ManufacturingChecked = event.value.exist_status;
let manufacturingControl = <FormArray>this.businessForm.controls['manufacturing_activity_details']; let manufacturingControl = <FormArray>this.businessForm.controls['manufacturing_activity_details'];
manufacturingControl.push(this.createActivity()); manufacturingControl.push(this.createActivity());
@ -665,40 +665,40 @@ export class BusinessInfoComponent implements OnInit {
} }
if(event.value.exist_status==true && event.value.type_of_activity_id==3){ if(event.value.exist_status==true && event.value.type_of_activity_id==3){
// console.log('changeBusinessActivity 3');
this.RetailedChecked = event.value.exist_status; this.RetailedChecked = event.value.exist_status;
let retailControl = <FormArray>this.businessForm.controls['retail_trading_activity_details']; let retailControl = <FormArray>this.businessForm.controls['retail_trading_activity_details'];
retailControl.controls = []; retailControl.controls = [];
retailControl.setValue([]); retailControl.setValue([]);
} }
else if(event.value.exist_status==false && event.value.type_of_activity_id==3){ else if(event.value.exist_status==false && event.value.type_of_activity_id==3){
// console.log('changeBusinessActivity 4');
this.RetailedChecked = event.value.exist_status; this.RetailedChecked = event.value.exist_status;
let retailControl = <FormArray>this.businessForm.controls['retail_trading_activity_details']; let retailControl = <FormArray>this.businessForm.controls['retail_trading_activity_details'];
retailControl.push(this.createActivity()); retailControl.push(this.createActivity());
} }
if(event.value.exist_status==true && event.value.type_of_activity_id==4){ if(event.value.exist_status==true && event.value.type_of_activity_id==4){
// console.log('changeBusinessActivity 5');
this.WholeSalesChecked = event.value.exist_status; this.WholeSalesChecked = event.value.exist_status;
let wholesaleControl = <FormArray>this.businessForm.controls['wholesale_trading_activity_details']; let wholesaleControl = <FormArray>this.businessForm.controls['wholesale_trading_activity_details'];
wholesaleControl.controls = []; wholesaleControl.controls = [];
wholesaleControl.setValue([]); wholesaleControl.setValue([]);
} }
else if(event.value.exist_status==false && event.value.type_of_activity_id==4){ else if(event.value.exist_status==false && event.value.type_of_activity_id==4){
// console.log('changeBusinessActivity 6');
this.WholeSalesChecked = event.value.exist_status; this.WholeSalesChecked = event.value.exist_status;
let wholesaleControl = <FormArray>this.businessForm.controls['wholesale_trading_activity_details']; let wholesaleControl = <FormArray>this.businessForm.controls['wholesale_trading_activity_details'];
wholesaleControl.push(this.createActivity()); wholesaleControl.push(this.createActivity());
} }
if(event.value.exist_status==true && event.value.type_of_activity_id==5){ if(event.value.exist_status==true && event.value.type_of_activity_id==5){
// console.log('changeBusinessActivity 7');
this.ServiceChecked = event.value.exist_status; this.ServiceChecked = event.value.exist_status;
let serviceControl = <FormArray>this.businessForm.controls['service_provider_activity_details']; let serviceControl = <FormArray>this.businessForm.controls['service_provider_activity_details'];
serviceControl.controls = []; serviceControl.controls = [];
serviceControl.setValue([]); serviceControl.setValue([]);
} }
else if(event.value.exist_status==false && event.value.type_of_activity_id==5){ else if(event.value.exist_status==false && event.value.type_of_activity_id==5){
// console.log('changeBusinessActivity 8');
this.ServiceChecked = event.value.exist_status; this.ServiceChecked = event.value.exist_status;
let serviceControl = <FormArray>this.businessForm.controls['service_provider_activity_details']; let serviceControl = <FormArray>this.businessForm.controls['service_provider_activity_details'];
serviceControl.push(this.createServiceActivity()); serviceControl.push(this.createServiceActivity());
@ -1157,9 +1157,7 @@ export class BusinessInfoComponent implements OnInit {
this.businessEntityTypeList.business_entity_type_name = filterList[0].business_entity_type_id!=1 ? filterList[0].business_entity_type_name : this.generalExistEntityType_other; this.businessEntityTypeList.business_entity_type_name = filterList[0].business_entity_type_id!=1 ? filterList[0].business_entity_type_name : this.generalExistEntityType_other;
this.businessEntityTypeList.section_label = filterList[0].business_entity_type_id!=1 ? filterList[0].section_label : this.generalExistEntityType_other; this.businessEntityTypeList.section_label = filterList[0].business_entity_type_id!=1 ? filterList[0].section_label : this.generalExistEntityType_other;
// console.log(this.businessEntityTypeList.business_entity_type_id+' , '+this.businessEntityTypeList.business_entity_type_name+' , '+this.businessEntityTypeList.section_label);
// console.log(this.businessForm.controls.partners['controls']);
// console.log(this.businessForm.controls.partners['controls'].length);
// if(this.businessForm.controls.partners['controls'].length > 1) // if(this.businessForm.controls.partners['controls'].length > 1)
// { // {
// console.log('asd'); // console.log('asd');
@ -1317,9 +1315,7 @@ export class BusinessInfoComponent implements OnInit {
// Out of Total Export Sales what % of Sales is done in Albania? // Out of Total Export Sales what % of Sales is done in Albania?
getPlaceHolderName(id){ getPlaceHolderName(id){
let name = this.countryDataList.filter(value=>value.country_id == id); let name = this.countryDataList.filter(value=>value.country_id == id);
// console.log(name);
// console.log(name[0].country_name);
// console.log(id);
return 'Out of Total Export Sales what % of Sales is done in '+ name[0].country_name +' ?'; return 'Out of Total Export Sales what % of Sales is done in '+ name[0].country_name +' ?';
// return name[0].country_name +'?'; // return name[0].country_name +'?';
} }
@ -1386,20 +1382,11 @@ export class BusinessInfoComponent implements OnInit {
/** /**
* This Function For validate For Appx. sale based on Type OF Activities * This Function For validate For Appx. sale based on Type OF Activities
*/ */
// validateAppxSales(records){ // validateAppxSales(records){}
// //console.log(records.manufacturing_activity_details.length);
// //this Variable For Validation
// }
submitDetails() { submitDetails() {
// let family: any = []; // let family: any = [];
// console.log(this.businessForm.value);
if(this.EntityTypeFlag == true){ if(this.EntityTypeFlag == true){
let control: any = <FormArray>this.businessForm.controls['partners']; let control: any = <FormArray>this.businessForm.controls['partners'];
@ -1441,7 +1428,7 @@ export class BusinessInfoComponent implements OnInit {
} }
// let design: any; // let design: any;
let records = this.businessForm.value; let records = this.businessForm.value;
// console.log(records);
//to check the Appx. sale validation. //to check the Appx. sale validation.
// this.validateAppxSales(records); // this.validateAppxSales(records);
@ -1459,8 +1446,8 @@ export class BusinessInfoComponent implements OnInit {
let validationFlag : number = 0; let validationFlag : number = 0;
// let shareHoldValidationFlag : number = 0; // let shareHoldValidationFlag : number = 0;
// console.log(records.partners.length);
// console.log(records.partners);
if(records.partners.length > 0){ if(records.partners.length > 0){
let total = records.partners.map(shares => shares.shareholding).reduce((a, b) => a + +b, 0); let total = records.partners.map(shares => shares.shareholding).reduce((a, b) => a + +b, 0);
@ -1624,7 +1611,7 @@ export class BusinessInfoComponent implements OnInit {
}); });
let merged = [].concat.apply([], setCityFilter); let merged = [].concat.apply([], setCityFilter);
// console.log(merged)
if(merged.length>0){ if(merged.length>0){
let check: any = merged.filter(function(fVal){ let check: any = merged.filter(function(fVal){
return existCities.some(function(sVal){ return existCities.some(function(sVal){
@ -1698,9 +1685,7 @@ export class BusinessInfoComponent implements OnInit {
} }
// flag: number = 0; // flag: number = 0;
// CheckExport(e,val){ // CheckExport(e,val){
// console.log(e);
// console.log(val);
// console.log(this.)
// if(val == 1){ // if(val == 1){
// e != "Within India" ? // e != "Within India" ?
// this.flag++ :this.flag--; // this.flag++ :this.flag--;
@ -1746,13 +1731,13 @@ export class BusinessInfoComponent implements OnInit {
// // this.counterForExportCart--; // // this.counterForExportCart--;
// } // }
// // this.ExportFlag = this.counterForExportCart == 1 ? true : false ; // // this.ExportFlag = this.counterForExportCart == 1 ? true : false ;
// console.log('this.domesticCounter : ',this.domesticCounter,', this.foreignCounter : ',this.foreignCounter);
// if(this.domesticCounter == 0 && this.foreignCounter == 0){ // if(this.domesticCounter == 0 && this.foreignCounter == 0){
// this.ExportFlag = false; // this.ExportFlag = false;
// }else if(this.foreignCounter >= 0) { // }else if(this.foreignCounter >= 0) {
// this.ExportFlag = true; // this.ExportFlag = true;
// } // }
// console.log('Cuurent Flag Status : ',this.ExportFlag );
// } // }
ManufacturingCounterArray: any = []; ManufacturingCounterArray: any = [];
@ -1763,23 +1748,20 @@ ServiceCounterArray: any = [];
CheckExport(value,stringFlag,index){ CheckExport(value,stringFlag,index){
const parentControl = <FormArray>this.businessForm.controls['select_business_activity_type']; const parentControl = <FormArray>this.businessForm.controls['select_business_activity_type'];
const childControl = <FormArray>parentControl.controls[0]; const childControl = <FormArray>parentControl.controls[0];
// console.log('parentControl',parentControl);
// console.log('parentControl.controls',parentControl.controls);
// console.log('childControl',childControl.value);
// console.log('childControl',childControl.value.exist_status);
// childControl.forEach((datas,index) => { // childControl.forEach((datas,index) => {
// console.log(datas);
// // exist_status==true && event.value.type_of_activity_id // // exist_status==true && event.value.type_of_activity_id
// console.log(datas[index].);
// console.log(datas[index].controls.exist_status.value);
// }); // });
// console.log('CheckExport');
// console.log(value,stringFlag,index);
// console.log(this.ManufacturingChecked , this.RetailedChecked , this.WholeSalesChecked , this.ServiceChecked);
if(!this.ManufacturingChecked){ if(!this.ManufacturingChecked){
if(stringFlag == 'MActivity' && value != "Within India"){ if(stringFlag == 'MActivity' && value != "Within India"){
@ -1831,20 +1813,19 @@ CheckExport(value,stringFlag,index){
} }
let SumOfManufacturingCounter = this.ManufacturingCounterArray.reduce((sum, val) => sum + +val, 0); let SumOfManufacturingCounter = this.ManufacturingCounterArray.reduce((sum, val) => sum + +val, 0);
// console.log(SumOfManufacturingCounter,this.ManufacturingCounterArray);
let SumOfRetailCounter = this.RetailCounterArray.reduce((sum, val) => sum + +val, 0); let SumOfRetailCounter = this.RetailCounterArray.reduce((sum, val) => sum + +val, 0);
// console.log(SumOfRetailCounter , this.RetailCounterArray);
let SumOfWholeSaleCounter = this.WholeSaleCounterArray.reduce((sum, val) => sum + +val, 0); let SumOfWholeSaleCounter = this.WholeSaleCounterArray.reduce((sum, val) => sum + +val, 0);
// console.log(SumOfWholeSaleCounter,this.WholeSaleCounterArray);
let SumOfServiceCounter = this.ServiceCounterArray.reduce((sum, val) => sum + +val, 0); let SumOfServiceCounter = this.ServiceCounterArray.reduce((sum, val) => sum + +val, 0);
// console.log(SumOfServiceCounter,this.ServiceCounterArray);
let overallCounter = SumOfManufacturingCounter + SumOfRetailCounter + SumOfWholeSaleCounter + SumOfServiceCounter ; let overallCounter = SumOfManufacturingCounter + SumOfRetailCounter + SumOfWholeSaleCounter + SumOfServiceCounter ;
this.ExportFlag = overallCounter > 0 ? true : false ; this.ExportFlag = overallCounter > 0 ? true : false ;
// console.log('overallCounter , SumOfManufacturingCounter , SumOfRetailCounter , SumOfWholeSaleCounter , SumOfServiceCounter ' , overallCounter , SumOfManufacturingCounter , SumOfRetailCounter , SumOfWholeSaleCounter , SumOfServiceCounter);
// console.log('Current Flag Status : ',this.ExportFlag );
} }
inWords(e,flag){ inWords(e,flag){

88
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dialogue/other-applicant-details/other-applicant-details.component.html
View File

@ -1,59 +1,71 @@
<form [formGroup]="_OtherForm" novalidate> <form [formGroup]="_OtherForm" 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" (click)="closeDialogue()"><mat-icon>close</mat-icon></button> <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Close"
</div> matTooltipPosition="right" (click)="closeDialogue()">
<mat-icon>close</mat-icon>
</button>
</div>
</h2> </h2>
<mat-dialog-content formArrayName="applicant_list"> <mat-dialog-content formArrayName="applicant_list">
<mat-card *ngFor="let applicant of _OtherForm.controls.applicant_list['controls']; let r = index;" [formGroupName]="r"> <mat-card *ngFor="let applicant of _OtherForm.controls.applicant_list['controls']; let r = index;"
<mat-card-content> [formGroupName]="r">
<mat-form-field style="width: 30%"> <mat-card-content>
<mat-select placeholder="Title" formControlName="applicant_title_name" required> <mat-form-field style="width: 30%">
<mat-option *ngFor="let tl of titleList" [value]="tl.title_id"> <mat-select placeholder="Title" formControlName="applicant_title_name" required>
{{tl.name}} <mat-option *ngFor="let tl of titleList" [value]="tl.title_id">
</mat-option> {{tl.name}}
</mat-select> </mat-option>
</mat-form-field> </mat-select>
<mat-form-field style="width: 60%"> </mat-form-field>
<input matInput placeholder="Name" formControlName="applicant_name" type="text" required> <mat-form-field style="width: 60%">
<input matInput placeholder="Name" formControlName="applicant_name" type="text" required>
</mat-form-field> </mat-form-field>
<mat-form-field style="width: 30%"> <mat-form-field style="width: 30%">
<input matInput placeholder="Age" formControlName="age" minlength="1" maxlength="3" (keypress)="keyPress($event)" autocomplete="off"> <input matInput placeholder="Age" formControlName="age" minlength="1" maxlength="3" (keypress)="keyPress($event)"
autocomplete="off">
</mat-form-field> </mat-form-field>
<mat-form-field style="width: 60%"> <mat-form-field style="width: 60%">
<mat-select placeholder="Qualification" formControlName="qualification" style="width: 75%;"> <mat-select placeholder="Qualification" formControlName="qualification" style="width: 75%;">
<mat-option *ngFor="let qual of qualificationList" [value]="qual.qualification_id">{{qual.qualification_name}}</mat-option> <mat-option *ngFor="let qual of qualificationList" [value]="qual.qualification_id">{{qual.qualification_name}}</mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field style="width: 60%" [style.visibility]="applicant.get('qualification').value == '' ? 'hidden':'visible'"> <mat-form-field style="width: 60%" [style.visibility]="applicant.get('qualification').value == '' || applicant.get('qualification').value == '4' || applicant.get('qualification').value == '6' ? 'hidden':'visible'">
<input matInput placeholder="Qualification Details" formControlName="course_name" autocomplete="off"> <input matInput placeholder="Qualification Details" formControlName="course_name" autocomplete="off">
</mat-form-field> </mat-form-field>
<div fxLayout="row wrap"> <div fxLayout="row wrap">
<div fxFlex.xs="100%" fxFlex.sm="100%" fxFlex="45%"> <div fxFlex.xs="100%" fxFlex.sm="100%" fxFlex="45%">
<mat-checkbox class="example-margin" color="primary" formControlName="is_person_met">Is Person Met</mat-checkbox> <mat-checkbox class="example-margin" color="primary" formControlName="is_person_met">Is Person
</div> Met</mat-checkbox>
<div fxFlex.xs="100%" fxFlex.sm="100%" fxFlex="45%"> </div>
<mat-checkbox class="example-margin" color="primary" formControlName="is_applicant">Is Applicant</mat-checkbox> <div fxFlex.xs="100%" fxFlex.sm="100%" fxFlex="45%">
</div> <mat-checkbox class="example-margin" color="primary" formControlName="is_applicant">Is
</div> Applicant</mat-checkbox>
</div>
</div>
</mat-card-content> </mat-card-content>
<mat-card-actions align="end"> <mat-card-actions align="end">
<button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="removeApplicant(r)" *ngIf="r>0" <button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="removeApplicant(r)"
matTooltip="Remove Individuals" matTooltipPosition="right"> *ngIf="r>0" matTooltip="Remove Individuals" matTooltipPosition="right">
<mat-icon>delete</mat-icon> <mat-icon>delete</mat-icon>
</button> </button>
</mat-card-actions> </mat-card-actions>
</mat-card> </mat-card>
</mat-dialog-content> </mat-dialog-content>
<mat-dialog-actions align="end"> <mat-dialog-actions align="end">
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Add More" matTooltipPosition="above" (click)="addMoreApplicant()"><mat-icon>add</mat-icon></button> <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Add More"
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Save" matTooltipPosition="above" (click)="saveApplicant(_OtherForm.value)"><mat-icon>save</mat-icon></button> matTooltipPosition="above" (click)="addMoreApplicant()">
<mat-icon>add</mat-icon>
</button>
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" matTooltip="Save"
matTooltipPosition="above" (click)="saveApplicant(_OtherForm.value)">
<mat-icon>save</mat-icon>
</button>
</mat-dialog-actions> </mat-dialog-actions>

186
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dialogue/other-applicant-details/other-applicant-details.component.ts
View File

@ -1,6 +1,6 @@
import { Component, OnInit, Input, Output, Inject } from '@angular/core'; import { Component, OnInit, Input, Output, Inject } from '@angular/core';
import { FormBuilder, FormGroup, Validators, FormControl, FormArray } from '@angular/forms'; import { FormBuilder, FormGroup, Validators, FormControl, FormArray } from '@angular/forms';
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA , DialogPosition} from '@angular/material'; import { MatDialog, MatDialogRef, MAT_DIALOG_DATA, DialogPosition } from '@angular/material';
import { PdTrigerService } from './../../../../../../pd-service/pd-triger.service'; import { PdTrigerService } from './../../../../../../pd-service/pd-triger.service';
import { bool } from 'aws-sdk/clients/signer'; import { bool } from 'aws-sdk/clients/signer';
@ -10,124 +10,124 @@ import { bool } from 'aws-sdk/clients/signer';
styleUrls: ['./other-applicant-details.component.scss'] styleUrls: ['./other-applicant-details.component.scss']
}) })
export class OtherApplicantDetailsComponent implements OnInit { export class OtherApplicantDetailsComponent implements OnInit {
pageTitle: string ="Add Name of Person(s) Met and Individual Loan Applicant(s) "; pageTitle: string = "Add Name of Person(s) Met and Individual Loan Applicant(s) ";
public _OtherForm: FormGroup; public _OtherForm: FormGroup;
applicantInfo:any={'pd_co_applicant_id':"0",'applicant_name':'','is_applicant':false,'is_person_met':false, applicant_title_name:'',age:'', qualification:'',course_name:''}; applicantInfo: any = { 'pd_co_applicant_id': "0", 'applicant_name': '', 'is_applicant': false, 'is_person_met': false, applicant_title_name: '', age: '', qualification: '', course_name: '' };
titleList: any=[]; titleList: any = [];
qualificationList: any=[]; qualificationList: any = [];
//EditGeneralFormData: any=[]; //EditGeneralFormData: any=[];
//EditFlag: boolean = false; //EditFlag: boolean = false;
constructor(private _fb: FormBuilder, constructor(private _fb: FormBuilder,
private _pd: PdTrigerService, private _pd: PdTrigerService,
@Inject(MAT_DIALOG_DATA) public generalFormData : any, @Inject(MAT_DIALOG_DATA) public generalFormData: any,
private dialogRef: MatDialogRef<OtherApplicantDetailsComponent>) { private dialogRef: MatDialogRef<OtherApplicantDetailsComponent>) {
// if(generalFormData != ''){ // if(generalFormData != ''){
// this.EditGeneralFormData = generalFormData.value; // this.EditGeneralFormData = generalFormData.value;
// this.EditFlag = true; // this.EditFlag = true;
// } // }
} }
ngOnInit() { ngOnInit() {
this.initFormDetails(null); this.initFormDetails(null);
this.getMasterDetails('TITLES',1); this.getMasterDetails('TITLES', 1);
this.getMasterDetails('EDUQUALIFICATION',2); this.getMasterDetails('EDUQUALIFICATION', 2);
} }
// get all master details // get all master details
getMasterDetails(table:string,type:number){ getMasterDetails(table: string, type: number) {
this._pd.getAllMasterDatas(table).subscribe( this._pd.getAllMasterDatas(table).subscribe(
data => { data => {
if (data.status == 200) { if (data.status == 200) {
if(type==1){ if (type == 1) {
this.titleList=data.records.filter(val=>val.isactive==1); this.titleList = data.records.filter(val => val.isactive == 1);
} }
if(type==2){ if (type == 2) {
this.qualificationList = data.records; this.qualificationList = data.records;
} }
} }
}); });
} }
// init form // init form
initFormDetails(data : any) { initFormDetails(data: any) {
if(data == null){ if (data == null) {
this._OtherForm = this._fb.group({ this._OtherForm = this._fb.group({
applicant_list: this._fb.array([this.createApplicant(this.applicantInfo)]), applicant_list: this._fb.array([this.createApplicant(this.applicantInfo)]),
});
}
}
// create applicant form array
createApplicant(elementValue:any){
return this._fb.group({
pd_co_applicant_id: [elementValue.pd_co_applicant_id],
applicant_title_name: [elementValue.applicant_title_name, Validators.required],
applicant_name:['',Validators.required],
is_applicant:[false],
is_person_met:[false],
age:[''],
qualification: [''],
course_name:['']
});
}
// add more
addMoreApplicant(){
if (this._OtherForm.invalid) {
this.validateAllFormFields(this._OtherForm);
return;
}
else{
let relationControl = <FormArray>this._OtherForm.controls['applicant_list'];
relationControl.push(this.createApplicant(this.applicantInfo));
}
}
// remove
removeApplicant(intex:number){
let control = <FormArray>this._OtherForm.controls['applicant_list'];
control.removeAt(intex);
}
// save applicant
saveApplicant(formData:any){
if (this._OtherForm.invalid) {
this.validateAllFormFields(this._OtherForm);
return;
}
else{
this.dialogRef.close({
data:formData.applicant_list
}); });
}
} }
}
// close dialogue // create applicant form array
closeDialogue(){ createApplicant(elementValue: any) {
this.dialogRef.close({ return this._fb.group({
data:[] pd_co_applicant_id: [elementValue.pd_co_applicant_id],
}); applicant_title_name: [elementValue.applicant_title_name, Validators.required],
} applicant_name: ['', Validators.required],
is_applicant: [false],
// validate all form group and form array fields is_person_met: [false],
validateAllFormFields(formGroup: any) { age: [''],
Object.keys(formGroup.controls).forEach(field => { qualification: [''],
const control = formGroup.get(field); course_name: ['']
if (control instanceof FormControl) {
control.markAsTouched({ onlySelf: true });
} else if (control instanceof FormGroup) {
this.validateAllFormFields(control);
} else if (control instanceof FormArray) {
this.validateAllFormFields(control);
}
}); });
} }
/** On Key Press Event For Amount */
keyPress(event: any) { // add more
addMoreApplicant() {
if (this._OtherForm.invalid) {
this.validateAllFormFields(this._OtherForm);
return;
}
else {
let relationControl = <FormArray>this._OtherForm.controls['applicant_list'];
relationControl.push(this.createApplicant(this.applicantInfo));
}
}
// remove
removeApplicant(intex: number) {
let control = <FormArray>this._OtherForm.controls['applicant_list'];
control.removeAt(intex);
}
// save applicant
saveApplicant(formData: any) {
if (this._OtherForm.invalid) {
this.validateAllFormFields(this._OtherForm);
return;
}
else {
this.dialogRef.close({
data: formData.applicant_list
});
}
}
// close dialogue
closeDialogue() {
this.dialogRef.close({
data: []
});
}
// validate all form group and form array fields
validateAllFormFields(formGroup: any) {
Object.keys(formGroup.controls).forEach(field => {
const control = formGroup.get(field);
if (control instanceof FormControl) {
control.markAsTouched({ onlySelf: true });
} else if (control instanceof FormGroup) {
this.validateAllFormFields(control);
} else if (control instanceof FormArray) {
this.validateAllFormFields(control);
}
});
}
/** On Key Press Event For Amount */
keyPress(event: any) {
const pattern = /[0-9]/; const pattern = /[0-9]/;
let inputChar = String.fromCharCode(event.charCode); let inputChar = String.fromCharCode(event.charCode);

2
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/employment-info/employment-info.component.ts
View File

@ -125,7 +125,7 @@ export class EmploymentInfoComponent implements OnInit {
this.employmentForm = this.fb.group({ this.employmentForm = this.fb.group({
employer_name: ['', Validators.compose([Validators.required])], employer_name: ['', Validators.compose([Validators.required])],
how_long_year: ['', Validators.compose([Validators.required])], how_long_year: ['', Validators.compose([Validators.required])],
how_long_month: ['', Validators.compose([Validators.required])], how_long_month: [''],
was_met: [this.pd_cus_segment=='SAL-CHQ' ? 'No' : '', Validators.compose([Validators.required])], was_met: [this.pd_cus_segment=='SAL-CHQ' ? 'No' : '', Validators.compose([Validators.required])],
name_person_met: [''], name_person_met: [''],
designation_person_met: [''], designation_person_met: [''],

8
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.ts
View File

@ -369,13 +369,13 @@ export class FamilyDetailsComponent implements OnInit {
this._pd.getFamilyDetails(this.pdid).subscribe(data=>{ this._pd.getFamilyDetails(this.pdid).subscribe(data=>{
console.clear(); console.clear();
console.log('getFamilyDetails data',data); // console.log('getFamilyDetails data',data);
if(data.dataStatus == true){ if(data.dataStatus == true){
let Temparr : any = []; let Temparr : any = [];
console.log('from_business_form',data.record.from_business_form); // console.log('from_business_form',data.record.from_business_form);
console.log('from_general_form',data.record.from_general_form); // console.log('from_general_form',data.record.from_general_form);
if(data.record.from_general_form.length > 0){ if(data.record.from_general_form.length > 0){
let familyMembersGeneralForm = Object.keys(data.record.from_general_form).map(function (key) { let familyMembersGeneralForm = Object.keys(data.record.from_general_form).map(function (key) {
@ -840,7 +840,7 @@ removeFamilyMembers(inx,i) {
records.pdid = this.pdid; records.pdid = this.pdid;
records.formid = '6'; records.formid = '6';
// records.fk_createdby = '251'; // records.fk_createdby = '251';
console.log(JSON.stringify(records)); // console.log(JSON.stringify(records));
this._pd.saveForm(records).subscribe(data => { this._pd.saveForm(records).subscribe(data => {
// this.notifier.notify('success', 'Saved Successfully.'); // this.notifier.notify('success', 'Saved Successfully.');
if(data.status == 200) { if(data.status == 200) {

12
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/financial-info/financial-info.component.html
View File

@ -30,7 +30,7 @@
<div style="width:100%"> <div style="width:100%">
<mat-form-field style="width:31%"> <mat-form-field style="width:31%">
<mat-select placeholder="Financial Statements Available ?" formControlName="is_financial_statements" (selectionChange)="selectedStatement($event)"> <mat-select placeholder="Financial Statements Available ?" formControlName="is_financial_statements" (selectionChange)="selectedStatement($event.value)">
<mat-option value="yes">Yes</mat-option> <mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option> <mat-option value="no">No</mat-option>
</mat-select> </mat-select>
@ -175,9 +175,9 @@
<mat-card-header> <mat-card-header>
<mat-card-title><p> Financial as per Customer</p></mat-card-title> <mat-card-title><p> Financial as per Customer</p></mat-card-title>
</mat-card-header> </mat-card-header>
<!-- *ngIf="isDisplay" -->
<mat-form-field *ngIf="isDisplay" style="width:35%"> <mat-form-field style="width:35%">
<mat-select placeholder="Same as Financial Statements ?" formControlName="is_financial_customer" (selectionChange)="selectedFinancialCustomer($event)"> <mat-select placeholder="Same as Financial Statements ?" formControlName="is_financial_customer" (selectionChange)="selectedFinancialCustomer($event.value)">
<mat-option value="yes">Yes</mat-option> <mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option> <mat-option value="no">No</mat-option>
</mat-select> </mat-select>
@ -248,7 +248,7 @@
<input matInput autocomplete="off" placeholder="Net Profit % To" formControlName="estimate_profit_range_to" type="number" min='0' max='100' (change)="calculateMarginProfit( i, details);"> <input matInput autocomplete="off" placeholder="Net Profit % To" formControlName="estimate_profit_range_to" type="number" min='0' max='100' (change)="calculateMarginProfit( i, details);">
</mat-form-field> </mat-form-field>
<mat-form-field style="width:25%"> <mat-form-field style="width:25%">
<input matInput autocomplete="off" placeholder="Considered Margin Profit %" formControlName="estimate_profit_margin_percent" type="number" readonly> <input matInput autocomplete="off" placeholder="Net Profit % Considered" formControlName="estimate_profit_margin_percent" type="number" readonly>
<!-- <mat-hint align="start" style="font-size:70%" *ngIf="details.get('estimate_profit_margin').value != ''"> {{"&#8377;"}} {{AV_marginProfitAmtInwords[i]}} Only ( {{"&#8377;"}} {{details.get('estimate_profit_margin').value}} ) </mat-hint> --> <!-- <mat-hint align="start" style="font-size:70%" *ngIf="details.get('estimate_profit_margin').value != ''"> {{"&#8377;"}} {{AV_marginProfitAmtInwords[i]}} Only ( {{"&#8377;"}} {{details.get('estimate_profit_margin').value}} ) </mat-hint> -->
</mat-form-field> </mat-form-field>
<mat-form-field style="width:25%"> <mat-form-field style="width:25%">
@ -286,7 +286,7 @@
<input matInput autocomplete="off" placeholder="Net Loss % To" formControlName="estimate_loss_range_to" min='0' max='100' type="number" (change)="calculateMarginLoss( i, details);"> <input matInput autocomplete="off" placeholder="Net Loss % To" formControlName="estimate_loss_range_to" min='0' max='100' type="number" (change)="calculateMarginLoss( i, details);">
</mat-form-field> </mat-form-field>
<mat-form-field style="width:25%"> <mat-form-field style="width:25%">
<input matInput autocomplete="off" placeholder="Considered Margin Loss %" formControlName="estimate_loss_margin_percent" type="number" readonly> <input matInput autocomplete="off" placeholder="Net Profit % Considered" formControlName="estimate_loss_margin_percent" type="number" readonly>
<!-- <mat-hint align="start" style="font-size:70%" *ngIf="details.get('estimate_loss_margin').value != ''">{{"&#8377;"}} {{AV_marginLossAmtInwords[i]}} Only ( {{"&#8377;"}} {{details.get('estimate_loss_margin').value}} ) </mat-hint> --> <!-- <mat-hint align="start" style="font-size:70%" *ngIf="details.get('estimate_loss_margin').value != ''">{{"&#8377;"}} {{AV_marginLossAmtInwords[i]}} Only ( {{"&#8377;"}} {{details.get('estimate_loss_margin').value}} ) </mat-hint> -->
<!-- // --> <!-- // -->
</mat-form-field> </mat-form-field>

89
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/financial-info/financial-info.component.ts
View File

@ -58,6 +58,7 @@ export class FinancialInfoComponent implements OnInit {
//isreadonly for edit(no of year Fields and Starting Years ) //isreadonly for edit(no of year Fields and Starting Years )
isReadOnly : boolean = false; isReadOnly : boolean = false;
EditAble: boolean = true;
isDisplay : boolean ; isDisplay : boolean ;
AV_netProfitAmtFrmInwords: any = []; AV_netProfitAmtFrmInwords: any = [];
AV_netProfitAmtToInwords: any = []; AV_netProfitAmtToInwords: any = [];
@ -309,7 +310,7 @@ export class FinancialInfoComponent implements OnInit {
} }
selectedProfitOrLossType(e,detail){ selectedProfitOrLossType(e,detail){
// console.log(e);
if(e.value == 1){ if(e.value == 1){
detail.controls.financial_net_loss.setValue(''); detail.controls.financial_net_loss.setValue('');
detail.controls.financial_margin_of_loss.setValue(''); detail.controls.financial_margin_of_loss.setValue('');
@ -349,26 +350,17 @@ export class FinancialInfoComponent implements OnInit {
selectedStatement(e :any):void{ selectedStatement(e :any):void{
if(e.value == 'yes'){ if(e == 'yes'){
this.isDisplay = true; this.isDisplay = true;
this.financialForm.controls['is_financial_customer'].setValue(''); this.financialForm.controls['is_financial_customer'].setValue('');
const control = <FormArray>this.financialForm.controls['estimated_value'];
while (control.length !== 0) {
control.removeAt(0);
}
} }
else if (e.value == 'no'){ else if(e == 'no'){
this.isDisplay = false; this.isDisplay = false;
this.financialForm.controls['is_financial_customer'].setValue('no');
const control = <FormArray>this.financialForm.controls['estimated_value']; this.selectedFinancialCustomer('no');
while (control.length !== 0) {
control.removeAt(0);
}
const statementControl = <FormArray>this.financialForm.controls['date_per_financial']; const statementControl = <FormArray>this.financialForm.controls['date_per_financial'];
@ -379,40 +371,26 @@ export class FinancialInfoComponent implements OnInit {
this.financialForm.controls['financial_starting_year'].setValue(''); this.financialForm.controls['financial_starting_year'].setValue('');
this.financialForm.controls['financial_no_of_year'].setValue(''); this.financialForm.controls['financial_no_of_year'].setValue('');
// alert((new Date()).getFullYear()); // alert((new Date()).getFullYear());
let year1 = (new Date()).getFullYear(); // let year1 = (new Date()).getFullYear();
let year2 = ((new Date()).getFullYear() + 1); // let year2 = ((new Date()).getFullYear() + 1);
// let Year = year1 +'-'+ year2;
let Year = year1 +'-'+ year2;
control.push(this.createValue(''));
} }
} }
/** fin customer data from Fin statement*/ /** fin customer data from Fin statement*/
selectedFinancialCustomer(e: any): void { selectedFinancialCustomer(e: any): void {
if(e.value == 'yes'){ if(e == 'yes'){
const control = <FormArray>this.financialForm.controls['estimated_value']; const control = <FormArray>this.financialForm.controls['estimated_value'];
while (control.length !== 0) { while (control.length !== 0) {
control.removeAt(0); control.removeAt(0);
} }
} }
else if (e.value == 'no'){ else if (e == 'no'){
const control = <FormArray>this.financialForm.controls['estimated_value']; const control = <FormArray>this.financialForm.controls['estimated_value'];
control.push(this.createValue(''));
while (control.length !== 0) {
control.removeAt(0);
}
let year1 = (new Date()).getFullYear();
let year2 = ((new Date()).getFullYear() - 1);
let Year = year2 +'-'+ year1;
control.push(this.createValue(Year));
} }
} }
@ -441,16 +419,12 @@ export class FinancialInfoComponent implements OnInit {
// parentArray.value.forEach((val,index) => { // parentArray.value.forEach((val,index) => {
// let annual_sale = val.financial_annual_sale; // let annual_sale = val.financial_annual_sale;
// // console.log('Current Anual Sales',array.value[index].financial_annual_sale);
// // console.log('Current Index',index);
// // console.log('prev_annual_sale',prev_annual_sale);
// if (index != 0) { // if (index != 0) {
// let childArray : any = <FormArray>parentArray.controls[index]; // let childArray : any = <FormArray>parentArray.controls[index];
// // console.log('INX',index);
// // console.log('SALE',annual_sale);
// let annual_sale_variation = (( annual_sale - prev_annual_sale)/prev_annual_sale) * 100 ; // let annual_sale_variation = (( annual_sale - prev_annual_sale)/prev_annual_sale) * 100 ;
// // console.log('annual_sale_variation',annual_sale_variation);
// childArray.controls.financial_annualsales_variation.setValue( // childArray.controls.financial_annualsales_variation.setValue(
// annual_sale_variation!= Infinity ? !(Number.isNaN(annual_sale_variation)) ? annual_sale_variation.toFixed(2) // annual_sale_variation!= Infinity ? !(Number.isNaN(annual_sale_variation)) ? annual_sale_variation.toFixed(2)
// : 0 // : 0
@ -481,8 +455,7 @@ export class FinancialInfoComponent implements OnInit {
// let profit = detail.value.financial_net_profit; // let profit = detail.value.financial_net_profit;
// let loss = detail.value.financial_net_loss; // let loss = detail.value.financial_net_loss;
// let salary = detail.value.financial_annual_sale; // let salary = detail.value.financial_annual_sale;
// // console.log('current profit',profit);
// // console.log('current loss',loss);
// if ( (profit != '' || loss != '') && index != 0) { // if ( (profit != '' || loss != '') && index != 0) {
// if(+profit > +salary){ // if(+profit > +salary){
@ -495,13 +468,10 @@ export class FinancialInfoComponent implements OnInit {
// let prev_profit = array.value[index - 1].financial_net_profit != '' ? array.value[index - 1].financial_net_profit : 0; // let prev_profit = array.value[index - 1].financial_net_profit != '' ? array.value[index - 1].financial_net_profit : 0;
// let prev_loss = array.value[index - 1].financial_net_loss !='' ? array.value[index - 1].financial_net_loss : 0 ; // let prev_loss = array.value[index - 1].financial_net_loss !='' ? array.value[index - 1].financial_net_loss : 0 ;
// // console.log('prev_profit',prev_profit);
// // console.log('prev_loss',prev_loss);
// loss = loss != 0 ? loss * (-1) : loss; // loss = loss != 0 ? loss * (-1) : loss;
// // console.log('-1',loss);
// prev_loss = prev_loss != 0 ? prev_loss * (-1) : prev_loss ; // prev_loss = prev_loss != 0 ? prev_loss * (-1) : prev_loss ;
// // console.log('prev_loss',prev_loss);
// let variation = (((profit != '' ? profit : loss ) - (prev_profit != '' ? prev_profit : prev_loss ))/ (prev_profit != '' ? Math.abs(prev_profit) : Math.abs(prev_loss))) * 100; // let variation = (((profit != '' ? profit : loss ) - (prev_profit != '' ? prev_profit : prev_loss ))/ (prev_profit != '' ? Math.abs(prev_profit) : Math.abs(prev_loss))) * 100;
@ -552,8 +522,8 @@ export class FinancialInfoComponent implements OnInit {
/** old code - calculating Sale PERCENTAGE for financial statement */ /** old code - calculating Sale PERCENTAGE for financial statement */
// calMargin(index, detail) {
// console.log('detail', detail);
// let salary = detail.value.financial_annual_sale; // let salary = detail.value.financial_annual_sale;
// let profit = detail.value.financial_net_profit; // let profit = detail.value.financial_net_profit;
// if (salary != '' && profit != '') { // if (salary != '' && profit != '') {
@ -634,10 +604,6 @@ export class FinancialInfoComponent implements OnInit {
// variation_percent = (((profit_margin != '' ? profit_margin : loss_margin ) - (prev_profit_margin != '' ? prev_profit_margin : prev_loss_margin ))/ (prev_profit_margin != '' ? Math.abs(prev_profit_margin) : Math.abs(prev_loss_margin))) * 100; // variation_percent = (((profit_margin != '' ? profit_margin : loss_margin ) - (prev_profit_margin != '' ? prev_profit_margin : prev_loss_margin ))/ (prev_profit_margin != '' ? Math.abs(prev_profit_margin) : Math.abs(prev_loss_margin))) * 100;
// // console.log((profit_margin != '' ? profit_margin : loss_margin ) - (prev_profit_margin != '' ? prev_profit_margin : prev_loss_margin ));
// // console.log((((profit_margin != '' ? profit_margin : loss_margin ) - (prev_profit_margin != '' ? prev_profit_margin : prev_loss_margin ))/ (prev_profit_margin != '' ? Math.abs(prev_profit_margin) : Math.abs(prev_loss_margin))));
// // console.log((((profit_margin != '' ? profit_margin : loss_margin ) - (prev_profit_margin != '' ? prev_profit_margin : prev_loss_margin ))/ (prev_profit_margin != '' ? Math.abs(prev_profit_margin) : Math.abs(prev_loss_margin))) * 100);
// detail.controls.financial_profit_to_sale_variation.setValue(variation_percent != Infinity ? variation_percent.toFixed(2) : 0); // detail.controls.financial_profit_to_sale_variation.setValue(variation_percent != Infinity ? variation_percent.toFixed(2) : 0);
// } // }
@ -919,15 +885,10 @@ export class FinancialInfoComponent implements OnInit {
childArray.controls.financial_variation.setValue(''); childArray.controls.financial_variation.setValue('');
} }
else{ else{
// console.log('loss_amt = val.financial_net_loss;',val.financial_net_loss);
// console.log('loss_amt',loss_amt);
// console.log('loss_amt/annual_sale',loss_amt/annual_sale);
// console.log('(loss_amt/annual_sale) * 100',(loss_amt/annual_sale) * 100);
// console.log('(loss_amt/annual_sale) * 100 * (-1)',(loss_amt/annual_sale) * 100 * (-1));
loss_margin = (val.financial_net_loss/val.financial_annual_sale) * 100 * (-1); loss_margin = (val.financial_net_loss/val.financial_annual_sale) * 100 * (-1);
// console.log('loss_margin',loss_margin);
childArray.controls.financial_margin_of_loss.setValue(loss_margin != Infinity ? !(Number.isNaN(loss_margin)) ? loss_margin.toFixed(2) : 0 : 0); childArray.controls.financial_margin_of_loss.setValue(loss_margin != Infinity ? !(Number.isNaN(loss_margin)) ? loss_margin.toFixed(2) : 0 : 0);
@ -965,12 +926,14 @@ export class FinancialInfoComponent implements OnInit {
if(annual_sale != ''){ if(annual_sale != ''){
let variation_percent : any ;
variation_percent = (((profit_margin != '' ? profit_margin : loss_margin ) - (temp_prev_profit_margin != 0 ? temp_prev_profit_margin : temp_prev_loss_margin) / (temp_prev_profit_margin != 0 ? Math.abs(temp_prev_profit_margin) : Math.abs(temp_prev_loss_margin))) * 100); let a = (profit_margin != '' ? profit_margin : loss_margin ) - (temp_prev_profit_margin != 0 ? temp_prev_profit_margin : temp_prev_loss_margin);
let final_percent = variation_percent != Infinity ? !(Number.isNaN(variation_percent)) ? variation_percent != -Infinity ? variation_percent.toFixed(2) : 0 : 0 : 0 ; let b = a / (temp_prev_profit_margin != 0 ? Math.abs(temp_prev_profit_margin) : Math.abs(temp_prev_loss_margin));
let c = b * 100;
childArray.controls.financial_profit_to_sale_variation.setValue(final_percent); let final_percent = c != Infinity ? !(Number.isNaN(c)) ? c != -Infinity ? c.toFixed(2) : 0 : 0 : 0 ;
childArray.controls.financial_profit_to_sale_variation.setValue(final_percent);
} }
} }
/**************************** Calculating Sales's Profit Variation - ENDS HERE **************************************************************/ /**************************** Calculating Sales's Profit Variation - ENDS HERE **************************************************************/

427
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/general-info/general-info.component.html
View File

@ -1,197 +1,217 @@
<form [formGroup]="_generalForm" novalidate> <form [formGroup]="_generalForm" 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;">
<span>{{main_applicant}} ({{lender_applicant_id}}), {{customer_segment_abbr}} - {{subproduct_abbr}} </span><br> <span>{{main_applicant}} ({{lender_applicant_id}}), {{customer_segment_abbr}} - {{subproduct_abbr}} </span><br>
{{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"
</div> matTooltipPosition="right" mat-dialog-close>
<mat-icon>close</mat-icon>
</button>
</div>
</h2> </h2>
<mat-dialog-content> <mat-dialog-content>
<!-- individuals details start--> <!-- individuals details start-->
<mat-card> <mat-card>
<mat-card-header> <mat-card-header>
<mat-card-title>Name of Person(s) Met and Individual Loan Applicant(s) </mat-card-title> <mat-card-title>Name of Person(s) Met and Individual Loan Applicant(s) </mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
<mat-table [dataSource]="individualsSource" *ngIf="_generalForm.controls.individuals['controls'].length>0" formArrayName="individuals"> <mat-table [dataSource]="individualsSource" *ngIf="_generalForm.controls.individuals['controls'].length>0"
<ng-container matColumnDef="applicant_name"> formArrayName="individuals">
<mat-header-cell *matHeaderCellDef> Name </mat-header-cell> <ng-container matColumnDef="applicant_name">
<mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i"> <mat-header-cell *matHeaderCellDef> Name </mat-header-cell>
<input class="capitalize" matInput placeholder="ApplicantName" formControlName="applicant_name" autocomplete="off"> <mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i">
<!-- {{details.value.applicant_name | titlecase}} --> <input class="capitalize" matInput placeholder="ApplicantName" formControlName="applicant_name"
</mat-cell> autocomplete="off" (change)="ApplicantName($event,details.value.pd_co_applicant_id)">
</ng-container> <!-- {{details.value.applicant_name | titlecase}} -->
<ng-container matColumnDef="is_person_met"> </mat-cell>
<mat-header-cell *matHeaderCellDef> Is Person Met </mat-header-cell> </ng-container>
<mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i"> <ng-container matColumnDef="is_person_met">
<mat-checkbox class="table-checkbox" color="primary" formControlName="is_person_met"></mat-checkbox> <mat-header-cell *matHeaderCellDef> Is Person Met </mat-header-cell>
</mat-cell> <mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i">
</ng-container> <mat-checkbox class="table-checkbox" color="primary" formControlName="is_person_met"></mat-checkbox>
<ng-container matColumnDef="is_applicant"> </mat-cell>
<mat-header-cell *matHeaderCellDef> Is Applicant </mat-header-cell> </ng-container>
<mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i"> <ng-container matColumnDef="is_applicant">
<mat-checkbox class="table-checkbox" color="primary" formControlName="is_applicant"></mat-checkbox> <mat-header-cell *matHeaderCellDef> Is Applicant </mat-header-cell>
<!-- <button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="removeIndividuals(i)" <mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i">
<mat-checkbox class="table-checkbox" color="primary" formControlName="is_applicant"></mat-checkbox>
<!-- <button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="removeIndividuals(i)"
matTooltip="Remove Individuals" matTooltipPosition="below"> matTooltip="Remove Individuals" matTooltipPosition="below">
<mat-icon>delete</mat-icon> <mat-icon>delete</mat-icon>
</button> --> </button> -->
</mat-cell> </mat-cell>
</ng-container> </ng-container>
<ng-container matColumnDef="age"> <ng-container matColumnDef="age">
<mat-header-cell *matHeaderCellDef> Age </mat-header-cell> <mat-header-cell *matHeaderCellDef> Age </mat-header-cell>
<mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i"> <mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i">
<input matInput placeholder="Age" formControlName="age" minlength="1" maxlength="3" (keypress)="keyPress($event)" autocomplete="off"> <input matInput placeholder="Age" formControlName="age" minlength="1" maxlength="3"
</mat-cell> (keypress)="keyPress($event)" autocomplete="off">
</ng-container> </mat-cell>
<ng-container matColumnDef="qualification"> </ng-container>
<mat-header-cell *matHeaderCellDef> Qualification </mat-header-cell> <ng-container matColumnDef="qualification">
<mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i"> <mat-header-cell *matHeaderCellDef> Qualification </mat-header-cell>
<mat-select placeholder="Qualification" formControlName="qualification" style="width: 75%;"> <mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i">
<mat-option *ngFor="let qual of qualificationList" [value]="qual.qualification_id">{{qual.qualification_name}}</mat-option> <mat-select placeholder="Qualification" formControlName="qualification" style="width: 75%;">
</mat-select> <mat-option *ngFor="let qual of qualificationList" [value]="qual.qualification_id">{{qual.qualification_name}}</mat-option>
</mat-cell> </mat-select>
</ng-container> </mat-cell>
<ng-container matColumnDef="course_name"> </ng-container>
<mat-header-cell *matHeaderCellDef> </mat-header-cell> <ng-container matColumnDef="course_name">
<mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i" [style.visibility]="_generalForm.controls.individuals.value[i].qualification == '' ? 'hidden':'visible'"> <mat-header-cell *matHeaderCellDef> </mat-header-cell>
<input matInput placeholder="Qualification Details" formControlName="course_name" autocomplete="off"> <mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i" [style.visibility]="_generalForm.controls.individuals.value[i].qualification == '' || _generalForm.controls.individuals.value[i].qualification == '4' || _generalForm.controls.individuals.value[i].qualification == '6' ? 'hidden':'visible'">
</mat-cell> <input matInput placeholder="Qualification Details" formControlName="course_name"
</ng-container> autocomplete="off">
<ng-container matColumnDef="actions"> </mat-cell>
<mat-header-cell *matHeaderCellDef> </mat-header-cell> </ng-container>
<mat-cell *matCellDef="let details;let i =index;"> <ng-container matColumnDef="actions">
<!-- <button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="editIndividuals(details)" <mat-header-cell *matHeaderCellDef> </mat-header-cell>
<mat-cell *matCellDef="let details;let i =index;" [style.visibility]="_generalForm.controls.individuals.value[i].is_main_applicant == true ? 'hidden':'visible'">
<!-- <button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="editIndividuals(details)"
matTooltip="Edit " matTooltipPosition="below"> matTooltip="Edit " matTooltipPosition="below">
<mat-icon>edit</mat-icon> <mat-icon>edit</mat-icon>
</button> --> </button> -->
<button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="removeIndividuals(i,details)" <button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button
matTooltip="Remove Individuals" matTooltipPosition="below"> (click)="removeIndividuals(i,details)" matTooltip="Remove Individuals"
<mat-icon>delete</mat-icon> matTooltipPosition="below">
</button> <mat-icon>delete</mat-icon>
</mat-cell> </button>
</ng-container> </mat-cell>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row> </ng-container>
<mat-row *matRowDef="let row; columns: displayedColumns;"> <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
</mat-row> <mat-row *matRowDef="let row; columns: displayedColumns;">
</mat-table> </mat-row>
</mat-table>
</mat-card-content> </mat-card-content>
<mat-card-actions align="center"> <mat-card-actions align="center">
<button type="button"mat-flat-button (click)="addMoreIndividuals()" <button type="button" mat-flat-button (click)="addMoreIndividuals()" matTooltip="Add More"
matTooltip="Add More" matTooltipPosition="left" color="primary"> matTooltipPosition="left" color="primary">
<strong>Add More Person(s) </strong> <strong>Add More Person(s) </strong>
</button> </button>
</mat-card-actions> </mat-card-actions>
</mat-card> </mat-card>
<!-- end --> <!-- end -->
<!-- companies start --> <!-- companies start -->
<mat-card> <mat-card>
<mat-card-header> <mat-card-header>
<mat-card-title>Company/Firm</mat-card-title> <mat-card-title>Company/Firm</mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content formArrayName="companies"> <mat-card-content formArrayName="companies">
<div *ngFor="let com of _generalForm.controls.companies['controls']; let c = index;" [formGroupName]="c"> <div *ngFor="let com of _generalForm.controls.companies['controls']; let c = index;" [formGroupName]="c">
<mat-card *ngIf="com.value.is_active==true"> <mat-card *ngIf="com.value.is_active==true">
<mat-card-content> <mat-card-content>
<mat-form-field style="width: 50%"> <mat-form-field style="width: 50%">
<input matInput placeholder="Company/Firm" formControlName="company_name" type="text"> <input matInput placeholder="Company/Firm" formControlName="company_name" type="text">
</mat-form-field> </mat-form-field>
<mat-checkbox class="table-checkbox-com" color="primary" formControlName="is_company_applicant"> Is Applicant</mat-checkbox> <mat-checkbox class="table-checkbox-com" color="primary" formControlName="is_company_applicant">
Is Applicant</mat-checkbox>
<mat-form-field style="width: 45%;"> <mat-form-field style="width: 45%;">
<mat-select placeholder="Business Entity Type" <mat-select placeholder="Business Entity Type" formControlName="business_entity_type"
formControlName="business_entity_type" (selectionChange)="checkEntityType(com.value.business_entity_type,c)" required> (selectionChange)="checkEntityType(com.value.business_entity_type,c)" required>
<mat-option [value]="entity.business_entity_type_id" *ngFor="let entity of businessEntityTypeList">{{entity.business_entity_type_name}}</mat-option> <mat-option [value]="entity.business_entity_type_id" *ngFor="let entity of businessEntityTypeList">{{entity.business_entity_type_name}}</mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field style="width: 45%;" *ngIf="com.controls.business_entity_type_other"> <mat-form-field style="width: 45%;" *ngIf="com.controls.business_entity_type_other">
<input matInput placeholder="Please Specify Others" formControlName="business_entity_type_other" required> <input matInput placeholder="Please Specify Others" formControlName="business_entity_type_other"
required>
</mat-form-field> </mat-form-field>
<p>Number of Years For Which The Business Has Been Running</p> <p>Number of Years For Which The Business Has Been Running</p>
<mat-form-field style="width: 20%;"> <mat-form-field style="width: 20%;">
<input matInput placeholder="Year" formControlName="business_years" required autocomplete="off" (keypress)="keyPress($event)"> <input matInput placeholder="Year" formControlName="business_years" required
<mat-error>Please Enter Correct Year</mat-error> autocomplete="off" (keypress)="keyPress($event)">
</mat-form-field> <mat-error>Please Enter Correct Year</mat-error>
<mat-form-field style="width: 20%;"> </mat-form-field>
<input matInput type="text" placeholder="Month" formControlName="business_month" autocomplete="off" (keypress)="keyPress($event)" (change)="ConvertMonthintoYearforBusiness($event.target.value,c)"> <mat-form-field style="width: 20%;">
</mat-form-field> <input matInput type="text" placeholder="Month" formControlName="business_month"
<mat-form-field style="width: 40%;"> autocomplete="off" (keypress)="keyPress($event)" (change)="ConvertMonthintoYearforBusiness($event.target.value,c)">
<input matInput [max]="maxDate" [matDatepicker]="picker" formControlName="business_date_object" (dateChange)="getDateObjects($event.target.value,c)" placeholder="Enter Date of Formation, If Available"> </mat-form-field>
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> <mat-form-field style="width: 40%;">
<mat-datepicker #picker></mat-datepicker> <input matInput [max]="maxDate" [matDatepicker]="picker" formControlName="business_date_object"
</mat-form-field> (dateChange)="getDateObjects($event.target.value,c)" placeholder="Enter Date of Formation, If Available">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>
<div fxLayout="row nowrap" [style.display]="'block'"> <div fxLayout="row nowrap" [style.display]="'block'">
<div align="right"> <div align="right">
<button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="removeCompanies(c)" *ngIf="com.value.is_active==true" <button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button
matTooltip="Remove Company/Firm" matTooltipPosition="above"> mat-icon-button (click)="removeCompanies(c)" *ngIf="com.value.is_active==true"
<mat-icon>delete</mat-icon> matTooltip="Remove Company/Firm" matTooltipPosition="above">
</button> <mat-icon>delete</mat-icon>
</div> </button>
</div> </div>
</mat-card-content> </div>
</mat-card> </mat-card-content>
</div> </mat-card>
</div>
</mat-card-content> </mat-card-content>
<mat-card-actions align="center"> <mat-card-actions align="center">
<button mat-flat-button type="button" matTooltip="Add More" matTooltipPosition="above" color="primary" (click)="addMoreCompanies()"><strong>Add More Company/Firm</strong></button> <button mat-flat-button type="button" matTooltip="Add More" matTooltipPosition="above" color="primary"
(click)="addMoreCompanies()"><strong>Add More Company/Firm</strong></button>
</mat-card-actions> </mat-card-actions>
</mat-card> </mat-card>
<!-- companies end --> <!-- companies end -->
<!-- Person Relationship Starts Here --> <!-- Person Relationship Starts Here -->
<mat-card> <mat-card>
<mat-card-header> <mat-card-header>
<mat-card-title> Relationship Between Individuals </mat-card-title> <mat-card-title> Relationship Between Individuals </mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
<mat-table [dataSource]="relationSource" *ngIf="_generalForm.controls.persons_with_relationships['controls'].length>0" formArrayName="persons_with_relationships"> <mat-table [dataSource]="relationSource" *ngIf="_generalForm.controls.persons_with_relationships['controls'].length>0"
<ng-container matColumnDef="applicant_name"> formArrayName="persons_with_relationships">
<mat-header-cell *matHeaderCellDef> Name </mat-header-cell> <ng-container matColumnDef="applicant_name">
<mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i"> <mat-header-cell *matHeaderCellDef> Name </mat-header-cell>
<!-- {{details.value | json}} --> <mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i">
<!-- <input type="hidden" [value]="delivery_extry" /> --> <!-- {{details.value | json}} -->
{{details.value.applicant_name | titlecase}} <!-- <input type="hidden" [value]="delivery_extry" /> -->
</mat-cell> {{details.value.applicant_name | titlecase}}
</ng-container> </mat-cell>
<ng-container matColumnDef="relation"> </ng-container>
<mat-header-cell *matHeaderCellDef> Relation </mat-header-cell> <ng-container matColumnDef="relation">
<mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i"> <mat-header-cell *matHeaderCellDef> Relation </mat-header-cell>
<mat-select placeholder="Relation" formControlName="relationship" style="width: 75%;" (selectionChange)="updatePersonalRelation(i)"> <mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i">
<mat-option>Select</mat-option> <mat-select placeholder="Relation" formControlName="relationship" style="width: 75%;"
<mat-option [value]="member.relationship_id" *ngFor="let member of relationShipList">{{member.name + ' of' | titlecase}}</mat-option> (selectionChange)="updatePersonalRelation(i)">
<mat-option value="0" > Not Applicable </mat-option> <mat-option>Select</mat-option>
</mat-select> <mat-option [value]="member.relationship_id" *ngFor="let member of relationShipList">{{member.name
+ ' of' | titlecase}}</mat-option>
<mat-option value="0"> Not Applicable </mat-option>
</mat-select>
</mat-cell> </mat-cell>
</ng-container> </ng-container>
<ng-container matColumnDef="relation_to"> <ng-container matColumnDef="relation_to">
<mat-header-cell *matHeaderCellDef> Relationship To </mat-header-cell> <mat-header-cell *matHeaderCellDef> Relationship To </mat-header-cell>
<mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i" [style.visibility]="_generalForm.controls.persons_with_relationships.value[i].relationship==0 ? 'hidden':'visible'"> <mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i" [style.visibility]="_generalForm.controls.persons_with_relationships.value[i].relationship==0 ? 'hidden':'visible'">
<mat-select placeholder="Applicant" formControlName="relation_to" style="width: 75%;" [disabled]="_generalForm.controls.persons_with_relationships.value[i].relationship==0"> <mat-select placeholder="Applicant" formControlName="relation_to" style="width: 75%;"
<mat-option>Select</mat-option> [disabled]="_generalForm.controls.persons_with_relationships.value[i].relationship==0">
<!-- getRelationRestrict(_generalForm.controls.persons_with_relationships.value[i].pd_co_applicant_id,_generalForm.controls.persons_with_relationships.value,individualsList)" --> <mat-option>Select</mat-option>
<mat-option *ngFor="let appc of individualsList | searchRelation : { currentApplicantID:_generalForm.controls.persons_with_relationships.value[i].pd_co_applicant_id, existRelationList:_generalForm.controls.persons_with_relationships.value}" [value]="appc.pd_co_applicant_id">{{appc.applicant_name | titlecase}}</mat-option> <!-- getRelationRestrict(_generalForm.controls.persons_with_relationships.value[i].pd_co_applicant_id,_generalForm.controls.persons_with_relationships.value,individualsList)" -->
<mat-option value="0" > Not Applicable </mat-option> <mat-option *ngFor="let appc of individualsList | searchRelation : { currentApplicantID:_generalForm.controls.persons_with_relationships.value[i].pd_co_applicant_id, existRelationList:_generalForm.controls.persons_with_relationships.value}"
</mat-select> [value]="appc.pd_co_applicant_id">{{appc.applicant_name | titlecase}}</mat-option>
<mat-option value="0"> Not Applicable </mat-option>
</mat-select>
</mat-cell> </mat-cell>
</ng-container> </ng-container>
<mat-header-row *matHeaderRowDef="secondDisplayedColumns"></mat-header-row> <mat-header-row *matHeaderRowDef="secondDisplayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: secondDisplayedColumns;"></mat-row> <mat-row *matRowDef="let row; columns: secondDisplayedColumns;"></mat-row>
</mat-table> </mat-table>
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>
<!-- Person Relationship Ends Here --> <!-- Person Relationship Ends Here -->
@ -205,70 +225,75 @@
<mat-card-content> <mat-card-content>
<mat-table [dataSource]="CompanySource" *ngIf="_generalForm.controls.company_with_relationships['controls'].length>0" formArrayName="company_with_relationships"> <mat-table [dataSource]="CompanySource" *ngIf="_generalForm.controls.company_with_relationships['controls'].length>0"
formArrayName="company_with_relationships">
<ng-container matColumnDef="applicant_name"> <ng-container matColumnDef="applicant_name">
<mat-header-cell *matHeaderCellDef> Applicant </mat-header-cell> <mat-header-cell *matHeaderCellDef> Applicant </mat-header-cell>
<mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i"> <mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i">
<mat-select placeholder="Applicant" formControlName="applicant_name" style="width: 75%;"> <mat-select placeholder="Applicant" formControlName="applicant_name" style="width: 75%;">
<mat-option *ngFor="let bothC of individualsListBothCase" [value]="bothC.pd_co_applicant_id">{{bothC.applicant_name | titlecase}}</mat-option> <mat-option *ngFor="let bothC of individualsListBothCase" [value]="bothC.pd_co_applicant_id">{{bothC.applicant_name
</mat-select> | titlecase}}</mat-option>
</mat-select>
</mat-cell> </mat-cell>
</ng-container> </ng-container>
<ng-container matColumnDef="company_relationship"> <ng-container matColumnDef="company_relationship">
<mat-header-cell *matHeaderCellDef> Relation </mat-header-cell> <mat-header-cell *matHeaderCellDef> Relation </mat-header-cell>
<mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i"> <mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i">
<mat-select placeholder="Relation" formControlName="company_relationship" style="width: 75%;" (selectionChange)="updateCompanyRelation(i)"> <mat-select placeholder="Relation" formControlName="company_relationship" style="width: 75%;"
(selectionChange)="updateCompanyRelation(i)">
<mat-option>Select</mat-option> <mat-option>Select</mat-option>
<mat-option *ngFor="let comrelShip of companyRelationShipList" [value]="comrelShip.company_relationship_id"> <mat-option *ngFor="let comrelShip of companyRelationShipList" [value]="comrelShip.company_relationship_id">
{{comrelShip.name | titlecase}} {{comrelShip.name | titlecase}}
</mat-option> </mat-option>
<mat-option value="0" > Not Applicable </mat-option> <mat-option value="0"> Not Applicable </mat-option>
</mat-select> </mat-select>
</mat-cell> </mat-cell>
</ng-container> </ng-container>
<ng-container matColumnDef="relation_to_company"> <ng-container matColumnDef="relation_to_company">
<mat-header-cell *matHeaderCellDef> Company </mat-header-cell> <mat-header-cell *matHeaderCellDef> Company </mat-header-cell>
<mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i"> <mat-cell *matCellDef="let details;let i = index;" [formGroupName]="i">
<mat-select placeholder="Company / Firm" formControlName="relation_to_company" style="width: 75%;" [style.visibility]="_generalForm.controls.company_with_relationships.value[i].company_relationship==0 ? 'hidden':'visible'"> <mat-select placeholder="Company / Firm" formControlName="relation_to_company" style="width: 75%;"
<mat-option>Select</mat-option> [style.visibility]="_generalForm.controls.company_with_relationships.value[i].company_relationship==0 ? 'hidden':'visible'">
<mat-option *ngFor="let comp of companyList" [value]="comp.company_order_id"> <mat-option>Select</mat-option>
{{comp.company_name}} <mat-option *ngFor="let comp of companyList" [value]="comp.company_order_id">
</mat-option> {{comp.company_name}}
<mat-option value="0" > Not Applicable </mat-option> </mat-option>
</mat-select> <mat-option value="0"> Not Applicable </mat-option>
</mat-select>
<button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button (click)="removeCompanyRelationship(i)" <button type="button" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button
matTooltip="Remove Company Relationship" matTooltipPosition="below"> (click)="removeCompanyRelationship(i)" matTooltip="Remove Company Relationship"
<mat-icon>delete</mat-icon> matTooltipPosition="below">
<mat-icon>delete</mat-icon>
</button> </button>
</mat-cell> </mat-cell>
</ng-container> </ng-container>
<mat-header-row *matHeaderRowDef="thridDisplayedColumns"></mat-header-row> <mat-header-row *matHeaderRowDef="thridDisplayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: thridDisplayedColumns;"> <mat-row *matRowDef="let row; columns: thridDisplayedColumns;">
</mat-row> </mat-row>
</mat-table> </mat-table>
</mat-card-content> </mat-card-content>
<mat-card-actions align="center"> <mat-card-actions align="center">
<button type="button" mat-flat-button (click)="addCompanyRelationshipDialogue()" <button type="button" mat-flat-button (click)="addCompanyRelationshipDialogue()" matTooltip="Add More"
matTooltip="Add More" matTooltipPosition="left" color="primary"> matTooltipPosition="left" color="primary">
<span *ngIf="_generalForm.controls.company_with_relationships['controls'].length == 0;else another;"> <span *ngIf="_generalForm.controls.company_with_relationships['controls'].length == 0;else another;">
<strong>Add Company Relationship</strong> <strong>Add Company Relationship</strong>
</span> </span>
<ng-template #another><strong>Add More Company Relationship</strong></ng-template> <ng-template #another><strong>Add More Company Relationship</strong></ng-template>
</button> </button>
</mat-card-actions> </mat-card-actions>
</mat-card> </mat-card>
<!-- Company RelationShip Ends Here --> <!-- Company RelationShip Ends Here -->
<!-- -- <div fxLayout="row wrap" formArrayName="applicant_relation"> <!-- -- <div fxLayout="row wrap" formArrayName="applicant_relation">
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" *ngFor="let relation of _generalForm.controls.applicant_relation['controls']; let r = index;" [formGroupName]="r"> <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" *ngFor="let relation of _generalForm.controls.applicant_relation['controls']; let r = index;" [formGroupName]="r">
<mat-card > <mat-card >
<mat-card-header> <mat-card-header>
@ -308,7 +333,7 @@
</div> </div>
</div>--> </div>-->
<!-- -- <p>Company/Firm Relationship</p> <!-- -- <p>Company/Firm Relationship</p>
<div formArrayName="multiple_company_relation"> <div formArrayName="multiple_company_relation">
<div fxLayout="row nowrap" *ngFor="let comRel of relation.get('multiple_company_relation').controls; let c = index" [formGroupName]="c"> <div fxLayout="row nowrap" *ngFor="let comRel of relation.get('multiple_company_relation').controls; let c = index" [formGroupName]="c">
<mat-form-field style="width: 40%"> <mat-form-field style="width: 40%">
@ -344,16 +369,18 @@
</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">
<mat-form-field appearance="outline" style="width: 100%"> <mat-form-field appearance="outline" style="width: 100%">
<mat-label>Remarks</mat-label> <mat-label>Remarks</mat-label>
<textarea matInput placeholder="Remarks" formControlName="general_remark"></textarea> <textarea matInput placeholder="Remarks" formControlName="general_remark"></textarea>
</mat-form-field> </mat-form-field>
</div> </div>
<div fxFlex="40" align="end"> <div fxFlex="40" align="end">
<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> </form>
<notifier-container></notifier-container> <notifier-container></notifier-container>

957
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/general-info/general-info.component.ts
View File

File diff suppressed because it is too large Load Diff

4
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.ts
View File

@ -47,7 +47,7 @@ export class LenderRepresentativeComponent implements OnInit {
this.lender_applicant_id = this.pd_all_details.pdmaster_details.lender_applicant_id; this.lender_applicant_id = this.pd_all_details.pdmaster_details.lender_applicant_id;
this.subproduct_abbr = this.pd_all_details.pdmaster_details.subproduct_abbr; this.subproduct_abbr = this.pd_all_details.pdmaster_details.subproduct_abbr;
this.customer_segment_abbr = this.pd_all_details.pdmaster_details.customer_segment_abbr; this.customer_segment_abbr = this.pd_all_details.pdmaster_details.customer_segment_abbr;
// console.log(this.main_applicant+','+this.lender_applicant_id+','+this.subproduct_abbr+','+this.customer_segment_abbr);
this.form_id = 15; this.form_id = 15;
this.notifier = notifier; this.notifier = notifier;
} }
@ -78,8 +78,6 @@ export class LenderRepresentativeComponent implements OnInit {
}; };
// open() { // open() {
// // console.log('hai');
// const config = new MatSnackBarConfig(); // const config = new MatSnackBarConfig();
// config.duration = this.autoHide; // config.duration = this.autoHide;
// config.panelClass = this.addExtraClass ? ['party'] : null; // config.panelClass = this.addExtraClass ? ['party'] : null;

593
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/loan-details/loan-details.component.html
View File

@ -1,303 +1,390 @@
<form [formGroup]="loanDetailsForm" class="address"> <form [formGroup]="loanDetailsForm" class="address">
<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;">
<span>{{main_applicant}} ({{lender_applicant_id}}), {{customer_segment_abbr}} - {{subproduct_abbr}} </span><br> <span>{{main_applicant}} ({{lender_applicant_id}}), {{customer_segment_abbr}} - {{subproduct_abbr}} </span><br>
{{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"
</div> matTooltipPosition="right" mat-dialog-close>
</h2> <mat-icon>close</mat-icon>
</button>
</div>
</h2>
<mat-dialog-content> <mat-dialog-content>
<mat-tab-group> <mat-tab-group>
<mat-tab label="Questions"> <mat-tab label="Questions">
<ng-template matTabContent> <ng-template matTabContent>
<div fxLayout="row wrap"> <div fxLayout="row wrap">
<div fxFlex="100"> <div fxFlex="100">
<mat-card> <mat-card>
<mat-card> <mat-card>
<mat-card-content class="matcard"> <mat-card-content class="matcard">
<mat-form-field style="width: 64%"> <mat-form-field style="width: 64%">
<input matInput placeholder="Loan Amount Applied for ? " formControlName="loan_amount" (keypress)="keyPress($event)" (keyup)="inWords($event,1)" (change)="loanCalc()" autocomplete="off"> <input matInput placeholder="Loan Amount Applied for ? " formControlName="loan_amount"
<mat-hint align="start" style="font-size:90%" *ngIf="loanDetailsForm.controls['loan_amount'].value != ''">{{"&#8377;"}} {{loanAmtInWords}} Only</mat-hint> (keypress)="keyPress($event)" (keyup)="inWords($event,1)" (change)="loanCalc()"
</mat-form-field> autocomplete="off">
<mat-form-field style="width: 64%"> <mat-hint align="start" style="font-size:90%" *ngIf="loanDetailsForm.controls['loan_amount'].value != ''">{{"&#8377;"}}
<mat-select multiple (selectionChange)="endUserChange($event.value)" placeholder="What is the end use" formControlName="end_use" > {{loanAmtInWords}} Only</mat-hint>
<mat-option *ngFor="let enduse of m_endUseForLoan" [value]="enduse.enduse_of_loan_id">{{ enduse.enduse_of_loan}}</mat-option> </mat-form-field>
</mat-select> <mat-form-field style="width: 64%">
</mat-form-field> <mat-select multiple (selectionChange)="endUserChange($event.value)"
<mat-form-field style="width: 64%"> placeholder="What is the end use" formControlName="end_use">
<mat-select placeholder="Is there a balance transfer ? " (selectionChange)="selectedBalancesTransferChanges($event)" <mat-option *ngFor="let enduse of m_endUseForLoan" [value]="enduse.enduse_of_loan_id">{{
formControlName="is_transfer" > enduse.enduse_of_loan}}</mat-option>
<mat-option value="yes">Yes</mat-option> </mat-select>
<mat-option value="no">No</mat-option> </mat-form-field>
</mat-select> <mat-form-field *ngIf="isOtherPurpose" style="width: 28%">
</mat-form-field> <input matInput placeholder="Specify End Use" formControlName="end_use_other"
<mat-form-field *ngIf="isOtherPurpose" style="width: 28%"> autocomplete="off">
<input matInput placeholder="Specify End Use" formControlName="end_use_other" autocomplete="off"> </mat-form-field>
</mat-form-field> <mat-form-field style="width: 64%">
<!-- </div> --> <mat-select placeholder="Is there a balance transfer ? " (selectionChange)="selectedBalancesTransferChanges($event)"
formControlName="is_transfer">
<span *ngIf="loanDetailsForm.controls['is_transfer'].value == 'yes' && loanDetailsForm.controls['is_transfer'].value != ''">
<mat-form-field style="width: 64%">
<input matInput placeholder="What is the amount for Balance Transfer ? " (keypress)="keyPress($event)" formControlName="balance_transfer_amount" (keyup)="inWords($event,2)" (change)="loanCalc()" autocomplete="off">
<mat-hint align="start" style="font-size:90%" *ngIf="loanDetailsForm.controls['loan_amount'].value != ''">{{"&#8377;"}} {{balTxrfAmtInWords}} Only</mat-hint>
</mat-form-field>
<!-- <mat-form-field style="width:28%">
<mat-select placeholder="Is there a Top Up"
formControlName="is_topup" >
<mat-option value="yes">Yes</mat-option> <mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option> <mat-option value="no">No</mat-option>
</mat-select> </mat-select>
</mat-form-field> --> </mat-form-field>
<mat-form-field style="width: 64%">
<!-- </div> -->
<span *ngIf="loanDetailsForm.controls['is_transfer'].value == 'yes' && loanDetailsForm.controls['is_transfer'].value != ''">
<mat-form-field style="width: 64%">
<input matInput placeholder="What is the amount for Balance Transfer ? "
(keypress)="keyPress($event)" formControlName="balance_transfer_amount"
(keyup)="inWords($event,2)" (change)="loanCalc()" autocomplete="off">
<mat-hint align="start" style="font-size:90%" *ngIf="loanDetailsForm.controls['loan_amount'].value != ''">{{"&#8377;"}}
{{balTxrfAmtInWords}} Only</mat-hint>
</mat-form-field>
<!-- <mat-form-field style="width:28%">
<mat-select placeholder="Is there a Top Up"
formControlName="is_topup" >
<mat-option value="yes">Yes</mat-option>
<mat-option value="no">No</mat-option>
</mat-select>
</mat-form-field> -->
<mat-form-field style="width: 64%">
<mat-select placeholder="Lender from where balance transfer done" <mat-select placeholder="Lender from where balance transfer done"
formControlName="lender"> formControlName="lender">
<mat-option *ngFor="let btLen of m_btLenderList" [value]="btLen.bt_lender_list_id">{{ btLen.lender_name }}</mat-option> <mat-option *ngFor="let btLen of m_btLenderList" [value]="btLen.bt_lender_list_id">{{
btLen.lender_name }}</mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field *ngIf="loanDetailsForm.controls['lender'].value == 1" style="width: 28%"> <mat-form-field *ngIf="loanDetailsForm.controls['lender'].value == 1" style="width: 28%">
<input matInput placeholder="Specify Others Lender" formControlName="other_bt_lender" autocomplete="off"> <input matInput placeholder="Specify Others Lender" formControlName="other_bt_lender"
</mat-form-field> autocomplete="off">
</mat-form-field>
<mat-form-field style="width: 64%"> <mat-form-field style="width: 64%">
<input matInput placeholder="Top Up Amount" (keypress)="keyPress($event)" formControlName="topup_amount" (keyup)="inWords($event,5)" autocomplete="off"> <input matInput placeholder="Top Up Amount" (keypress)="keyPress($event)"
<mat-hint align="start" style="font-size:90%" *ngIf="loanDetailsForm.controls['topup_amount'].value != ''">{{"&#8377;"}} {{topUpAmtInWords}} Only</mat-hint> formControlName="topup_amount" (keyup)="inWords($event,5)"
</mat-form-field> autocomplete="off">
<mat-hint align="start" style="font-size:90%" *ngIf="loanDetailsForm.controls['topup_amount'].value != ''">{{"&#8377;"}}
{{topUpAmtInWords}} Only</mat-hint>
</mat-form-field>
<mat-form-field style="width:64%" *ngIf="loanDetailsForm.controls['topup_amount'].value > 0 " > <mat-form-field style="width:64%" *ngIf="loanDetailsForm.controls['topup_amount'].value > 0 ">
<mat-select placeholder="What is the End Use of the Top Up?" <mat-select placeholder="What is the End Use of the Top Up?"
formControlName="end_use_topup" > formControlName="end_use_topup">
<mat-option *ngFor="let list of m_endUseOFTopUpList" [value]="list.end_use_of_topup_id">{{ list.end_use_of_topup }}</mat-option> <mat-option *ngFor="let list of m_endUseOFTopUpList" [value]="list.end_use_of_topup_id">{{
list.end_use_of_topup }}</mat-option>
<!-- <mat-option value=2>Business Use.</mat-option> <!-- <mat-option value=2>Business Use.</mat-option>
<mat-option value=3>Child’s Marriage.</mat-option> <mat-option value=3>Child’s Marriage.</mat-option>
<mat-option value=4>Furniture & Finishing of House Property.</mat-option> <mat-option value=4>Furniture & Finishing of House Property.</mat-option>
<mat-option value=5>Medical Expenses.</mat-option> <mat-option value=5>Medical Expenses.</mat-option>
<mat-option value=6>Paying Off Existing Loans.</mat-option> <mat-option value=6>Paying Off Existing Loans.</mat-option>
<mat-option value=1>Others.</mat-option> --> <mat-option value=1>Others.</mat-option> -->
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field *ngIf="loanDetailsForm.controls['end_use_topup'].value == 1" style="width: 28%"> <mat-form-field *ngIf="loanDetailsForm.controls['end_use_topup'].value == 1"
<input matInput placeholder="Specify End Use of Top Up" formControlName="other_end_use_topup" autocomplete="off"> style="width: 28%">
<input matInput placeholder="Specify End Use of Top Up" formControlName="other_end_use_topup"
autocomplete="off">
</mat-form-field> </mat-form-field>
</span> </span>
<span *ngIf="loanDetailsForm.controls['is_transfer'].value != 'yes' && loanDetailsForm.controls['is_transfer'].value != '' && !isContribution"> <span *ngIf="loanDetailsForm.controls['is_transfer'].value != 'yes' && loanDetailsForm.controls['is_transfer'].value != '' && !isContribution">
<mat-form-field style="width: 64%">
<input matInput placeholder="Amount of Own Contribution"
formControlName="own_contribution" (keypress)="keyPress($event)"
(keyup)="inWords($event,4)" autocomplete="off">
<mat-hint align="start" style="font-size:90%" *ngIf="loanDetailsForm.controls['own_contribution'].value != ''">{{"&#8377;"}}
{{ownContributionInWords}} Only</mat-hint>
</mat-form-field>
<mat-form-field style="width: 28%">
<mat-select (selectionChange)="sourceChange($event.value)" placeholder="Source of Own Contribution"
formControlName="source" multiple>
<mat-option *ngFor="let sour of m_sourceofamount" [value]="sour.id">{{
sour.name }}</mat-option>
</mat-select>
</mat-form-field>
<!-- <mat-form-field *ngIf="isPLSource" style="width: 28%">
<input matInput placeholder="Specify Personal Loan" formControlName="personal_loan_source" autocomplete="off">
</mat-form-field> -->
<mat-form-field *ngIf="isOtherSource" style="width: 28%">
<input matInput placeholder="Specify Other Sources" formControlName="other_source"
autocomplete="off">
</mat-form-field>
</span>
<mat-form-field style="width: 64%"> <mat-form-field style="width: 64%">
<input matInput placeholder="Amount of Own Contribution" formControlName="own_contribution" (keypress)="keyPress($event)" (keyup)="inWords($event,4)" autocomplete="off"> <input matInput placeholder="EMI Amount Comfortable Paying" formControlName="emi_level"
<mat-hint align="start" style="font-size:90%" *ngIf="loanDetailsForm.controls['own_contribution'].value != ''">{{"&#8377;"}} {{ownContributionInWords}} Only</mat-hint> (keypress)="keyPress($event)" (keyup)="inWords($event,6)" autocomplete="off">
<mat-hint align="start" style="font-size:90%" *ngIf="loanDetailsForm.controls['emi_level'].value != ''">{{"&#8377;"}}
{{emiAmtInWords}} Only</mat-hint>
</mat-form-field> </mat-form-field>
</mat-card-content>
<mat-form-field style="width: 28%"> </mat-card>
<mat-select (selectionChange)="sourceChange($event.value)" placeholder="Source of Own Contribution" formControlName="source" multiple> <!-- <div *ngIf="productAbbr === 'HL' || productAbbr === 'LL' || productAbbr === 'LAP' "> -->
<mat-option *ngFor="let sour of m_sourceofamount" [value]="sour.id">{{ sour.name }}</mat-option> <mat-card *ngIf="mortageCardAccess">
<mat-card-header>
<p>Details of Property being Mortgaged</p>
</mat-card-header>
<mat-card-content class="matcard">
<mat-form-field style="width:50%;">
<mat-select placeholder="Type of Property" formControlName="property_type"
(selectionChange)="mortage_type($event.value)">
<mat-option *ngFor="let typeprop of m_mortageTypeProperty" [value]="typeprop.mortage_property_id">{{
typeprop.property_name }}</mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<!-- <mat-form-field *ngIf="isPLSource" style="width: 28%"> <mat-form-field *ngIf="mortageAccess" style="width:50%;">
<input matInput placeholder="Specify Personal Loan" formControlName="personal_loan_source" autocomplete="off"> <input matInput placeholder="Specify Type of Property" formControlName="property_type_others"
</mat-form-field> --> autocomplete="off">
<mat-form-field *ngIf="isOtherSource" style="width: 28%">
<input matInput placeholder="Specify Other Sources" formControlName="other_source" autocomplete="off">
</mat-form-field> </mat-form-field>
</span> <mat-form-field style="width:50%;">
<mat-select multiple placeholder="Name of the Owner" formControlName="owner_name"
[compareWith]="compareObjects">
<mat-optgroup *ngFor="let group of mergeCompanyApplicant" [label]="group.groupName">
<mat-option *ngFor="let val of group.groupValues" [value]="val">
{{val.name}}
</mat-option>
</mat-optgroup>
</mat-select>
</mat-form-field>
<!-- <mat-select multiple placeholder="Name of Owner"
formControlName="owner_name">
<mat-form-field style="width: 64%"> <mat-option *ngFor="let status of applicants" [value]="status.pd_co_applicant_id">{{ status.applicant_name }}</mat-option> -->
<input matInput placeholder="EMI Amount Comfortable Paying" formControlName="emi_level" (keypress)="keyPress($event)" (keyup)="inWords($event,6)" autocomplete="off">
<mat-hint align="start" style="font-size:90%" *ngIf="loanDetailsForm.controls['emi_level'].value != ''">{{"&#8377;"}} {{emiAmtInWords}} Only</mat-hint>
</mat-form-field>
</mat-card-content>
</mat-card>
<!-- <div *ngIf="productAbbr === 'HL' || productAbbr === 'LL' || productAbbr === 'LAP' "> -->
<mat-card *ngIf="mortageCardAccess">
<mat-card-header><p>Details of Property being Mortgaged</p></mat-card-header>
<mat-card-content class="matcard">
<mat-form-field style="width:50%;">
<mat-select placeholder="Type of Property" formControlName="property_type" (selectionChange)="mortage_type($event.value)" >
<mat-option *ngFor="let typeprop of m_mortageTypeProperty" [value]="typeprop.mortage_property_id">{{ typeprop.property_name }}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field *ngIf="mortageAccess" style="width:50%;"> <!-- *ngFor='let data of dataValues' -->
<input matInput placeholder="Specify Type of Property" formControlName="property_type_others" autocomplete="off"> <!-- <mat-optgroup *ngFor="let GROUP of CompanyApplicantGroupList2" [label]="GROUP.groupName">
</mat-form-field> <mat-option value="owner" *ngFor="let owner of GROUP.groupValues">{{owner.name}}</mat-option>
</mat-optgroup> -->
<!-- </mat-select> -->
<!-- <mat-select placeholder="Name of Owner" formControlName="owner_name">
<mat-optgroup *ngFor="let group of CompanyApplicantGroupList" [label]="group.groupName">
<mat-option *ngFor="let val of group.groupValues" [value]="val">
{{val.name}}
</mat-option>
</mat-optgroup>
</mat-select> -->
<!-- </mat-form-field> -->
<mat-form-field style="width:50%;"> <!-- <mat-form-field *ngIf="checkOthers(loanDetailsForm.controls['owner_name'].value)===true">
<mat-select multiple placeholder="Name of the Owner" <input matInput placeholder="Specify Other Owner Name" formControlName="other_owners_name" autocomplete="off">
formControlName="owner_name" [compareWith]="compareObjects" > </mat-form-field> -->
<mat-optgroup *ngFor="let group of mergeCompanyApplicant" [label]="group.groupName">
<mat-option *ngFor="let val of group.groupValues" [value]="val">
{{val.name}}
</mat-option>
</mat-optgroup>
</mat-select>
</mat-form-field>
<!-- <mat-select multiple placeholder="Name of Owner" <mat-form-field style="width:50%;">
formControlName="owner_name"> <mat-select placeholder="Status of Construction" formControlName="construction_status">
<mat-option *ngFor="let status of m_statusofCunstruction" [value]="status.id">{{
status.name }}</mat-option>
</mat-select>
</mat-form-field>
<mat-option *ngFor="let status of applicants" [value]="status.pd_co_applicant_id">{{ status.applicant_name }}</mat-option> --> <mat-form-field style="width:50%">
<input matInput placeholder="Estimate Market Value as Per Customer"
formControlName="emv_per_customer" (keypress)="keyPress($event)"
(keyup)="inWords($event,7)" autocomplete="off">
<mat-hint align="start" style="font-size:90%" *ngIf="loanDetailsForm.controls['emv_per_customer'].value != ''">{{"&#8377;"}}
{{emvAmtInWords}} Only</mat-hint>
</mat-form-field>
<!-- *ngFor='let data of dataValues' --> </mat-card-content>
<!-- <mat-optgroup *ngFor="let GROUP of CompanyApplicantGroupList2" [label]="GROUP.groupName"> </mat-card>
<mat-option value="owner" *ngFor="let owner of GROUP.groupValues">{{owner.name}}</mat-option> </mat-card>
</mat-optgroup> -->
<!-- </mat-select> -->
<!-- <mat-select placeholder="Name of Owner" formControlName="owner_name">
<mat-optgroup *ngFor="let group of CompanyApplicantGroupList" [label]="group.groupName">
<mat-option *ngFor="let val of group.groupValues" [value]="val">
{{val.name}}
</mat-option>
</mat-optgroup>
</mat-select> -->
<!-- </mat-form-field> -->
<!-- <mat-form-field *ngIf="checkOthers(loanDetailsForm.controls['owner_name'].value)===true">
<input matInput placeholder="Specify Other Owner Name" formControlName="other_owners_name" autocomplete="off">
</mat-form-field> -->
<mat-form-field style="width:50%;">
<mat-select placeholder="Status of Construction" formControlName="construction_status" >
<mat-option *ngFor="let status of m_statusofCunstruction" [value]="status.id">{{ status.name }}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field style="width:50%">
<input matInput placeholder="Estimate Market Value as Per Customer"
formControlName="emv_per_customer" (keypress)="keyPress($event)" (keyup)="inWords($event,7)" autocomplete="off">
<mat-hint align="start" style="font-size:90%" *ngIf="loanDetailsForm.controls['emv_per_customer'].value != ''">{{"&#8377;"}} {{emvAmtInWords}} Only</mat-hint>
</mat-form-field>
</mat-card-content>
</mat-card>
</mat-card>
</div>
</div> </div>
</ng-template> </div>
</mat-tab> </ng-template>
<mat-tab label="Docs"> </mat-tab>
<ng-template matTabContent> <mat-tab label="Docs">
<div ngxViewer> <ng-template matTabContent>
<div fxLayout="row wrap" style="padding:20px;"> <div ngxViewer>
<div fxFlex="100"> <div fxLayout="row wrap" style="padding:20px;">
<div fxFlex="20" class="m-gap p-gap"> <div fxFlex="100">
<div class="p-list-main mb-2" style="width: 60%;height: auto;"> <div fxFlex="20" class="m-gap p-gap">
<div class="p-list"> <div class="p-list-main mb-2" style="width: 60%;height: auto;">
<div class="p-list">
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div> <div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
</div> </div>
</div> </div>
</div> </div>
<div fxFlex="20" class="m-gap p-gap"> <div fxFlex="20" class="m-gap p-gap">
<div class="p-list-main mb-2" style="width: 60%;height: auto;"> <div class="p-list-main mb-2" style="width: 60%;height: auto;">
<div class="p-list"> <div class="p-list">
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div> <div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
</div> </div>
</div> </div>
</div> </div>
<div fxFlex="20" class="m-gap p-gap"> <div fxFlex="20" class="m-gap p-gap">
<div class="p-list-main mb-2" style="width: 60%;height: auto;"> <div class="p-list-main mb-2" style="width: 60%;height: auto;">
<div class="p-list"> <div class="p-list">
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div> <div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
</div> </div>
</div> </div>
</div> </div>
<div fxFlex="20" class="m-gap p-gap"> <div fxFlex="20" class="m-gap p-gap">
<div class="p-list-main mb-2" style="width: 60%;height: auto;"> <div class="p-list-main mb-2" style="width: 60%;height: auto;">
<div class="p-list"> <div class="p-list">
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div> <div class="top"> <img src="https://picsum.photos/2000/1500/?random=2" alt="Image 2"></div>
</div> </div>
</div> </div>
</div> </div>
<div fxFlex="20" class="m-gap p-gap"> <div fxFlex="20" class="m-gap p-gap">
<div class="p-list-main mb-2" style="width: 60%;height: auto;"> <div class="p-list-main mb-2" style="width: 60%;height: auto;">
<div class="p-list"> <div class="p-list">
<div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div> <div class="top"><img src="https://picsum.photos/2000/1500/?random=3" alt="Image 3"></div>
</div> </div>
</div> </div>
</div> </div>
<div fxFlex="20" class="m-gap p-gap"> <div fxFlex="20" class="m-gap p-gap">
<div class="p-list-main mb-2" style="width: 60%;height: auto;"> <div class="p-list-main mb-2" style="width: 60%;height: auto;">
<div class="p-list"> <div class="p-list">
<div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div> <div class="top"> <img src="https://picsum.photos/2000/1500/?random=1" alt="Image 1"></div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div fxFlex="row">
<div fxFlex="100" class="m-gap p-gap">
<div fxLayout="row" fxLayoutWrap="wrap">
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
</div>
</div>
<div fxLayout="row" fxLayoutWrap="wrap">
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50" fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com"><mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon> <span class="d-block">version_111</span></a>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<div fxFlex="row">
<div fxFlex="100" class="m-gap p-gap">
<div fxLayout="row" fxLayoutWrap="wrap">
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50"
fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com">
<mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon>
<span class="d-block">version_111</span>
</a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50"
fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com">
<mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon>
<span class="d-block">version_111</span>
</a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50"
fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com">
<mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon>
<span class="d-block">version_111</span>
</a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50"
fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com">
<mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon>
<span class="d-block">version_111</span>
</a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50"
fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com">
<mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon>
<span class="d-block">version_111</span>
</a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50"
fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com">
<mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon>
<span class="d-block">version_111</span>
</a>
</div>
</div>
<div fxLayout="row" fxLayoutWrap="wrap">
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50"
fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
<a href="http://www.google.com">
<mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon>
<span class="d-block">version_111</span>
</a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50"
fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
<a href="http://www.google.com">
<mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon>
<span class="d-block">version_111</span>
</a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50"
fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
<a href="http://www.google.com">
<mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon>
<span class="d-block">version_111</span>
</a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50"
fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25">
<a href="http://www.google.com">
<mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon>
<span class="d-block">version_111</span>
</a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50"
fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com">
<mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon>
<span class="d-block">version_111</span>
</a>
</div>
<div class="text-center mb-2 hover-icon" fxFlex.xs="50" fxFlex.sm="50"
fxFlex.md="20" fxFlex.lg="20" fxFlex.xl="20">
<a href="http://www.google.com">
<mat-icon style="color: #e00201;font-size: 60px !important;width:inherit !important;">picture_as_pdf</mat-icon>
<span class="d-block">version_111</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</ng-template> </ng-template>
</mat-tab> </mat-tab>
</mat-tab-group> </mat-tab-group>
</mat-dialog-content> </mat-dialog-content>
<mat-dialog-actions> <mat-dialog-actions>
<div fxFlex="60" class="pb-0 text-sm-left"> <div fxFlex="60" class="pb-0 text-sm-left">
<mat-form-field appearance="outline" style="width: 100%"> <mat-form-field appearance="outline" style="width: 100%">
<mat-label>Remarks</mat-label> <mat-label>Remarks</mat-label>
<textarea matInput placeholder="Remarks" formControlName="loandetails_remarks" ></textarea> <textarea matInput placeholder="Remarks" formControlName="loandetails_remarks"></textarea>
</mat-form-field> </mat-form-field>
</div> </div>
<div fxFlex="40" align="end"> <div fxFlex="40" align="end">
<button type="submit" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button matTooltip="Submit" matTooltipPosition="above" (click)="submitLoanDetails()"><mat-icon>save</mat-icon> <button type="submit" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button matTooltip="Submit"
</button> matTooltipPosition="above" (click)="submitLoanDetails()">
</div> <mat-icon>save</mat-icon>
</mat-dialog-actions> </button>
</div>
</mat-dialog-actions>
</form> </form>
<notifier-container></notifier-container> <notifier-container></notifier-container>

736
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/loan-details/loan-details.component.ts
View File

File diff suppressed because it is too large Load Diff

11
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/personal-info/personal-info.component.ts
View File

@ -101,7 +101,7 @@ public viewerOptions: any = {
this.getMasterDetails('EDUQUALIFICATION',3); this.getMasterDetails('EDUQUALIFICATION',3);
this.getMasterDetails('NONINDIVIDUALENTITIES',4); this.getMasterDetails('NONINDIVIDUALENTITIES',4);
this.mainApplicantDetails = this.pd_all_details.pdapplicants_detials.filter(item => item.applicant_type == 1); this.mainApplicantDetails = this.pd_all_details.pdapplicants_detials.filter(item => item.applicant_type == 1);
// console.log(this.mainApplicantDetails)
this.coApplicantDetails = this.pd_all_details.pdapplicants_detials.filter(item => item.applicant_type == 0); this.coApplicantDetails = this.pd_all_details.pdapplicants_detials.filter(item => item.applicant_type == 0);
} }
@ -414,13 +414,10 @@ validateAllFormFields(formGroup: any) {
// selectedAccTypeChanges(event: any){ // selectedAccTypeChanges(event: any){
// console.log('First Time',event);
// console.log('First Time Value',event.value);
// if(event.value == 2) { // if(event.value == 2) {
// const control = <FormArray>this.bankingForm.controls['itemRows']; // const control = <FormArray>this.bankingForm.controls['itemRows'];
// console.log('Inside If Condition');
// console.log(control);
// console.log(control.controls);
// control.controls[0].get('limit').clearValidators(); // control.controls[0].get('limit').clearValidators();
// control.controls[0].get('limit').updateValueAndValidity(); // control.controls[0].get('limit').updateValueAndValidity();
@ -430,7 +427,7 @@ validateAllFormFields(formGroup: any) {
// // this.bankingForm.controls.get('limit').clearValidators(); // // this.bankingForm.controls.get('limit').clearValidators();
// // this.bankingForm.controls.itemRows['controls'].get('limit').updateValueAndValidity(); // // this.bankingForm.controls.itemRows['controls'].get('limit').updateValueAndValidity();
// // const control = <FormArray>this.bankingForm.controls['itemRows']; // // const control = <FormArray>this.bankingForm.controls['itemRows'];
// // console.log(control.controls['limit'].value);
// } // }
// else{ // else{

8
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-info/rental-info.component.ts
View File

@ -87,13 +87,13 @@ export class RentalInfoComponent implements OnInit {
control.push(this.createpropertyArray()); control.push(this.createpropertyArray());
const parentControl = <FormGroup>this.rentalForm.controls['rental_home']['controls'][index]; const parentControl = <FormGroup>this.rentalForm.controls['rental_home']['controls'][index];
const sub = <FormArray>parentControl.controls['details_tenants']; const sub = <FormArray>parentControl.controls['details_tenants'];
console.log('control', parentControl); // console.log('control', parentControl);
subArray = Object.keys(datas.details_tenants).map(function (key) { subArray = Object.keys(datas.details_tenants).map(function (key) {
return datas.details_tenants[key]; return datas.details_tenants[key];
}); });
if (subArray.length > 0) { if (subArray.length > 0) {
subArray.forEach((val) => { subArray.forEach((val) => {
console.log('val', val); // console.log('val', val);
sub.push(this.createTenatsArray()); sub.push(this.createTenatsArray());
}) })
sub.removeAt(0); sub.removeAt(0);
@ -176,8 +176,8 @@ export class RentalInfoComponent implements OnInit {
addTenant(parentIndex:number) { addTenant(parentIndex:number) {
const parentControl = <FormGroup>this.rentalForm.controls['rental_home']['controls'][parentIndex]; const parentControl = <FormGroup>this.rentalForm.controls['rental_home']['controls'][parentIndex];
const control = <FormArray>parentControl.controls['details_tenants']; const control = <FormArray>parentControl.controls['details_tenants'];
console.log(parentControl); // console.log(parentControl);
console.log(control); // console.log(control);
control.push(this.createTenatsArray()); control.push(this.createTenatsArray());
} }