WebBuild/wwwroot/apps/hrms/payroll/controls/employeeregime/employeeoldregime.component.js

var Bizgaze;
(function (Bizgaze) {
    let Apps;
    (function (Apps) {
        let Hrms;
        (function (Hrms) {
            let Payroll;
            (function (Payroll) {
                let Controls;
                (function (Controls) {
                    let EmployeeRegime;
                    (function (EmployeeRegime) {
                        class EmployeeOldRegimeDetails extends Unibase.Platform.Core.BaseComponent {
                            init(formpropertyid, prop, callback) { }
                            loadControl(containerid, prop) {
                                var instance = this;
                                instance.transactionId = prop.FormPropertyId;
                                var html = `<table class="table zp-table salary-table declaration-details-table">
                                          <thead>
                                            <tr>
                                              <th width="70%">Particulars</th>
                                              <th width="30%" class="text-right">Declared amount</th>
                                            </tr>
                                          </thead>
                                          <tbody id="tblgetemployeeoldregimedetailsBody">
             
                                         </tbody>
                                        </table>`;
                                $("#" + containerid).html(html);
                                Bizgaze.Apps.Hrms.Payroll.Controls.EmployeeRegime.EmployeeOldRegimeDetails.Instance().bindOldRegimeDetails();
                            }
                            bindOldRegimeDetails() {
                                let instance = Bizgaze.Apps.Hrms.Payroll.Controls.EmployeeRegime.EmployeeOldRegimeDetails.Instance();
                                let VisibleContainerId = Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds[Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.length - 1];
                                var installedAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                                var employeeId = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + installedAppId + "_employeeid").Value);
                                instance.fileCacheHelper.loadJsFile("apps/hrms/payroll/managers/payrollmanager.js", function () {
                                    Bizgaze.Apps.Hrms.Payroll.Managers.PayRollManager.Instance().employeeOldRegimeDetails(employeeId).then(function (response) {
                                        let html = '';
                                        for (const type in response.result) {
                                            if (type === 'AddressDtls') {
                                                html += `<tr>
                                                        <td colspan="2" class="row-group font-weight-700 font-16">
                                                        ${'House Rent Paid Details'}
                                                        </td>
                                                    </tr>`;
                                                const address = response.result[type];
                                                if (address.length) {
                                                    html += address.map((obj) => {
                                                        return `<tr>
                                                                <td>${obj.RentalPeriodFromDate} - ${obj.RentalPeriodLastDate}</td>
                                                                <td class="text-right">₹ ${obj.TotalRent} <div class="font-14">₹ (${obj.Amount} / month) </div></td>
                                                                </tr>
                                                                <tr>
                                                                <td class="address-body">
                                                                  <p class="address-landlord-details">
                                                                    <span class="text-field-label">Landlord PAN :</span>
                                                                    <span> ${obj.LandLordPan}</span>
                                                                  </p>
                                                                  <p class="address-landlord-details">
                                                                    <span class="text-field-label">Landlord Name :</span>
                                                                    <span> ${obj.LandLordName}</span>
                                                                  </p>
                                                                   <p class="address-landlord-details">
                                                                    <span class="text-field-label">Urbanization Type :</span>
                                                                    <span> ${obj.UrbanizationType}</span>
                                                                  </p>
                                                                </td>
                                                                <td></td>
                                                              </tr>`;
                                                    }).join('');
                                                }
                                            }
                                            if (type === 'CInvesmentsDtls') {
                                                html += `<tr>
                                                        <td colspan="2" class="row-group font-weight-700 font-16">
                                                        ${'80C Investments'}
                                                        </td>
                                                    </tr>`;
                                                const cinvestments = response.result[type];
                                                if (cinvestments.length) {
                                                    html += cinvestments.map((obj) => {
                                                        return `<tr>
                                                                <td>${obj.SubInvestmentName}</td>
                                                                <td class="text-right">₹ ${obj.Amount}</td>
                                                              </tr>`;
                                                    }).join('');
                                                }
                                            }
                                            if (type === 'DInvesmentsDtls') {
                                                html += `<tr>
                                                        <td colspan="2" class="row-group font-weight-700 font-16">
                                                        ${'80D Investments'}
                                                        </td>
                                                    </tr>`;
                                                const cinvestments = response.result[type];
                                                if (cinvestments.length) {
                                                    html += cinvestments.map((obj) => {
                                                        let isNumAmount = '';
                                                        if (typeof (obj.Amount) === 'number') {
                                                            isNumAmount = `₹ ${obj.Amount}`;
                                                        }
                                                        else {
                                                            isNumAmount = obj.Amount;
                                                        }
                                                        return `<tr>
                                                                <td>${obj.SubInvestmentName}</td>
                                                                <td class="text-right">₹ ${obj.Amount}</td>
                                                              </tr>`;
                                                    }).join('');
                                                }
                                            }
                                            if (type === 'OtherInvesmentsDtls') {
                                                html += `<tr>
                                                        <td colspan="2" class="row-group font-weight-700 font-16">
                                                        ${'Other Investments & Exemptions'}
                                                        </td>
                                                    </tr>`;
                                                const cinvestments = response.result[type];
                                                if (cinvestments.length) {
                                                    html += cinvestments.map((obj) => {
                                                        return `<tr>
                                                                <td>${obj.SubInvestmentName}</td>
                                                                <td class="text-right">₹ ${obj.Amount}</td>
                                                              </tr>`;
                                                    }).join('');
                                                }
                                            }
                                            if (type === 'RentalIncomeDtls') {
                                                html += `<tr>
                                                        <td colspan="2" class="row-group font-weight-700 font-16">
                                                        ${'Net Income / Loss from House Property'}
                                                        </td>
                                                    </tr>`;
                                                const rentalIncome = response.result[type];
                                                if (rentalIncome.length) {
                                                    html += rentalIncome.map((obj) => {
                                                        return `<tr>
                                                                     <tr>
                                                                    <td class="text-field-label">Total Income / Loss from House Property</td>
                                                                    <td class="text-right"> ₹ ${obj.AnnualRent}</td>
                                                                      </tr>

                                                                    <tr>
                                                                        <td class="text-field-label">Interest Paid on Home Loan</td>
                                                                        <td class="text-right"> ₹ ${obj.InterestPaid}</td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="text-field-label">Lender Name</td>
                                                                        <td class="text-right"> ${obj.LenderName}</td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="text-field-label">Lender Pan</td>
                                                                        <td class="text-right"> ${obj.LenderPan}</td>
                                                                     </tr>

                                                                     <tr>
                                                                        <td class="text-field-label">Annual Rent Received</td>
                                                                        <td class="text-right">₹ ${obj.AnnualRent}</td>
                                                                     </tr>

                                                                      <tr>
                                                                        <td class="text-field-label">Net Annual Value</td>
                                                                        <td class="text-right">₹ ${obj.NetAnnual}</td>
                                                                      </tr>

                                                                      <tr>
                                                                        <td class="text-field-label">Standard Deduction (@ 30% of Net Annual Value)</td>
                                                                        <td class="text-right">₹ ${obj.StandardDeduction}</td>
                                                                      </tr>

                                                                     <tr>
                                                                        <td class="text-field-label">Interest Paid on Home Loan</td>
                                                                        <td class="text-right">₹ ${obj.InterestPaid}</td>
                                                                     </tr>
                                                              </tr>`;
                                                    }).join('');
                                                }
                                            }
                                            if (type === 'OtherIncome') {
                                                html += `<tr>
                                                        <td colspan="2" class="row-group font-weight-700 font-16">
                                                        ${'Other Income'}
                                                        </td>
                                                    </tr>`;
                                                const otherIncome = response.result[type];
                                                if (otherIncome.length) {
                                                    html += otherIncome.map((obj) => {
                                                        return `<tr>
                                                                     <tr>
                                                                    <td class="text-field-label">Interest Earned from Savings Deposit</td>
                                                                    <td class="text-right"> ₹ ${obj.SavingsDeposit}</td>
                                                                      </tr>
                                                              </tr>`;
                                                    }).join('');
                                                }
                                            }
                                        }
                                        $("#tblgetemployeeoldregimedetailsBody").html(html);
                                    });
                                });
                            }
                            loadControlSettings(controlsettingjson, formpropertyid) { }
                            loadPropertySettings(propertysettings, formpropertyid, DocPropertyName) { }
                            bindEditFormDetails(formpropertyid, propval, DocPropertyName) { }
                            static Instance() {
                                if (this.instance === undefined) {
                                    this.instance = new EmployeeOldRegimeDetails();
                                }
                                return this.instance;
                            }
                        }
                        EmployeeRegime.EmployeeOldRegimeDetails = EmployeeOldRegimeDetails;
                    })(EmployeeRegime = Controls.EmployeeRegime || (Controls.EmployeeRegime = {}));
                })(Controls = Payroll.Controls || (Payroll.Controls = {}));
            })(Payroll = Hrms.Payroll || (Hrms.Payroll = {}));
        })(Hrms = Apps.Hrms || (Apps.Hrms = {}));
    })(Apps = Bizgaze.Apps || (Bizgaze.Apps = {}));
})(Bizgaze || (Bizgaze = {}));