| Line 1... |
Line 1... |
| 1 |
<div class="modal-header">
|
1 |
<div class="modal-header">
|
| 2 |
<button type="button" class="close" id="cancel-model" data-dismiss="modal">×</button>
|
2 |
<button type="button" class="close" id="cancel-model" data-dismiss="modal">×</button>
|
| 3 |
<h4 class="modal-title">Terms & Conditions</h4>
|
3 |
<h4 class="modal-title">Terms & Conditions</h4>
|
| 4 |
</div>
|
4 |
</div>
|
| - |
|
5 |
|
| 5 |
<div class="modal-body" style="height:500px;overflow:auto">
|
6 |
<div class="modal-body" style="height:500px;overflow:auto">
|
| 6 |
<div style="margin-top: 15px;" class="offer-margin-table">
|
7 |
<div style="margin-top: 15px;" class="offer-margin-table">
|
| 7 |
|
8 |
|
| - |
|
9 |
## Offer Description
|
| 8 |
<div class="row">
|
10 |
<div class="row">
|
| 9 |
<div class="col-lg-12">
|
11 |
<div class="col-lg-12">
|
| 10 |
<div style="font-size:20px; font-weight:bold"
|
12 |
<div style="font-size:20px; font-weight:bold" class="pull-left">
|
| 11 |
class="pull-left">$vmUtils.html($offer.getDescription())</div>
|
13 |
$vmUtils.html($offer.getDescription())
|
| - |
|
14 |
</div>
|
| 12 |
</div>
|
15 |
</div>
|
| 13 |
</div>
|
16 |
</div>
|
| - |
|
17 |
|
| 14 |
<div class="row">
|
18 |
<div class="row">
|
| - |
|
19 |
## Base Criteria Section (if applicable)
|
| 15 |
#if($offer.isBaseCriteria())
|
20 |
#if($offer.isBaseCriteria())
|
| 16 |
<div class="col-lg-12">
|
21 |
<div class="col-lg-12">
|
| 17 |
<h5 style="text-align: left">Base Criteria - </h5>
|
22 |
<h5 style="text-align: left">Base Criteria - </h5>
|
| 18 |
<div style="text-align:left">$offer.getItemCriteriaString()</div>
|
23 |
<div style="text-align:left">$offer.getItemCriteriaString()</div>
|
| 19 |
</div>
|
24 |
</div>
|
| 20 |
#end
|
25 |
#end
|
| - |
|
26 |
|
| - |
|
27 |
## Main Offer Table
|
| 21 |
<div class="col-lg-12">
|
28 |
<div class="col-lg-12">
|
| 22 |
<table class="table table-bordered table-sm">
|
29 |
<table class="table table-bordered table-sm">
|
| - |
|
30 |
|
| - |
|
31 |
## ===== TABLE HEADER =====
|
| 23 |
<thead>
|
32 |
<thead>
|
| 24 |
<tr>
|
33 |
<tr>
|
| 25 |
<th rowspan="2">Models</th>
|
34 |
<th rowspan="2">Models</th>
|
| 26 |
<th rowspan="2">Target</th>
|
35 |
<th rowspan="2">Target</th>
|
| - |
|
36 |
|
| - |
|
37 |
## Target Achieved columns - only for retailers (not admin)
|
| - |
|
38 |
#if(!$isAdmin)
|
| 27 |
#if($offer.isActivation())
|
39 |
#if($offer.isActivation())
|
| 28 |
<th colspan="2">Target Achieved</th>
|
40 |
<th colspan="2">Target Achieved</th>
|
| 29 |
#else
|
41 |
#else
|
| 30 |
<th rowspan="2">Billed</th>
|
42 |
<th rowspan="2">Billed</th>
|
| - |
|
43 |
#end
|
| 31 |
#end
|
44 |
#end
|
| - |
|
45 |
|
| 32 |
<th rowspan="2">Payout On</th>
|
46 |
<th rowspan="2">Payout On</th>
|
| - |
|
47 |
|
| - |
|
48 |
## Payout Achieved columns - only for retailers (not admin)
|
| - |
|
49 |
#if(!$isAdmin)
|
| 33 |
#if($offer.isActivation())
|
50 |
#if($offer.isActivation())
|
| 34 |
<th colspan="2">Payout Achieved</th>
|
51 |
<th colspan="2">Payout Achieved</th>
|
| 35 |
#else
|
52 |
#else
|
| 36 |
<th rowspan="2">Billed</th>
|
53 |
<th rowspan="2">Billed</th>
|
| - |
|
54 |
#end
|
| - |
|
55 |
#end
|
| - |
|
56 |
</tr>
|
| - |
|
57 |
|
| - |
|
58 |
## Sub-headers for Activation offers (Billed/Activated) - only for retailers
|
| - |
|
59 |
#if(!$isAdmin && $offer.isActivation())
|
| - |
|
60 |
<tr>
|
| - |
|
61 |
<th style="background-color: darkgray">Billed</th>
|
| - |
|
62 |
<th>Activated</th>
|
| - |
|
63 |
<th style="background-color: darkgray">Billed</th>
|
| - |
|
64 |
<th>Activated</th>
|
| - |
|
65 |
</tr>
|
| 37 |
#end
|
66 |
#end
|
| 38 |
</tr>
|
- |
|
| 39 |
#if($offer.isActivation())
|
- |
|
| 40 |
<th style="background-color: darkgray">Billed</th>
|
- |
|
| 41 |
<th>Activated</th>
|
- |
|
| 42 |
<th style="background-color: darkgray">Billed</th>
|
- |
|
| 43 |
<th>Activated</th>
|
- |
|
| 44 |
#end
|
- |
|
| 45 |
</thead>
|
67 |
</thead>
|
| - |
|
68 |
|
| - |
|
69 |
## ===== TABLE BODY =====
|
| 46 |
<tbody>
|
70 |
<tbody>
|
| 47 |
#foreach($itemCriteriaPayout in $offer.getTargetSlabs().get(0).getItemCriteriaPayouts())
|
71 |
#foreach($itemCriteriaPayout in $offer.getTargetSlabs().get(0).getItemCriteriaPayouts())
|
| - |
|
72 |
|
| - |
|
73 |
## Set up model variables for this criteria
|
| 48 |
#set($criteriaItemQtyModel = $offer.getCriteriaQtyAmountModel().get($itemCriteriaPayout.getItemCriteria().getId()))
|
74 |
#set($criteriaItemQtyModel = $offer.getCriteriaQtyAmountModel().get($itemCriteriaPayout.getItemCriteria().getId()))
|
| 49 |
#if($offer.isBaseCriteria())
|
75 |
#if($offer.isBaseCriteria())
|
| 50 |
#set($baseItemCriteriaQtyAmountModel = $offer.getCriteriaQtyAmountModel().get(0))
|
76 |
#set($baseItemCriteriaQtyAmountModel = $offer.getCriteriaQtyAmountModel().get(0))
|
| 51 |
#else
|
77 |
#else
|
| 52 |
#set($baseItemCriteriaQtyAmountModel = $criteriaItemQtyModel)
|
78 |
#set($baseItemCriteriaQtyAmountModel = $criteriaItemQtyModel)
|
| - |
|
79 |
#end
|
| - |
|
80 |
|
| - |
|
81 |
## Helper variables for readability
|
| - |
|
82 |
#set($isQuantityPayout = $offer.getPayoutType().name().equals("QUANTITY"))
|
| - |
|
83 |
#set($isSellinOrSellout = $offer.isSellin() || $offer.isSellout())
|
| - |
|
84 |
#set($isPercentage = $itemCriteriaPayout.getAmountType().name().equals("PERCENTAGE"))
|
| - |
|
85 |
#set($isFixed = $itemCriteriaPayout.getAmountType().name().equals("FIXED"))
|
| - |
|
86 |
|
| - |
|
87 |
#foreach($payoutSlab in $itemCriteriaPayout.getPayoutSlabs())
|
| - |
|
88 |
#set($rowspan = $itemCriteriaPayout.getPayoutSlabs().size())
|
| - |
|
89 |
#set($isFirstRow = $velocityCount == 1)
|
| - |
|
90 |
#set($selectedStyle = "")
|
| - |
|
91 |
#if($payoutSlab.isSelected())
|
| - |
|
92 |
#set($selectedStyle = "background-color: lightgreen")
|
| 53 |
#end
|
93 |
#end
|
| 54 |
|
94 |
|
| 55 |
#foreach($payoutSlab in $itemCriteriaPayout.getPayoutSlabs())
|
95 |
<tr>
|
| 56 |
#set($rowspan = $itemCriteriaPayout.getPayoutSlabs().size())
|
96 |
## Column 1: Models (only on first row with rowspan)
|
| 57 |
<tr>
|
- |
|
| 58 |
#if($velocityCount==1)
|
97 |
#if($isFirstRow)
|
| 59 |
<td style="text-align:left" rowspan="$rowspan">
|
98 |
<td style="text-align:left" rowspan="$rowspan">
|
| 60 |
$itemCriteriaPayout.getItemCriteriaString()<br>
|
99 |
$itemCriteriaPayout.getItemCriteriaString()<br>
|
| 61 |
#if($itemCriteriaPayout.getStartDate()||$itemCriteriaPayout.getEndDate())
|
100 |
#if($itemCriteriaPayout.getStartDate() || $itemCriteriaPayout.getEndDate())
|
| 62 |
<span style="font-weight: bold;">Payout Date - </span><span>$itemCriteriaPayout.getStartDate().format($dateFormatter) to $itemCriteriaPayout.getEndDate().format($dateFormatter)</span>
|
- |
|
| 63 |
#end
|
101 |
<span style="font-weight: bold;">Payout Date - </span>
|
| 64 |
</td>
|
102 |
<span>$itemCriteriaPayout.getStartDate().format($dateFormatter) to $itemCriteriaPayout.getEndDate().format($dateFormatter)</span>
|
| 65 |
#end
|
103 |
#end
|
| - |
|
104 |
</td>
|
| - |
|
105 |
#end
|
| 66 |
|
106 |
|
| - |
|
107 |
## Column 2: Target
|
| 67 |
#if($offer.getPayoutType().name().equals("QUANTITY"))
|
108 |
#if($isQuantityPayout)
|
| 68 |
<td #if($payoutSlab.isSelected()) style="background-color: lightgreen" #end>$payoutSlab.getOnwardsAmount() pcs Onwards</td>
|
109 |
<td style="$selectedStyle">$payoutSlab.getOnwardsAmount() pcs Onwards</td>
|
| 69 |
#else
|
110 |
#else
|
| 70 |
<td #if($payoutSlab.isSelected()) style="background-color: lightgreen" #end>Rs.<span class="currency">$payoutSlab.getOnwardsAmount()</span> Onwards</td>
|
111 |
<td style="$selectedStyle">Rs.<span class="currency">$payoutSlab.getOnwardsAmount()</span> Onwards</td>
|
| 71 |
#end
|
112 |
#end
|
| - |
|
113 |
|
| - |
|
114 |
## Column 3-4: Target Achieved (Billed/Activated) - ONLY FOR RETAILERS
|
| - |
|
115 |
#if(!$isAdmin)
|
| 72 |
#if($offer.getPayoutType().name().equals("QUANTITY"))
|
116 |
#if($isQuantityPayout)
|
| 73 |
#if($offer.isSellin() || $offer.isSellout())
|
117 |
#if($isSellinOrSellout)
|
| 74 |
<td>$baseItemCriteriaQtyAmountModel.getQty()</td>
|
118 |
<td>$baseItemCriteriaQtyAmountModel.getQty()</td>
|
| 75 |
#else
|
119 |
#else
|
| 76 |
#if($velocityCount==1)
|
120 |
#if($isFirstRow)
|
| 77 |
<td rowspan="$rowspan">$baseItemCriteriaQtyAmountModel.getQty()</td>
|
121 |
<td rowspan="$rowspan">$baseItemCriteriaQtyAmountModel.getQty()</td>
|
| 78 |
<td rowspan="$rowspan">$baseItemCriteriaQtyAmountModel.getActivationQty()</td>
|
122 |
<td rowspan="$rowspan">$baseItemCriteriaQtyAmountModel.getActivationQty()</td>
|
| 79 |
#end
|
123 |
#end
|
| 80 |
#end
|
124 |
#end
|
| 81 |
#else
|
125 |
#else
|
| 82 |
#if($offer.isSellin() || $offer.isSellout())
|
126 |
#if($isSellinOrSellout)
|
| 83 |
<td><span class="currency">$baseItemCriteriaQtyAmountModel.getAmount()</span></td>
|
127 |
<td><span class="currency">$baseItemCriteriaQtyAmountModel.getAmount()</span></td>
|
| 84 |
#else
|
128 |
#else
|
| 85 |
#if($velocityCount==1)
|
129 |
#if($isFirstRow)
|
| 86 |
<td rowspan="$rowspan"><span class="currency" style="color: darkgrey">$baseItemCriteriaQtyAmountModel.getAmount()</span></td>
|
130 |
<td rowspan="$rowspan"><span class="currency" style="color: darkgrey">$baseItemCriteriaQtyAmountModel.getAmount()</span></td>
|
| 87 |
<td rowspan="$rowspan"><span class="currency">$baseItemCriteriaQtyAmountModel.getActivationAmount()</span></td>
|
131 |
<td rowspan="$rowspan"><span class="currency">$baseItemCriteriaQtyAmountModel.getActivationAmount()</span></td>
|
| 88 |
#end
|
132 |
#end
|
| 89 |
#end
|
133 |
#end
|
| 90 |
#end
|
134 |
#end
|
| - |
|
135 |
#end
|
| 91 |
|
136 |
|
| - |
|
137 |
## Column 5: Payout On
|
| - |
|
138 |
#if($isPercentage)
|
| 92 |
#if($itemCriteriaPayout.getAmountType().name().equals("PERCENTAGE"))
|
139 |
<td style="$selectedStyle">$payoutSlab.getPayoutAmount()%</td>
|
| - |
|
140 |
#elseif($isFixed)
|
| - |
|
141 |
<td style="$selectedStyle">Rs.<span class="currency">$payoutSlab.getPayoutAmount()</span> per pc</td>
|
| - |
|
142 |
#else
|
| 93 |
<td #if($payoutSlab.isSelected()) style="background-color: lightgreen" #end>$payoutSlab.getPayoutAmount()%</td>
|
143 |
<td style="$selectedStyle">Rs.<span class="currency">$payoutSlab.getPayoutAmount()</span></td>
|
| - |
|
144 |
#end
|
| - |
|
145 |
|
| - |
|
146 |
## Column 6-7: Payout Achieved (Billed/Activated) - ONLY FOR RETAILERS
|
| - |
|
147 |
#if(!$isAdmin && $isFirstRow)
|
| 94 |
#if($velocityCount==1)
|
148 |
#if($isPercentage)
|
| 95 |
#if($offer.isSellin() || $offer.isSellout())
|
149 |
#if($isSellinOrSellout)
|
| 96 |
<td><span class="currency">$criteriaItemQtyModel.getAmount()</span></td>
|
150 |
<td><span class="currency">$criteriaItemQtyModel.getAmount()</span></td>
|
| 97 |
#else
|
151 |
#else
|
| 98 |
<td rowspan="$rowspan"><span class="currency">$criteriaItemQtyModel.getAmount()</span></td>
|
152 |
<td rowspan="$rowspan"><span class="currency">$criteriaItemQtyModel.getAmount()</span></td>
|
| 99 |
<td rowspan="$rowspan"><span class="currency">$criteriaItemQtyModel.getActivationAmount()</span></td>
|
153 |
<td rowspan="$rowspan"><span class="currency">$criteriaItemQtyModel.getActivationAmount()</span></td>
|
| 100 |
#end
|
- |
|
| 101 |
#end
|
154 |
#end
|
| 102 |
#elseif($itemCriteriaPayout.getAmountType().name().equals("FIXED"))
|
- |
|
| 103 |
<td #if($payoutSlab.isSelected()) style="background-color: lightgreen" #end>Rs.<span class="currency">$payoutSlab.getPayoutAmount()</span> per pc</td>
|
- |
|
| 104 |
#if($velocityCount==1)
|
155 |
#elseif($isFixed)
|
| 105 |
#if($offer.isSellin() || $offer.isSellout())
|
156 |
#if($isSellinOrSellout)
|
| 106 |
<td>$criteriaItemQtyModel.getQty()</td>
|
157 |
<td>$criteriaItemQtyModel.getQty()</td>
|
| 107 |
#else
|
158 |
#else
|
| 108 |
<td rowspan="$rowspan">$criteriaItemQtyModel.getQty()</td>
|
159 |
<td rowspan="$rowspan">$criteriaItemQtyModel.getQty()</td>
|
| 109 |
<td rowspan="$rowspan">$criteriaItemQtyModel.getActivationQty()</td>
|
160 |
<td rowspan="$rowspan">$criteriaItemQtyModel.getActivationQty()</td>
|
| 110 |
#end
|
- |
|
| 111 |
#end
|
161 |
#end
|
| 112 |
#else
|
162 |
#else
|
| 113 |
<td #if($payoutSlab.isSelected()) style="background-color: lightgreen" #end>Rs.<span class="currency">$payoutSlab.getPayoutAmount()</span></td>
|
- |
|
| 114 |
#if($velocityCount==1)
|
163 |
#if($isSellinOrSellout)
|
| 115 |
#if($offer.isSellin() || $offer.isSellout())
|
- |
|
| 116 |
<td rowspan="$rowspan">$criteriaItemQtyModel.getQty()</td>
|
164 |
<td rowspan="$rowspan">$criteriaItemQtyModel.getQty()</td>
|
| 117 |
#else
|
165 |
#else
|
| 118 |
<td rowspan="$rowspan">$criteriaItemQtyModel.getQty()</td>
|
166 |
<td rowspan="$rowspan">$criteriaItemQtyModel.getQty()</td>
|
| 119 |
<td rowspan="$rowspan">$criteriaItemQtyModel.getActivationQty()</td>
|
167 |
<td rowspan="$rowspan">$criteriaItemQtyModel.getActivationQty()</td>
|
| 120 |
#end
|
- |
|
| 121 |
#end
|
168 |
#end
|
| 122 |
#end
|
169 |
#end
|
| 123 |
|
- |
|
| 124 |
</tr>
|
- |
|
| 125 |
#end
|
170 |
#end
|
| - |
|
171 |
</tr>
|
| 126 |
#end
|
172 |
#end
|
| - |
|
173 |
#end
|
| 127 |
</tbody>
|
174 |
</tbody>
|
| 128 |
</table>
|
175 |
</table>
|
| 129 |
<br>
|
176 |
<br>
|
| 130 |
</div>
|
177 |
</div>
|
| 131 |
</div>
|
178 |
</div>
|
| 132 |
</div>
|
179 |
</div>
|
| 133 |
|
180 |
|
| 134 |
|
- |
|
| - |
|
181 |
## Notes and Terms Section
|
| 135 |
<div class="row">
|
182 |
<div class="row">
|
| 136 |
<div class="col-lg-12">
|
183 |
<div class="col-lg-12">
|
| 137 |
<ul id="descriptionMenu" style="text-align:left">
|
184 |
<ul id="descriptionMenu" style="text-align:left">
|
| 138 |
#if($offer.getOfferNotes() && !$offer.getOfferNotes().equals(""))
|
185 |
#if($offer.getOfferNotes() && !$offer.getOfferNotes().equals(""))
|
| 139 |
<li>
|
- |
|
| 140 |
Note - $vmUtils.html($offer.getOfferNotes())
|
186 |
<li>Note - $vmUtils.html($offer.getOfferNotes())</li>
|
| 141 |
</li>
|
- |
|
| 142 |
#end
|
187 |
#end
|
| 143 |
|
- |
|
| 144 |
</ul>
|
188 |
</ul>
|
| 145 |
|
189 |
|
| 146 |
<div class="termContainer ck-content" style="text-align:left">
|
190 |
<div class="termContainer ck-content" style="text-align:left">
|
| 147 |
|
- |
|
| 148 |
$offer.getTerms()
|
191 |
$offer.getTerms()
|
| 149 |
|
- |
|
| 150 |
</div>
|
192 |
</div>
|
| 151 |
|
- |
|
| 152 |
|
- |
|
| 153 |
</div>
|
193 |
</div>
|
| 154 |
</div>
|
194 |
</div>
|
| 155 |
|
- |
|
| 156 |
</div>
|
195 |
</div>
|
| - |
|
196 |
|
| 157 |
<div class="modal-footer">
|
197 |
<div class="modal-footer">
|
| 158 |
<button type="button" data-dismiss="modal" class="btn btn-default cancel-description">Dismiss</button>
|
198 |
<button type="button" data-dismiss="modal" class="btn btn-default cancel-description">Dismiss</button>
|
| 159 |
</div>
|
- |
|
| 160 |
|
199 |
</div>
|
| - |
|
200 |
|