Subversion Repositories SmartDukaan

Rev

Rev 29919 | Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
29900 amit.gupta 1
<html lang="en">
2
<head>
3
    <style>
4
        html, body {
5
            margin: 5px;
6
            padding: 0;
7
            max-width: 360px;
8
            min-height: 150px;
9
            height: fit-content;
10
            width: fit-content;
11
        }
12
 
13
        body {
14
            display: flex;
15
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
16
            font-size: 90%;
17
            color: #333;
18
            justify-content: center;
19
        }
20
 
21
        .row {
22
            padding-top: 6px;
23
            height:fit-content;
24
        }
25
 
26
        table {
27
            position: relative;
28
            border: 1px solid #ddd;
29
            border-collapse: collapse;
30
            width: 100%;
31
        }
32
 
33
        td, th {
34
            white-space: nowrap;
35
            border: 1px solid #ddd;
36
            padding: 9px;
37
            text-align: center;
38
        }
39
 
40
        td.eligibility {
41
            font-size: 15px;
42
            font-weight: bold;
43
        }
44
 
45
        th {
46
            background-color: #eee;
47
            position: sticky;
48
            top: -1px;
49
            z-index: 2;
50
        }
51
 
52
        /*   th:first-of-type {
53
           left: 0;
54
           z-index: 3;
55
           }*/
56
 
57
        /*   tbody tr td:first-of-type {
58
           background-color: #eee;
59
           position: sticky;
60
           left: -1px;
61
           text-align: left;
62
           }*/
63
    </style>
64
</head>
65
<body>
66
 
67
<div class="row">
68
    #if($offer.isBaseCriteria())
69
        <div class="col-lg-12">
70
            <p class="pull-left">
71
                <b>Base Criteria - </b>
72
                $offer.getItemCriteriaString()
73
            </p>
74
        </div>
75
    #end
76
    #foreach($itemCriteriaPayout in $offer.getTargetSlabs().get(0).getItemCriteriaPayouts())
77
        <div class="col-lg-12">
78
            <table class="table table-bordered table-sm">
79
                <thead>
80
                <tr>
81
                    <th>Target</th>
82
                    <th>Payout</th>
83
                </tr>
84
                </thead>
85
                <tbody>
86
                    #foreach($payoutSlab in $itemCriteriaPayout.getPayoutSlabs())
87
                    <tr #if($payoutSlab.isSelected()) style="font-weight:bold" #end>
88
                        #if($offer.getPayoutType().name().equals("QUANTITY"))
89
                            <td>$payoutSlab.getOnwardsAmount() pcs Onwards</td>
90
                        #else
91
                            <td>Rs.<span class="currency">$payoutSlab.getOnwardsAmount()</span> Onwards</td>
92
                        #end
93
                        #if($itemCriteriaPayout.getAmountType().name().equals("PERCENTAGE"))
94
                            <td>$payoutSlab.getPayoutAmount()%</td>
95
                        #elseif($itemCriteriaPayout.getAmountType().name().equals("FIXED"))
96
                            <td>Rs.<span class="currency">$payoutSlab.getPayoutAmount()</span> per pc</td>
97
                        #else
98
                            <td>Rs.<span class="currency">$payoutSlab.getPayoutAmount()</span></td>
99
                        #end
100
                    </tr>
101
                    #end
102
                <tr>
103
                    <td class="eligibility" colspan="2">On $itemCriteriaPayout.getItemCriteriaString()</td>
104
                </tr>
105
                </tbody>
106
            </table>
107
        </div>
108
    #end
109
</div>
110
 
111
</body>
112
</html>