| 26588 |
tejbeer |
1 |
<section class="wrapper">
|
| 27873 |
amit.gupta |
2 |
<div class="row">
|
|
|
3 |
<div class="col-lg-12">
|
|
|
4 |
<h3 class="page-header"><i class="icon_document_alt"></i>OFFERS</h3>
|
|
|
5 |
<ol class="breadcrumb">
|
|
|
6 |
<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
|
|
|
7 |
<li><i class="icon_document_alt"></i>CREATE</li>
|
| 31190 |
amit.gupta |
8 |
<li><input type="button" value="Create Offer" class="btn btn-primary create-offer"/></li>
|
| 27895 |
amit.gupta |
9 |
</ol>
|
| 27873 |
amit.gupta |
10 |
</div>
|
|
|
11 |
</div>
|
|
|
12 |
<div class="row" style="background:white;background-color:white;padding:10px;">
|
|
|
13 |
<div id="create-scheme-form">
|
|
|
14 |
<div class="col-lg-12">
|
|
|
15 |
<div class="col-lg-3">
|
|
|
16 |
<div class="form-group col-lg-12">
|
|
|
17 |
<label for="name">Offer Name</label>
|
|
|
18 |
<input class="form-control" id="offer_name" placeholder="Offer Name" name="name" required>
|
|
|
19 |
</div>
|
|
|
20 |
<div class="form-group col-lg-6">
|
|
|
21 |
<label for="offerDuration">Duration</label>
|
|
|
22 |
<input placeholder="Set Duration" name="dateRange" id="offerDuration" name="dateRange"
|
|
|
23 |
type="text" value="" class="form-control input-sm">
|
|
|
24 |
</div>
|
| 28016 |
amit.gupta |
25 |
<div class="form-group col-lg-6">
|
| 31190 |
amit.gupta |
26 |
<label class="checkbox-inline"><input type="checkbox" name="base_criteria"/>Base
|
|
|
27 |
Criteria</label>
|
| 27873 |
amit.gupta |
28 |
</div>
|
| 28017 |
amit.gupta |
29 |
<div class="row col-lg-12">
|
| 31190 |
amit.gupta |
30 |
<div class="form-group col-lg-6">
|
|
|
31 |
<label for="name">Sellin = Sellout%</label>
|
|
|
32 |
<input class="form-control" id="sellinPercentage" placeholder="Sellin Percentage"
|
|
|
33 |
name="name" value="0">
|
|
|
34 |
</div>
|
|
|
35 |
<div class="form-group col-lg-6">
|
|
|
36 |
<label for="name">Brand Share%</label>
|
|
|
37 |
<input class="form-control" id="brandShare" placeholder="" name="name" value="0">
|
|
|
38 |
</div>
|
| 27873 |
amit.gupta |
39 |
</div>
|
|
|
40 |
</div>
|
| 27895 |
amit.gupta |
41 |
<div class="col-lg-6">
|
| 27873 |
amit.gupta |
42 |
<div class="form-group">
|
| 27895 |
amit.gupta |
43 |
<div class="col-lg-6">
|
| 31190 |
amit.gupta |
44 |
<label>Offer based on</label>
|
|
|
45 |
<select name="schemeType" class="form-control">
|
|
|
46 |
<option value="SELLIN">SELLIN</option>
|
|
|
47 |
<option value="SELLINBOOSTER">SELLIN BOOSTER</option>
|
|
|
48 |
<option value="ACTIVATION">ACTIVATION</option>
|
|
|
49 |
<!--<option value="SELLOUT">SELLOUT</option>-->
|
|
|
50 |
</select>
|
| 27873 |
amit.gupta |
51 |
</div>
|
| 27895 |
amit.gupta |
52 |
<div class="col-lg-6 form-group activation-brands">
|
| 31190 |
amit.gupta |
53 |
<label>Activation Brands</label>
|
| 27873 |
amit.gupta |
54 |
<select data-placeholder="Choose brands" multiple="multiple"
|
| 31190 |
amit.gupta |
55 |
class="criteria-brands chosen-select form-control">
|
| 27873 |
amit.gupta |
56 |
#foreach($brand in $brands)
|
|
|
57 |
<option value="$brand">$brand</option>
|
|
|
58 |
#end
|
|
|
59 |
</select>
|
|
|
60 |
</div>
|
|
|
61 |
</div>
|
| 27895 |
amit.gupta |
62 |
<div class="col-lg-6">
|
| 31190 |
amit.gupta |
63 |
<div class="form-group">
|
|
|
64 |
<label>Target Type</label>
|
|
|
65 |
<div>
|
|
|
66 |
<div class="radio-inline"><label><input type="radio" name="targetType" value="VALUE"
|
|
|
67 |
checked/>VALUE</label></div>
|
|
|
68 |
<div class="radio-inline"><label><input type="radio" name="targetType"
|
|
|
69 |
value="QUANTITY"/>QUANTITY</label>
|
|
|
70 |
</div>
|
|
|
71 |
</div>
|
|
|
72 |
</div>
|
| 27873 |
amit.gupta |
73 |
</div>
|
| 27895 |
amit.gupta |
74 |
<div class="col-lg-6">
|
| 31190 |
amit.gupta |
75 |
<div class="form-group">
|
|
|
76 |
<label>Payout Type</label>
|
|
|
77 |
<div>
|
|
|
78 |
<div class="radio-inline"><label><input type="radio" name="payoutType" value="VALUE"
|
|
|
79 |
checked/>VALUE</label></div>
|
|
|
80 |
<div class="radio-inline"><label><input type="radio" name="payoutType"
|
|
|
81 |
value="QUANTITY"/>QUANTITY</label>
|
|
|
82 |
</div>
|
|
|
83 |
</div>
|
|
|
84 |
</div>
|
| 27873 |
amit.gupta |
85 |
</div>
|
|
|
86 |
</div>
|
|
|
87 |
<div class="col-lg-3">
|
| 31190 |
amit.gupta |
88 |
<div class="col-lg-12">
|
|
|
89 |
<div class="form-group">
|
|
|
90 |
<label for="name">Offer Notes Semi-Colon(;) seperated</label>
|
|
|
91 |
<textarea class="form-control" id="offer_notes" placeholder="Offer Notes"
|
|
|
92 |
name="note"></textarea>
|
|
|
93 |
</div>
|
|
|
94 |
</div>
|
|
|
95 |
<div class="col-lg-12">
|
|
|
96 |
<div class="form-group">
|
|
|
97 |
<label for="name">Terms Semi-Colon(;) seperated</label>
|
|
|
98 |
<div id="toolbar-container"></div>
|
|
|
99 |
<div style="height:40%" class="form-control" id="offer_terms" placeholder="Offer Notes"
|
|
|
100 |
name="terms"></div>
|
|
|
101 |
</div>
|
|
|
102 |
</div>
|
| 27873 |
amit.gupta |
103 |
</div>
|
|
|
104 |
<div class="col-lg-12">
|
|
|
105 |
<!--Partner Criteria Start -->
|
|
|
106 |
<div class="row">
|
|
|
107 |
<div class="col-lg-3">
|
|
|
108 |
<div class="form-group">
|
|
|
109 |
<label>Partner Types</label>
|
|
|
110 |
<select data-placeholder="Partner Type" multiple
|
|
|
111 |
class="criteria-partner-type chosen-select">
|
|
|
112 |
<option value="BRONZE">BRONZE</option>
|
|
|
113 |
<option value="SILVER">SILVER</option>
|
|
|
114 |
<option value="GOLD">GOLD</option>
|
|
|
115 |
<option value="DIAMOND">DIAMOND</option>
|
|
|
116 |
<option value="PLATINUM">PLATINUM</option>
|
|
|
117 |
<option value="NEW">RISING STAR</option>
|
|
|
118 |
</select>
|
|
|
119 |
</div>
|
| 31190 |
amit.gupta |
120 |
</div>
|
|
|
121 |
<div class="col-lg-3">
|
| 27873 |
amit.gupta |
122 |
<div class="form-group">
|
|
|
123 |
<label>Warehouse Regions</label>
|
|
|
124 |
<select multiple class="criteria-warehouseregion chosen-select">
|
|
|
125 |
#foreach ($whRegionEntry in $warehouseRegion.entrySet())
|
| 31190 |
amit.gupta |
126 |
<option value="$whRegionEntry.getKey()">$whRegionEntry.getValue()</option>
|
| 27873 |
amit.gupta |
127 |
#end
|
|
|
128 |
</select>
|
|
|
129 |
</div>
|
|
|
130 |
</div>
|
|
|
131 |
<div class="col-lg-6 partner">
|
|
|
132 |
<label>Choose Partners</label>
|
| 30723 |
amit.gupta |
133 |
<label class="checkbox-inline">
|
|
|
134 |
<input type="checkbox" class="excludeFofoId" value=""><b>Exclude</b>
|
|
|
135 |
</label>
|
| 27873 |
amit.gupta |
136 |
<select multiple="multiple" name="partner" id="partners"
|
|
|
137 |
data-placeholder="Choose Franchisee" class="chosen-select">
|
|
|
138 |
#foreach ($customRetailer in $customRetailersMap.entrySet())
|
|
|
139 |
<option value="$customRetailer.getKey()">$customRetailer.getValue().getDisplayName()</option>
|
|
|
140 |
#end
|
|
|
141 |
</select>
|
|
|
142 |
</div>
|
|
|
143 |
</div>
|
|
|
144 |
<!--Item Criteria Start -->
|
|
|
145 |
<div class="row itemCriteria item-criteria">
|
|
|
146 |
<div class="col-lg-3 itemCategory">
|
|
|
147 |
<div><label>Category</label></div>
|
| 30753 |
amit.gupta |
148 |
<label class="checkbox-inline"><input type="checkbox" name="smartphone"/>Smart
|
|
|
149 |
Phones</label>
|
| 27873 |
amit.gupta |
150 |
<label class="checkbox-inline"><input type="checkbox" name="featuredphone"/>Featured Phones</label>
|
| 30753 |
amit.gupta |
151 |
<label class="checkbox-inline"><input type="checkbox" name="led"/>LEDs</label>
|
| 27873 |
amit.gupta |
152 |
</div>
|
|
|
153 |
<div class="col-lg-2 row">
|
|
|
154 |
<div><label>Price Range</label></div>
|
|
|
155 |
<div class="col-xs-6 row">
|
|
|
156 |
<input placeholder="Start" type="text" class="form-control startValue" value="0"/>
|
|
|
157 |
</div>
|
|
|
158 |
<div class="col-xs-6">
|
|
|
159 |
<input placeholder="End" type="text" class="form-control endValue" value="0">
|
|
|
160 |
</div>
|
|
|
161 |
</div>
|
|
|
162 |
<div class="col-lg-2">
|
|
|
163 |
<div class="row col-lg-12 form-group">
|
|
|
164 |
<div><label>Brand</label></div>
|
|
|
165 |
<select data-placeholder="Choose brands" multiple="multiple"
|
|
|
166 |
class="criteria-brands chosen-select">
|
|
|
167 |
#foreach($brand in $brands)
|
|
|
168 |
<option value="$brand">$brand</option>
|
|
|
169 |
#end
|
|
|
170 |
</select>
|
|
|
171 |
</div>
|
|
|
172 |
</div>
|
|
|
173 |
<div class="col-lg-4">
|
|
|
174 |
<div><label>Model</label></div>
|
|
|
175 |
<div class="row col-lg-12 form-group">
|
| 31190 |
amit.gupta |
176 |
<label class="checkbox-inline">
|
|
|
177 |
<input type="checkbox" class="exclude" value=""><b>Exclude</b>
|
|
|
178 |
</label>
|
|
|
179 |
<select class="criteria-catalogids form-control" multiple="multiple"></select>
|
| 27873 |
amit.gupta |
180 |
</div>
|
|
|
181 |
</div>
|
|
|
182 |
</div>
|
|
|
183 |
<!--Item Criteria End -->
|
|
|
184 |
<!-- Slabs Start -->
|
|
|
185 |
<div class="slab-payout">
|
|
|
186 |
<div class="row">
|
|
|
187 |
<p>
|
| 31190 |
amit.gupta |
188 |
<div class="col-lg-1"><label>Slabs</label></div>
|
|
|
189 |
<button type="button" class="btn btn-primary slab-copy">Copy</button>
|
|
|
190 |
<button type="button" class="btn btn-primary slab-remove">Remove</button>
|
| 27873 |
amit.gupta |
191 |
</p>
|
|
|
192 |
</div>
|
| 31190 |
amit.gupta |
193 |
<div class="row targetslabscontainer">
|
| 27873 |
amit.gupta |
194 |
<div class="col-lg-3 targetslabs">
|
| 27895 |
amit.gupta |
195 |
<div class="form-group input-group targetContainer">
|
| 27873 |
amit.gupta |
196 |
<span class="input-group-addon">Rs.</span>
|
| 31190 |
amit.gupta |
197 |
<input type="text" style="width:100px" class="form-control payoutTarget" value="0"/>
|
| 27873 |
amit.gupta |
198 |
<span class="input-group-addon">Onward</span>
|
| 31190 |
amit.gupta |
199 |
<input type="text" class="form-control targetDescription"
|
|
|
200 |
placeholder="Description"/>
|
| 27873 |
amit.gupta |
201 |
</div>
|
| 28945 |
amit.gupta |
202 |
#foreach($counter1 in [1..9])
|
| 30753 |
amit.gupta |
203 |
<div class="col-lg-12 itemcriteriapayout item-criteria"
|
|
|
204 |
style="border:1px solid #cecece;border-radius:3px;padding-top:6px;padding-bottom:6px;margin-bottom:12px">
|
| 27873 |
amit.gupta |
205 |
<!--Item Criteria filter Start-->
|
|
|
206 |
<div class="row">
|
|
|
207 |
<div class="col-lg-12 itemCategory">
|
| 30753 |
amit.gupta |
208 |
<label>Category</label>
|
|
|
209 |
<label class="checkbox-inline"><input type="checkbox"
|
|
|
210 |
name="smartphone"/>Smart
|
|
|
211 |
Phones</label>
|
|
|
212 |
<label class="checkbox-inline"><input type="checkbox"
|
|
|
213 |
name="featuredphone"/>Featured
|
|
|
214 |
Phones</label>
|
|
|
215 |
<label class="checkbox-inline"><input type="checkbox"
|
|
|
216 |
name="led"/>LEDs</label>
|
|
|
217 |
</div>
|
|
|
218 |
</div>
|
| 27873 |
amit.gupta |
219 |
<div class="row">
|
|
|
220 |
<div class="col-lg-12"><label>Price Range</label></div>
|
|
|
221 |
<div class="col-lg-6 form-group">
|
| 30753 |
amit.gupta |
222 |
<input placeholder="Start" type="text" class="form-control startValue"
|
|
|
223 |
value="0"/>
|
| 27873 |
amit.gupta |
224 |
</div>
|
|
|
225 |
<div class="col-lg-6 form-group">
|
|
|
226 |
<input placeholder="End" type="text" class="form-control endValue"
|
|
|
227 |
value="0">
|
|
|
228 |
</div>
|
|
|
229 |
</div>
|
|
|
230 |
<div class="row">
|
|
|
231 |
<div class="col-lg-12 form-group">
|
|
|
232 |
<div><label>Brand</label></div>
|
|
|
233 |
<select data-placeholder="Choose brands" multiple="multiple"
|
|
|
234 |
class="criteria-brands chosen-select">
|
|
|
235 |
#foreach($brand in $brands)
|
|
|
236 |
<option value="$brand">$brand</option>
|
|
|
237 |
#end
|
|
|
238 |
</select>
|
|
|
239 |
</div>
|
|
|
240 |
<div class="col-lg-12 form-group">
|
|
|
241 |
<div class="row col-lg-12 form-group">
|
| 31190 |
amit.gupta |
242 |
<label class="checkbox-inline">
|
| 30651 |
amit.gupta |
243 |
<input type="checkbox" class="exclude" value=""><b>Exclude</b>
|
|
|
244 |
</label>
|
|
|
245 |
<select class="criteria-catalogids form-control"
|
|
|
246 |
multiple="multiple">
|
|
|
247 |
</select>
|
|
|
248 |
</div>
|
| 27873 |
amit.gupta |
249 |
</div>
|
|
|
250 |
<!--Item Criteria filter End -->
|
|
|
251 |
<div class="col-lg-12">
|
| 30651 |
amit.gupta |
252 |
<form>
|
|
|
253 |
<h4>Amount Type
|
|
|
254 |
<label class="radio-inline"><input type="radio"
|
| 30658 |
amit.gupta |
255 |
name="amountType$counter1"
|
| 30651 |
amit.gupta |
256 |
value="PERCENTAGE" checked>Percent</label>
|
|
|
257 |
<label class="radio-inline"><input type="radio"
|
| 30658 |
amit.gupta |
258 |
name="amountType$counter1"
|
| 30651 |
amit.gupta |
259 |
value="FIXED">Fixed Per
|
|
|
260 |
Pc</label>
|
|
|
261 |
<label class="radio-inline"><input type="radio"
|
| 30658 |
amit.gupta |
262 |
name="amountType$counter1"
|
| 30651 |
amit.gupta |
263 |
value="SLAB_FIXED">Fixed</label>
|
|
|
264 |
</h4>
|
|
|
265 |
</form>
|
|
|
266 |
</div>
|
| 27873 |
amit.gupta |
267 |
<div class="col-lg-12"><label>Payout Slabs</label></div>
|
|
|
268 |
<div class="col-lg-12 slab-container"></div>
|
|
|
269 |
</div>
|
|
|
270 |
</div>
|
|
|
271 |
#end
|
|
|
272 |
</div>
|
|
|
273 |
</div>
|
|
|
274 |
</div>
|
|
|
275 |
<!-- Slabs end -->
|
|
|
276 |
</div>
|
|
|
277 |
</div>
|
|
|
278 |
</div>
|
|
|
279 |
<!--Div to form-->
|
|
|
280 |
</div>
|
|
|
281 |
</section>
|
| 27880 |
amit.gupta |
282 |
<script>
|
|
|
283 |
$(function () {
|
| 30601 |
amit.gupta |
284 |
$('input[name="dateRange"]').daterangepicker(getRangedDatePicker());
|
| 27880 |
amit.gupta |
285 |
$('#partners').chosen({
|
|
|
286 |
search_contains: true
|
|
|
287 |
});
|
|
|
288 |
$("select.criteria-brands").chosen({no_results_text: "Oops, nothing found!"});
|
|
|
289 |
$("select.criteria-partner-type").chosen({no_results_text: "Oops, nothing found!"});
|
|
|
290 |
$("select.criteria-warehouseregion").chosen({no_results_text: "Oops, nothing found!"});
|
| 27895 |
amit.gupta |
291 |
$('input[name=payoutType]').on('change', function () {
|
| 30601 |
amit.gupta |
292 |
changePayoutType.call(this);
|
|
|
293 |
$('.criteria-catalogids').multiselect({
|
|
|
294 |
includeSelectAllOption: true,
|
| 31190 |
amit.gupta |
295 |
maxHeight: 400,
|
|
|
296 |
buttonWidth: '240px',
|
|
|
297 |
numberDisplayed: 1,
|
|
|
298 |
nonSelectedText: 'Items',
|
|
|
299 |
nSelectedText: ' - Items Selected',
|
|
|
300 |
allSelectedText: 'All Items Selected',
|
|
|
301 |
enableFiltering: true,
|
|
|
302 |
enableCaseInsensitiveFiltering: true,
|
|
|
303 |
});
|
|
|
304 |
payoutSlabTemplate = $('div.targetslabs').get(0).outerHTML;
|
|
|
305 |
var brandTemplate = $('div.targetslabs').find("select.criteria-brands").get(0).outerHTML;
|
|
|
306 |
$('div.targetslabs').find("select.criteria-brands").chosen({no_results_text: "Oops, nothing found!"});
|
|
|
307 |
$('input[name=payoutType]').off('change').on('change', changePayoutType);
|
|
|
308 |
//console.log(payoutSlabTemplate);
|
|
|
309 |
});
|
|
|
310 |
$('input[name=targetType]').on('change', changeTargetType);
|
| 27895 |
amit.gupta |
311 |
$('input[name=payoutType]:checked').change();
|
| 27880 |
amit.gupta |
312 |
});
|
|
|
313 |
</script>
|