Subversion Repositories SmartDukaan

<style>

    .working-green {

        color: green;

    }

    .not-working-red {

        color: red;

    }

    .cover-brand {

    }

    .servicesComment .psComment {

        visibility: hidden;

        width: 120px;

        background-color: black;

        color: #fff;

        text-align: center;

        border-radius: 6px;

        padding: 5px 0;

        /* Position the tooltip */

        position: absolute;

        z-index: 1;

    }

    .servicesComment:hover .psComment {

        visibility: visible;

    }

    .financePartnerServices-table table {

        width: 100%;

        border-collapse: collapse;

    }

    .financePartnerServices-table th, .financePartnerServices-table td {

        padding: 4px;

        text-align: left;

    }

    .financePartnerServices-table th.fixed-column, .financePartnerServices-table td.fixed-column {

        position: sticky;

        left: 0;

        background-color: white;

        z-index: 1;

        border-right: 1px solid #ddd;

        min-width: 120px;

        max-width: 120px;

        overflow: hidden;

        text-overflow: ellipsis;

    }

    .financePartnerServices-table th.fixed-column {

        z-index: 2;

    }

    .DTFC_LeftBodyLiner {

        overflow: hidden !important;

    }

</style>

<section class="wrapper">

    <div class="row">

        <div class="col-lg-12">

            <h3 class="page-header"><i class="icon_document_alt"></i>Finance Services</h3>

            <ol class="breadcrumb">

                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>

                <li><i class="icon_document_alt"></i>Finance Services</li>

            </ol>

        </div>

    </div>

    <table class="table table-border table-condensed table-bordered">

        <tr>

            <td>MA -> Mark Applicable</td>

            <td>NA -> Not Applicable</td>

            <td>SNA -> Service Not Applicable</td>

            <td>PNI -> Partner Not Interested</td>

            <td>No-Code -> Code Not Available</td>

        </tr>

        <tr>

            <td>&#10006; -> Brand not started</td>

            <td><span style="color:red;">&#10006; </span>-> More then seven days brand not started</td>

            <td><span style="color:red;">&#10006;&#10006; </span>-> Brand not working from partner side</td>

            <td><span style="color:green;">&#10004 </span> -> Brand proper work</td>

            <td>(--) -> Never work on partner</td>

        </tr>

    </table>

    <div class="col-lg-12">

        <table class="table table-striped table-advance table-hover table-border table-condensed table-bordered financePartnerServices-table"

               id="financePartnerServices" style="width:100%">

            <thead class="row">

            <tr style="color:black;">

                <th rowspan="2" style="display:none">id</th>

                <th rowspan="2" class="fixed-column">Partner Name</th>

                <th rowspan="2" class="fixed-column">Store Code</th>

                <th rowspan="2">Doc Compl</th>

                #foreach($paymentOption in $paymentOptions)

                    #if($serviceBrandsConfigMap.containsKey($paymentOption.getId()))

                        #if($financeAuthorityCheck)

                            #set ( $bandsSize = $serviceBrandsConfigMap.get($paymentOption.getId()).size() + 3 )

                            <th colspan="$bandsSize">

                                $paymentOption.getName()

                            </th>

                        #else

                            #set ( $bandsSize = $serviceBrandsConfigMap.get($paymentOption.getId()).size() + 2)

                            <th colspan="$bandsSize">

                                $paymentOption.getName()

                            </th>

                        #end

                    #end

                #end

            </tr>

            <tr>

                #foreach($paymentOption in $paymentOptions)

                    #if($serviceBrandsConfigMap.containsKey($paymentOption.getId()))

                        #if($financeAuthorityCheck)

                            <th>activation</th>

                        #end

                        #foreach($serviceBrand in $serviceBrandsConfigMap.get($paymentOption.getId()))

                            <th>

                                <img src="${brandUrlMap.get($serviceBrand.getBrand())}"

                                     class="cover-brand $serviceBrand.getBrand()" id="finBrandUrl"

                                     style="height: 30px;">

                            </th>

                        #end

                        <th>Service Comment</th>

                        <th>Follow UP</th>

                    #end

                #end

            </tr>

            </thead>

            <tbody>

                #foreach($entryCr in $customRetailers)

                <tr>

                        #parse("finance-service-row.vm")

                </tr>

                #end

            </tbody>

        </table>

    </div>

</section>

<script>

    var dtable = $('#financePartnerServices').DataTable(

            {

                "scrollX": true,

                "scrollY": "700px",

                "fixedColumns": {

                    leftColumns: 3

                },

            });

</script>