diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-verification/rental-verification.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-verification/rental-verification.component.html index 15876acca..d9454d6b6 100644 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-verification/rental-verification.component.html +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-verification/rental-verification.component.html @@ -261,15 +261,14 @@
Rent per Unit - + {{"₹"}} {{fUnits.value.rent_per_unit | numberToWords}} Only - Amount - + Total Rent Amount + {{"₹"}} {{fUnits.value.amount | numberToWords}} Only -
@@ -280,18 +279,27 @@
Rent Unit {{fu+1}} - - {{"₹"}} {{fUnits.value.amount | numberToWords}} Only + + {{"₹"}} {{fUnits.value.rent_per_unit | numberToWords}} Only
- + +
+ + Total Rent Amount + + {{"₹"}} {{floor.value.floor_rent_amount | numberToWords}} Only + +
+ +
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-verification/rental-verification.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-verification/rental-verification.component.scss index f250e9787..ff417d52d 100644 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-verification/rental-verification.component.scss +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-verification/rental-verification.component.scss @@ -14,4 +14,8 @@ } .rent-unit { margin-left: 2%; + margin-top: 1%; +} +.total-rent-amt{ + margin-left: 2%; } diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-verification/rental-verification.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-verification/rental-verification.component.ts index 0d690b7eb..8b191e58a 100644 --- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-verification/rental-verification.component.ts +++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-verification/rental-verification.component.ts @@ -719,6 +719,7 @@ createFloorDetails(details){ no_units_in_floor: ['', Validators.compose([Validators.required])], unit_rent_difference_options : ['', Validators.compose([Validators.required])], floor_unit_details : this._fb.array([]), + floor_rent_amount: [''], }); } else{ @@ -727,6 +728,7 @@ createFloorDetails(details){ no_units_in_floor: ['', Validators.compose([Validators.required])], unit_rent_difference_options : ['', Validators.compose([Validators.required])], floor_unit_details : this._fb.array([]), + floor_rent_amount: [''], }); } @@ -758,13 +760,14 @@ generateFloorUnit(values:any, index:number){ control.controls = []; control.setValue([]); } + this.calculateFloorRentAmt(values,index); } else if(values.no_units_in_floor>0 && values.unit_rent_difference_options=="1") { control.controls = []; control.setValue([]); control.push(this.createFloorUnitDetails(1)); - this.calculateSameRentAmt(control.value,index); + this.calculateFloorRentAmt(values,index); } else { control.controls = []; @@ -778,30 +781,46 @@ createFloorUnitDetails(type:number){ if(type==1){ return this._fb.group({ rent_per_unit: ['', Validators.compose([Validators.required])], - amount: ['', Validators.compose([Validators.required])], + amount: [''], }); } else if(type==2){ return this._fb.group({ - amount: ['', Validators.compose([Validators.required])], + rent_per_unit: ['', Validators.compose([Validators.required])], }); } } // calculate same rent amount -calculateSameRentAmt(values: any, index: number){ +calculateFloorRentAmt(values: any, index: number){ if(values.unit_rent_difference_options=="1"){ let control: any = this._rentalForm.controls['multistoried_building_details']; - control = control.controls[index]; - control= control.controls['floor_unit_details']; - if(control.value[control.value.length-1].rent_per_unit>0 && values.no_units_in_floor>0){ - control.controls[control.value.length-1].controls['amount'].setValue(control.value[control.value.length-1].rent_per_unit * values.no_units_in_floor); + let unitcontrol = control.controls[index]; + unitcontrol= unitcontrol.controls['floor_unit_details']; + if(unitcontrol.value[unitcontrol.value.length-1].rent_per_unit>0 && values.no_units_in_floor>0){ + unitcontrol.controls[unitcontrol.value.length-1].controls['amount'].setValue(unitcontrol.value[unitcontrol.value.length-1].rent_per_unit * values.no_units_in_floor); + control.controls[index].controls['floor_rent_amount'].setValue(unitcontrol.value[unitcontrol.value.length-1].rent_per_unit * values.no_units_in_floor); } else{ - control.controls[control.value.length-1].controls['amount'].setValue(''); + unitcontrol.controls[unitcontrol.value.length-1].controls['amount'].setValue(''); + control.controls[index].controls['floor_rent_amount'].setValue(''); } } + else if(values.unit_rent_difference_options=="0"){ + let control: any = this._rentalForm.controls['multistoried_building_details']; + let unitcontrol = control.controls[index]; + unitcontrol= unitcontrol.controls['floor_unit_details']; + // console.log(unitcontrol) + let getunitValues = unitcontrol.value.filter(val=>val.rent_per_unit!=''); + if(getunitValues.length>0){ + control.controls[index].controls['floor_rent_amount'].setValue(getunitValues.map(mval=>mval.rent_per_unit).reduce((acc, val) => Number(acc) + Number(val), 0)); + } + else{ + control.controls[index].controls['floor_rent_amount'].setValue(''); + + } + } }