Subversion Repositories SmartDukaan

Rev

Rev 32204 | Blame | Compare with Previous | Last modification | View Log | RSS feed 

<html lang="en">
<head>
    <style>
        html, body {
            margin: 5px;
            padding: 0;
            max-width: 360px;
            min-height: 150px;
            height: fit-content;
            width: fit-content;
        }

        body {
            display: flex;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
            font-size: 90%;
            color: #333;
            justify-content: center;
        }

        .row {
            padding-top: 6px;
            height:fit-content;
        }

        table {
            position: relative;
            border: 1px solid #ddd;
            border-collapse: collapse;
            width: 100%;
        }

        td, th {
            white-space: nowrap;
            border: 1px solid #ddd;
            padding: 9px;
            text-align: center;
        }

        td.eligibility {
            font-size: 13px;
                    text-align: left;
                white-space: normal;
        }

        th {
            background-color: #eee;
            position: sticky;
            top: -1px;
            z-index: 2;
        }

        /*   th:first-of-type {
           left: 0;
           z-index: 3;
           }*/

        /*   tbody tr td:first-of-type {
           background-color: #eee;
           position: sticky;
           left: -1px;
           text-align: left;
           }*/
    </style>
</head>
<body>

<div class="row">
    #if($offer.isBaseCriteria())
        <div class="col-lg-12">
            <p class="pull-left">
                <b>Base Criteria - </b>
                $offer.getItemCriteriaString()
            </p>
        </div>
    #end
    #foreach($itemCriteriaPayout in $offer.getTargetSlabs().get(0).getItemCriteriaPayouts())
        <div class="col-lg-12">
            <table class="table table-bordered table-sm">
                <thead>
                <tr>
                    <th>Target $vmUtils.htm('<') 10</th>
                    <th>Payout</th>
                </tr>
                </thead>
                <tbody>
                    #foreach($payoutSlab in $itemCriteriaPayout.getPayoutSlabs())
                    <tr #if($payoutSlab.isSelected()) style="font-weight:bold" #end>
                        #if($offer.getPayoutType().name().equals("QUANTITY"))
                            <td>$payoutSlab.getOnwardsAmount() pcs Onwards</td>
                        #else
                            <td>Rs.<span class="currency">$payoutSlab.getOnwardsAmount()</span> Onwards</td>
                        #end
                        #if($itemCriteriaPayout.getAmountType().name().equals("PERCENTAGE"))
                            <td>$payoutSlab.getPayoutAmount()%</td>
                        #elseif($itemCriteriaPayout.getAmountType().name().equals("FIXED"))
                            <td>Rs.<span class="currency">$decimalFormatter.format($payoutSlab.getPayoutAmount())</span>
                                per pc
                            </td>
                        #else
                            <td>Rs.<span class="currency">$decimalFormatter.format($payoutSlab.getPayoutAmount())</span>
                            </td>
                        #end
                    </tr>
                    #end
                <tr>
                    <td class="eligibility" colspan="2">
                        On $itemCriteriaPayout.getItemCriteriaString()</td>
                </tr>
                </tbody>
            </table>
        </div>
    #end
</div>

</body>
</html>