| Line 1... |
Line -... |
| 1 |
|
- |
|
| 2 |
|
- |
|
| 3 |
|
- |
|
| 4 |
|
- |
|
| 5 |
<section class="wrapper">
|
1 |
<section class="wrapper">
|
| 6 |
<div class="row">
|
2 |
<div class="row">
|
| 7 |
<div class="col-lg-12">
|
3 |
<div class="col-lg-12">
|
| 8 |
<h3 class="page-header"><i class="icon_document_alt"></i>OFFERS</h3>
|
4 |
<h3 class="page-header"><i class="icon_document_alt"></i>OFFERS</h3>
|
| 9 |
<ol class="breadcrumb">
|
5 |
<ol class="breadcrumb">
|
| 10 |
<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
|
6 |
<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
|
| 11 |
<li><i class="icon_document_alt"></i>CREATE</li>
|
7 |
<li><i class="icon_document_alt"></i>CREATE</li>
|
| 12 |
<li><input type="button" value="Create Offer" class="btn btn-primary create-offer"/> </li>
|
8 |
<li><input type="button" value="Create Offer" class="btn btn-primary create-offer"/></li>
|
| 13 |
</ol>
|
9 |
</ol>
|
| 14 |
</div>
|
10 |
</div>
|
| 15 |
</div>
|
11 |
</div>
|
| 16 |
<div class="row" style="background:white;background-color:white;padding:10px;">
|
12 |
<div class="row" style="background:white;background-color:white;padding:10px;">
|
| 17 |
<div id="create-scheme-form">
|
13 |
<div id="create-scheme-form">
|
| Line 25... |
Line 21... |
| 25 |
<label for="offerDuration">Duration</label>
|
21 |
<label for="offerDuration">Duration</label>
|
| 26 |
<input placeholder="Set Duration" name="dateRange" id="offerDuration" name="dateRange"
|
22 |
<input placeholder="Set Duration" name="dateRange" id="offerDuration" name="dateRange"
|
| 27 |
type="text" value="" class="form-control input-sm">
|
23 |
type="text" value="" class="form-control input-sm">
|
| 28 |
</div>
|
24 |
</div>
|
| 29 |
<div class="form-group col-lg-6">
|
25 |
<div class="form-group col-lg-6">
|
| 30 |
<label class="checkbox-inline"><input type="checkbox" name="base_criteria"/>Base Criteria</label>
|
26 |
<label class="checkbox-inline"><input type="checkbox" name="base_criteria"/>Base
|
| - |
|
27 |
Criteria</label>
|
| 31 |
</div>
|
28 |
</div>
|
| 32 |
<div class="row col-lg-12">
|
29 |
<div class="row col-lg-12">
|
| 33 |
<div class="form-group col-lg-6">
|
30 |
<div class="form-group col-lg-6">
|
| 34 |
<label for="name">Sellin = Sellout%</label>
|
31 |
<label for="name">Sellin = Sellout%</label>
|
| 35 |
<input class="form-control" id="sellinPercentage" placeholder="Sellin Percentage" name="name" value="0">
|
32 |
<input class="form-control" id="sellinPercentage" placeholder="Sellin Percentage"
|
| - |
|
33 |
name="name" value="0">
|
| 36 |
</div>
|
34 |
</div>
|
| 37 |
<div class="form-group col-lg-6">
|
35 |
<div class="form-group col-lg-6">
|
| 38 |
<label for="name">Brand Share%</label>
|
36 |
<label for="name">Brand Share%</label>
|
| 39 |
<input class="form-control" id="brandShare" placeholder="" name="name" value="0">
|
37 |
<input class="form-control" id="brandShare" placeholder="" name="name" value="0">
|
| 40 |
</div>
|
38 |
</div>
|
| 41 |
</div>
|
39 |
</div>
|
| 42 |
</div>
|
40 |
</div>
|
| 43 |
<div class="col-lg-6">
|
41 |
<div class="col-lg-6">
|
| 44 |
<div class="form-group">
|
42 |
<div class="form-group">
|
| 45 |
<div class="col-lg-6">
|
43 |
<div class="col-lg-6">
|
| 46 |
<h4>Offer based on</h4>
|
44 |
<label>Offer based on</label>
|
| 47 |
<div class="radio-inline"><label><input type="radio" name="schemeType" value="ACTIVATION"
|
45 |
<select name="schemeType" class="form-control">
|
| 48 |
checked>ACTIVATION</label></div>
|
46 |
<option value="SELLIN">SELLIN</option>
|
| 49 |
<div class="radio-inline"><label><input type="radio" name="schemeType" value="SELLIN">SELL
|
47 |
<option value="SELLINBOOSTER">SELLIN BOOSTER</option>
|
| 50 |
IN</label></div>
|
48 |
<option value="ACTIVATION">ACTIVATION</option>
|
| 51 |
<div class="radio-inline"><label><input type="radio" name="schemeType" value="SELLOUT">SELL
|
49 |
<!--<option value="SELLOUT">SELLOUT</option>-->
|
| 52 |
OUT</label></div>
|
50 |
</select>
|
| 53 |
</div>
|
51 |
</div>
|
| 54 |
<div class="col-lg-6 form-group activation-brands">
|
52 |
<div class="col-lg-6 form-group activation-brands">
|
| 55 |
<div><label>Activation Brands</label></div>
|
53 |
<label>Activation Brands</label>
|
| 56 |
<select data-placeholder="Choose brands" multiple="multiple"
|
54 |
<select data-placeholder="Choose brands" multiple="multiple"
|
| 57 |
class="criteria-brands chosen-select">
|
55 |
class="criteria-brands chosen-select form-control">
|
| 58 |
#foreach($brand in $brands)
|
56 |
#foreach($brand in $brands)
|
| 59 |
<option value="$brand">$brand</option>
|
57 |
<option value="$brand">$brand</option>
|
| 60 |
#end
|
58 |
#end
|
| 61 |
</select>
|
59 |
</select>
|
| 62 |
</div>
|
60 |
</div>
|
| 63 |
</div>
|
61 |
</div>
|
| 64 |
<div class="col-lg-6">
|
62 |
<div class="col-lg-6">
|
| 65 |
<div class="form-group">
|
63 |
<div class="form-group">
|
| 66 |
<h4>Target Type</h4>
|
64 |
<label>Target Type</label>
|
| 67 |
<div>
|
65 |
<div>
|
| 68 |
<div class="radio-inline"><label><input type="radio" name="targetType" value="VALUE"
|
66 |
<div class="radio-inline"><label><input type="radio" name="targetType" value="VALUE"
|
| 69 |
checked/>VALUE</label></div>
|
67 |
checked/>VALUE</label></div>
|
| 70 |
<div class="radio-inline"><label><input type="radio" name="targetType" value="QUANTITY"/>QUANTITY</label>
|
68 |
<div class="radio-inline"><label><input type="radio" name="targetType"
|
| - |
|
69 |
value="QUANTITY"/>QUANTITY</label>
|
| 71 |
</div>
|
70 |
</div>
|
| 72 |
</div>
|
71 |
</div>
|
| 73 |
</div>
|
72 |
</div>
|
| 74 |
</div>
|
73 |
</div>
|
| 75 |
<div class="col-lg-6">
|
74 |
<div class="col-lg-6">
|
| 76 |
<div class="form-group">
|
75 |
<div class="form-group">
|
| 77 |
<h4>Payout Type</h4>
|
76 |
<label>Payout Type</label>
|
| 78 |
<div>
|
77 |
<div>
|
| 79 |
<div class="radio-inline"><label><input type="radio" name="payoutType" value="VALUE"
|
78 |
<div class="radio-inline"><label><input type="radio" name="payoutType" value="VALUE"
|
| 80 |
checked/>VALUE</label></div>
|
79 |
checked/>VALUE</label></div>
|
| 81 |
<div class="radio-inline"><label><input type="radio" name="payoutType" value="QUANTITY"/>QUANTITY</label>
|
80 |
<div class="radio-inline"><label><input type="radio" name="payoutType"
|
| - |
|
81 |
value="QUANTITY"/>QUANTITY</label>
|
| 82 |
</div>
|
82 |
</div>
|
| 83 |
</div>
|
83 |
</div>
|
| 84 |
</div>
|
84 |
</div>
|
| 85 |
</div>
|
85 |
</div>
|
| 86 |
</div>
|
86 |
</div>
|
| 87 |
<div class="col-lg-3">
|
87 |
<div class="col-lg-3">
|
| 88 |
<div class="col-lg-12">
|
88 |
<div class="col-lg-12">
|
| 89 |
<div class="form-group">
|
89 |
<div class="form-group">
|
| 90 |
<label for="name">Offer Notes Semi-Colon(;) seperated</label>
|
90 |
<label for="name">Offer Notes Semi-Colon(;) seperated</label>
|
| 91 |
<textarea class="form-control" id="offer_notes" placeholder="Offer Notes"
|
91 |
<textarea class="form-control" id="offer_notes" placeholder="Offer Notes"
|
| 92 |
name="note"></textarea>
|
92 |
name="note"></textarea>
|
| 93 |
</div>
|
93 |
</div>
|
| 94 |
</div>
|
94 |
</div>
|
| 95 |
<div class="col-lg-12">
|
95 |
<div class="col-lg-12">
|
| 96 |
<div class="form-group">
|
96 |
<div class="form-group">
|
| 97 |
<label for="name">Terms Semi-Colon(;) seperated</label>
|
97 |
<label for="name">Terms Semi-Colon(;) seperated</label>
|
| 98 |
<div id="toolbar-container"></div>
|
98 |
<div id="toolbar-container"></div>
|
| 99 |
<div style = "height:40%"class="form-control" id="offer_terms" placeholder="Offer Notes"
|
99 |
<div style="height:40%" class="form-control" id="offer_terms" placeholder="Offer Notes"
|
| 100 |
name="terms"></div>
|
100 |
name="terms"></div>
|
| 101 |
</div>
|
101 |
</div>
|
| 102 |
</div>
|
102 |
</div>
|
| 103 |
</div>
|
103 |
</div>
|
| 104 |
<div class="col-lg-12">
|
104 |
<div class="col-lg-12">
|
| 105 |
<!--Partner Criteria Start -->
|
105 |
<!--Partner Criteria Start -->
|
| 106 |
<div class="row">
|
106 |
<div class="row">
|
| 107 |
<div class="col-lg-3">
|
107 |
<div class="col-lg-3">
|
| Line 115... |
Line 115... |
| 115 |
<option value="DIAMOND">DIAMOND</option>
|
115 |
<option value="DIAMOND">DIAMOND</option>
|
| 116 |
<option value="PLATINUM">PLATINUM</option>
|
116 |
<option value="PLATINUM">PLATINUM</option>
|
| 117 |
<option value="NEW">RISING STAR</option>
|
117 |
<option value="NEW">RISING STAR</option>
|
| 118 |
</select>
|
118 |
</select>
|
| 119 |
</div>
|
119 |
</div>
|
| 120 |
</div>
|
120 |
</div>
|
| 121 |
<div class="col-lg-3">
|
121 |
<div class="col-lg-3">
|
| 122 |
<div class="form-group">
|
122 |
<div class="form-group">
|
| 123 |
<label>Warehouse Regions</label>
|
123 |
<label>Warehouse Regions</label>
|
| 124 |
<select multiple class="criteria-warehouseregion chosen-select">
|
124 |
<select multiple class="criteria-warehouseregion chosen-select">
|
| 125 |
#foreach ($whRegionEntry in $warehouseRegion.entrySet())
|
125 |
#foreach ($whRegionEntry in $warehouseRegion.entrySet())
|
| 126 |
<option value="$whRegionEntry.getKey()">$whRegionEntry.getValue()</option>
|
126 |
<option value="$whRegionEntry.getKey()">$whRegionEntry.getValue()</option>
|
| 127 |
#end
|
127 |
#end
|
| 128 |
</select>
|
128 |
</select>
|
| 129 |
</div>
|
129 |
</div>
|
| 130 |
</div>
|
130 |
</div>
|
| 131 |
<div class="col-lg-6 partner">
|
131 |
<div class="col-lg-6 partner">
|
| Line 171... |
Line 171... |
| 171 |
</div>
|
171 |
</div>
|
| 172 |
</div>
|
172 |
</div>
|
| 173 |
<div class="col-lg-4">
|
173 |
<div class="col-lg-4">
|
| 174 |
<div><label>Model</label></div>
|
174 |
<div><label>Model</label></div>
|
| 175 |
<div class="row col-lg-12 form-group">
|
175 |
<div class="row col-lg-12 form-group">
|
| 176 |
<label class="checkbox-inline">
|
176 |
<label class="checkbox-inline">
|
| 177 |
<input type="checkbox" class="exclude" value=""><b>Exclude</b>
|
177 |
<input type="checkbox" class="exclude" value=""><b>Exclude</b>
|
| 178 |
</label>
|
178 |
</label>
|
| 179 |
<select class="criteria-catalogids form-control" multiple="multiple"></select>
|
179 |
<select class="criteria-catalogids form-control" multiple="multiple"></select>
|
| 180 |
</div>
|
180 |
</div>
|
| 181 |
</div>
|
181 |
</div>
|
| 182 |
</div>
|
182 |
</div>
|
| 183 |
<!--Item Criteria End -->
|
183 |
<!--Item Criteria End -->
|
| 184 |
<!-- Slabs Start -->
|
184 |
<!-- Slabs Start -->
|
| 185 |
<div class="slab-payout">
|
185 |
<div class="slab-payout">
|
| 186 |
<div class="row">
|
186 |
<div class="row">
|
| 187 |
<p>
|
187 |
<p>
|
| 188 |
<div class="col-lg-1"><label>Slabs</label></div>
|
188 |
<div class="col-lg-1"><label>Slabs</label></div>
|
| 189 |
<button type="button" class="btn btn-primary slab-copy">Copy</button>
|
189 |
<button type="button" class="btn btn-primary slab-copy">Copy</button>
|
| 190 |
<button type="button" class="btn btn-primary slab-remove">Remove</button>
|
190 |
<button type="button" class="btn btn-primary slab-remove">Remove</button>
|
| 191 |
</p>
|
191 |
</p>
|
| 192 |
</div>
|
192 |
</div>
|
| 193 |
<div class="row targetslabscontainer" >
|
193 |
<div class="row targetslabscontainer">
|
| 194 |
<div class="col-lg-3 targetslabs">
|
194 |
<div class="col-lg-3 targetslabs">
|
| 195 |
<div class="form-group input-group targetContainer">
|
195 |
<div class="form-group input-group targetContainer">
|
| 196 |
<span class="input-group-addon">Rs.</span>
|
196 |
<span class="input-group-addon">Rs.</span>
|
| 197 |
<input type="text" style="width:100px" class="form-control payoutTarget" value="0"/>
|
197 |
<input type="text" style="width:100px" class="form-control payoutTarget" value="0"/>
|
| 198 |
<span class="input-group-addon">Onward</span>
|
198 |
<span class="input-group-addon">Onward</span>
|
| 199 |
<input type="text" class="form-control targetDescription" placeholder="Description"/>
|
199 |
<input type="text" class="form-control targetDescription"
|
| - |
|
200 |
placeholder="Description"/>
|
| 200 |
</div>
|
201 |
</div>
|
| 201 |
#foreach($counter1 in [1..9])
|
202 |
#foreach($counter1 in [1..9])
|
| 202 |
<div class="col-lg-12 itemcriteriapayout item-criteria"
|
203 |
<div class="col-lg-12 itemcriteriapayout item-criteria"
|
| 203 |
style="border:1px solid #cecece;border-radius:3px;padding-top:6px;padding-bottom:6px;margin-bottom:12px">
|
204 |
style="border:1px solid #cecece;border-radius:3px;padding-top:6px;padding-bottom:6px;margin-bottom:12px">
|
| 204 |
<!--Item Criteria filter Start-->
|
205 |
<!--Item Criteria filter Start-->
|
| Line 236... |
Line 237... |
| 236 |
#end
|
237 |
#end
|
| 237 |
</select>
|
238 |
</select>
|
| 238 |
</div>
|
239 |
</div>
|
| 239 |
<div class="col-lg-12 form-group">
|
240 |
<div class="col-lg-12 form-group">
|
| 240 |
<div class="row col-lg-12 form-group">
|
241 |
<div class="row col-lg-12 form-group">
|
| 241 |
<label class="checkbox-inline">
|
242 |
<label class="checkbox-inline">
|
| 242 |
<input type="checkbox" class="exclude" value=""><b>Exclude</b>
|
243 |
<input type="checkbox" class="exclude" value=""><b>Exclude</b>
|
| 243 |
</label>
|
244 |
</label>
|
| 244 |
<select class="criteria-catalogids form-control"
|
245 |
<select class="criteria-catalogids form-control"
|
| 245 |
multiple="multiple">
|
246 |
multiple="multiple">
|
| 246 |
</select>
|
247 |
</select>
|
| Line 289... |
Line 290... |
| 289 |
$("select.criteria-warehouseregion").chosen({no_results_text: "Oops, nothing found!"});
|
290 |
$("select.criteria-warehouseregion").chosen({no_results_text: "Oops, nothing found!"});
|
| 290 |
$('input[name=payoutType]').on('change', function () {
|
291 |
$('input[name=payoutType]').on('change', function () {
|
| 291 |
changePayoutType.call(this);
|
292 |
changePayoutType.call(this);
|
| 292 |
$('.criteria-catalogids').multiselect({
|
293 |
$('.criteria-catalogids').multiselect({
|
| 293 |
includeSelectAllOption: true,
|
294 |
includeSelectAllOption: true,
|
| 294 |
maxHeight : 400,
|
295 |
maxHeight: 400,
|
| 295 |
buttonWidth : '240px',
|
296 |
buttonWidth: '240px',
|
| 296 |
numberDisplayed : 1,
|
297 |
numberDisplayed: 1,
|
| 297 |
nonSelectedText : 'Items',
|
298 |
nonSelectedText: 'Items',
|
| 298 |
nSelectedText : ' - Items Selected',
|
299 |
nSelectedText: ' - Items Selected',
|
| 299 |
allSelectedText : 'All Items Selected',
|
300 |
allSelectedText: 'All Items Selected',
|
| 300 |
enableFiltering : true,
|
301 |
enableFiltering: true,
|
| 301 |
enableCaseInsensitiveFiltering : true,
|
302 |
enableCaseInsensitiveFiltering: true,
|
| 302 |
});
|
303 |
});
|
| 303 |
payoutSlabTemplate = $('div.targetslabs').get(0).outerHTML;
|
304 |
payoutSlabTemplate = $('div.targetslabs').get(0).outerHTML;
|
| 304 |
var brandTemplate = $('div.targetslabs').find("select.criteria-brands").get(0).outerHTML;
|
305 |
var brandTemplate = $('div.targetslabs').find("select.criteria-brands").get(0).outerHTML;
|
| 305 |
$('div.targetslabs').find("select.criteria-brands").chosen({no_results_text: "Oops, nothing found!"});
|
306 |
$('div.targetslabs').find("select.criteria-brands").chosen({no_results_text: "Oops, nothing found!"});
|
| 306 |
$('input[name=payoutType]').off('change').on('change', changePayoutType);
|
307 |
$('input[name=payoutType]').off('change').on('change', changePayoutType);
|
| 307 |
//console.log(payoutSlabTemplate);
|
308 |
//console.log(payoutSlabTemplate);
|
| 308 |
});
|
309 |
});
|
| 309 |
$('input[name=targetType]').on('change', changeTargetType);
|
310 |
$('input[name=targetType]').on('change', changeTargetType);
|
| 310 |
$('input[name=payoutType]:checked').change();
|
311 |
$('input[name=payoutType]:checked').change();
|
| 311 |
});
|
312 |
});
|
| 312 |
</script>
|
313 |
</script>
|
| 313 |
|
314 |
|