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