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

}



// ;;