Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
26588 tejbeer 1
<script>
2
	$(function() {
3
    	$('input[name="dateRange"]').daterangepicker(getRangedDatePicker(), dateRangeCallback);
4
	});
5
 
6
		$(document).ready(function() {
7
        $('#fofo-users').multiselect({
8
    		includeSelectAllOption: true,
9
        		multiple:true,
10
        		maxHeight: 200,
11
        		buttonWidth: '180px',
12
        		numberDisplayed: 1,
13
        	nonSelectedText: 'Users',
14
        	nSelectedText: ' - Users Selected',
15
        	allSelectedText: 'All Users Selected',
16
        	enableFiltering: true,
17
	        enableCaseInsensitiveFiltering : true
18
        });
19
 
20
 
21
        $('#brand').multiselect({
22
    		includeSelectAllOption: true,
23
        		multiple:true,
24
        		maxHeight: 200,
25
        		buttonWidth: '180px',
26
        		numberDisplayed: 1,
27
        	nonSelectedText: 'Brands',
28
        	nSelectedText: ' - Brands Selected',
29
        	allSelectedText: 'All Brands Selected',
30
        	enableFiltering: true,
31
	        enableCaseInsensitiveFiltering : true
32
        });
33
 
34
          $('#item_catalog_id').multiselect({
35
    		includeSelectAllOption: true,
36
        		multiple:true,
37
        		maxHeight: 200,
38
        		buttonWidth: '180px',
39
        		numberDisplayed: 1,
40
        	nonSelectedText: 'Users',
41
        	nSelectedText: ' - Users Selected',
42
        	allSelectedText: 'All Users Selected',
43
        	enableFiltering: true,
44
	        enableCaseInsensitiveFiltering : true
45
        });
46
 
47
 
48
    });
49
 
50
    $(function(){
51
 	getItemAheadOptions($("#typeaheaditem"),function(selectedItem){
52
 
53
 	itemCatalogId = selectedItem.catalogId;
54
 	itemDescription = selectedItem.itemDescription
55
 
56
 	$('#item_catalog_id')
57
         .append($("<option></option>")
58
                    .attr("value",itemCatalogId)
59
                    .text(itemDescription)); 
60
 
61
	$('#item_catalog_id').multiselect('destroy').removeData().multiselect();
62
	});
63
});
64
 
65
 
66
 
67
 
68
 
69
</script>
70
 
71
 
72
<section class="wrapper">
73
	<div class="row">
74
		<div class="col-lg-12">
75
			<h3 class="page-header"><i class="icon_document_alt"></i>OFFERS</h3>
76
			<ol class="breadcrumb">
77
				<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
78
				<li><i class="icon_document_alt"></i>CREATE</li>						  	
79
			</ol>
80
		</div>
81
	</div>
82
	<form id="create-scheme-form">
83
		<div id="customer-details" style="background:white;background-color:white;padding:10px;">
84
			<h4 class="modelHeaderCustom" style="font-size:22px;">Offer Information</h4>
85
			<div>
86
				<div class = "row">
87
					<div class="col-lg-2 form-group">
88
					   	<input placeholder="Name" id="offerName" name="offerName" type="text" value="" class="form-control input-sm">
89
					</div>
90
 
91
 
92
					<div class="col-lg-3 form-inline">
93
							<label for="offerDuration">Offer Duration :</label> 
94
							<input id="offerDuration" name="dateRange" type="text" value="" class="form-control input-sm">
95
 
96
					</div>
97
 
98
						<div class="col-lg-2" form-group>
99
						<select class="form-control input-sm" id = "itemCriteria" onchange="selecteditemCriteria()" placeholder="Item Criteria">
100
							<option value="" disabled selected>Item Criteria</option>	
101
								#foreach($itemCriteria in $itemCriteriaType)
102
	      						<option value="$itemCriteria">$itemCriteria</option>
103
							#end
104
						</select>
105
						</div>
106
 
107
						<div class="col-lg-2">
108
						<select class="form-control input-sm" id = "targetType" onchange="selectedTargetType()" placeholder="Target Type">
109
							<option value="" disabled selected>Target Type</option>	
110
								<option value="value">Value</option>
111
								<option value="quantity">Quantity</option>
112
 
113
						</select>
114
						</div>
115
 
116
 
117
						<div class="col-lg-2">
118
						<select class="form-control input-sm" id = "amountType" onchange="selectedAmountType()" placeholder="Amount Type">
119
							<option value="" disabled selected>Amount Type</option>
120
								<option value="amount">amount</option>
121
								<option value="percentage">Percentage</option>
122
 
123
						</select>
124
						</div>
125
 
126
 
127
				</div>
128
 
129
				<div class="row">	
130
 
131
					<div class="col-lg-2 form-group">
132
					   	<input placeholder="Price" id="price" name="price" type="number" value="" class="form-control input-sm">
133
					</div>
134
 
135
					<div class="col-lg-3 form-inline">
136
					<label for="offerDuration">Description :</label> 
137
					  <textarea class='form-control' rows='2' id='description'></textarea>
138
 
139
					</div>
140
 
141
					<div class="col-lg-2 form-group" id ="oneBrandMarginOffer">
142
						<select class="form-control input-sm" id="brand" placeholder="Brands" multiple="multiple">
143
						<option value="" disabled selected>Brand</option>	
144
							#foreach($brand in $brands)
145
								<option value="$brand">$brand</option>
146
							#end
147
						</select>
148
					</div>
149
 
150
 
151
					<div class="col-lg-2 form-group">
152
					<select  class="form-control input-sm" id = "fofo-users" name = "fofo-users" placeholder="Partners" multiple="multiple">
153
					<option value="" disabled selected>Partners</option>
154
					#foreach($fofoId in $customRetailersMap.keySet())
155
         				<option value="$fofoId">$customRetailersMap.get($fofoId).getBusinessName()</option>
156
         			#end
157
	                </select>
158
	               </div>
159
 
160
 
161
 
162
 
163
					<div class="col-lg-3 form-group" >
164
						<input class="btn btn-primary new-offer" type="button" value="Create Offer">	
165
					</div>
166
 
167
				</div>
168
 
169
 
170
					<div class ="row" style= "padding-top: 20px;">
171
 
172
					<div  class="col-lg-3 form-group" id = "itemModelMarginOffer">
173
		             <input placeholder="Items" type="text" class="typeahead form-control" id="typeaheaditem" name="Item" data-provide="typeahead" autocomplete="off">
174
	                </div>
175
 
176
	                <div class="col-lg-2 form-group" id = "itemModelOffer">
177
					<select  class="form-control input-sm" id = "item_catalog_id" name = "catalog_id" placeholder="select items" multiple="multiple">
178
					<option value="" disabled selected>Select Items</option>
179
	                </select>
180
	               </div>
181
	               </div>
182
 
183
 
184
					<div class = "row" id="qtyMargin" style= "padding-top: 20px;">
185
 
186
					<div class = "col-lg-6 ">
187
					 <div class = "row ">
188
					<div class="col-lg-3 form-group">
189
					   	<input placeholder="Value" id="qty0" name="value" type="text" value="" class="form-control input-sm">
190
					</div>
191
 
192
					<div>
193
					<span class="col-lg-2 form-group">  pcs onwards </span>
194
					</div>	
195
 
196
					<div class="col-lg-3 form group">
197
					   	<input placeholder="Margin" id="qtymargin0" name="margin" type="text" value="" class="form-control input-sm"> 
198
					</div>
199
					<div  class="col-lg-2form-group">
200
					<span>  per pcs </span>
201
					</div>
202
 
203
					</div>
204
 
205
					 <div class = "row ">
206
					<div class="col-lg-3 form-group">
207
					   	<input placeholder="Value" id="qty1" name="value" type="text" value="" class="form-control input-sm">
208
					</div>
209
 
210
					<div>
211
					<span class="col-lg-2 form-group">  pcs onwards </span>
212
					</div>	
213
 
214
					<div class="col-lg-3 form group">
215
					   	<input placeholder="Margin" id="qtymargin1" name="margin" type="text" value="" class="form-control input-sm"> 
216
					</div>
217
					<div  class="col-lg-2form-group">
218
					<span>  per pcs </span>
219
					</div>
220
 
221
					</div>
222
 
223
					<div class = "row ">
224
					<div class="col-lg-3 form-group">
225
					   	<input placeholder="Value" id="qty2" name="value" type="text" value="" class="form-control input-sm">
226
					</div>
227
 
228
					<div>
229
					<span class="col-lg-2 form-group">  pcs onwards </span>
230
					</div>	
231
 
232
					<div class="col-lg-3 form group">
233
					   	<input placeholder="Margin" id="qtymargin2" name="margin" type="text" value="" class="form-control input-sm"> 
234
					</div>
235
					<div  class="col-lg-2form-group">
236
					<span>  per pcs </span>
237
					</div>
238
					</div>
239
 
240
						<div class = "row ">
241
					<div class="col-lg-3 form-group">
242
					   	<input placeholder="Value" id="qty3" name="value" type="text" value="" class="form-control input-sm">
243
					</div>
244
 
245
					<div>
246
					<span class="col-lg-2 form-group">  pcs onwards </span>
247
					</div>	
248
 
249
					<div class="col-lg-3 form group">
250
					   	<input placeholder="Margin" id="qtymargin3" name="margin" type="text" value="" class="form-control input-sm"> 
251
					</div>
252
					<div  class="col-lg-2form-group">
253
					<span>  per pcs </span>
254
					</div>
255
					</div>
256
 
257
						<div class = "row ">
258
					<div class="col-lg-3 form-group">
259
					   	<input placeholder="Value" id="qty4" name="value" type="text" value="" class="form-control input-sm">
260
					</div>
261
 
262
					<div>
263
					<span class="col-lg-2 form-group">  pcs onwards </span>
264
					</div>	
265
 
266
					<div class="col-lg-3 form group">
267
					   	<input placeholder="Margin" id="qtymargin4" name="margin" type="text" value="" class="form-control input-sm"> 
268
					</div>
269
					<div  class="col-lg-2form-group">
270
					<span>  per pcs </span>
271
					</div>
272
					</div>
273
 
274
						<div class = "row ">
275
					<div class="col-lg-3 form-group">
276
					   	<input placeholder="Value" id="qty5" name="value" type="text" value="" class="form-control input-sm">
277
					</div>
278
 
279
					<div>
280
					<span class="col-lg-2 form-group">  pcs onwards </span>
281
					</div>	
282
 
283
					<div class="col-lg-3 form group">
284
					   	<input placeholder="Margin" id="qtymargin5" name="margin" type="text" value="" class="form-control input-sm"> 
285
					</div>
286
					<div  class="col-lg-2form-group">
287
					<span>  per pcs </span>
288
					</div>
289
					</div>
290
 
291
					</div>
292
					</div>
293
 
294
 
295
					<div class = "row" id="qtyPercentageMargin" style= "padding-top: 20px;">
296
 
297
					<div class = "col-lg-6 ">
298
					 <div class = "row ">
299
					<div class="col-lg-3 form-group">
300
					   	<input placeholder="Value" id="qtyPer0" name="value" type="text" value="" class="form-control input-sm">
301
					</div>
302
 
303
					<div>
304
					<span class="col-lg-2 form-group">  pcs onwards </span>
305
					</div>	
306
 
307
					<div class="col-lg-3 form group">
308
					   	<input placeholder="Margin" id="qtyPermargin0" name="margin" type="text" value="" class="form-control input-sm"> 
309
					</div>
310
					<div  class="col-lg-2form-group">
311
					<span> % per pcs </span>
312
					</div>
313
 
314
					</div>
315
 
316
					 <div class = "row ">
317
					<div class="col-lg-3 form-group">
318
					   	<input placeholder="Value" id="qtyPer1" name="value" type="text" value="" class="form-control input-sm">
319
					</div>
320
 
321
					<div>
322
					<span class="col-lg-2 form-group">  pcs onwards </span>
323
					</div>	
324
 
325
					<div class="col-lg-3 form group">
326
					   	<input placeholder="Margin" id="qtyPermargin1" name="margin" type="text" value="" class="form-control input-sm"> 
327
					</div>
328
					<div  class="col-lg-2form-group">
329
					<span> % per pcs </span>
330
					</div>
331
 
332
					</div>
333
 
334
					<div class = "row ">
335
					<div class="col-lg-3 form-group">
336
					   	<input placeholder="Value" id="qtyPer2" name="value" type="text" value="" class="form-control input-sm">
337
					</div>
338
 
339
					<div>
340
					<span class="col-lg-2 form-group">  pcs onwards </span>
341
					</div>	
342
 
343
					<div class="col-lg-3 form group">
344
					   	<input placeholder="Margin" id="qtyPermargin2" name="margin" type="text" value="" class="form-control input-sm"> 
345
					</div>
346
					<div  class="col-lg-2form-group">
347
					<span> % per pcs </span>
348
					</div>
349
 
350
					</div>
351
 
352
					<div class = "row ">
353
					<div class="col-lg-3 form-group">
354
					   	<input placeholder="Value" id="qtyPer3" name="value" type="text" value="" class="form-control input-sm">
355
					</div>
356
 
357
					<div>
358
					<span class="col-lg-2 form-group">  pcs onwards </span>
359
					</div>	
360
 
361
					<div class="col-lg-3 form group">
362
					   	<input placeholder="Margin" id="qtyPermargin3" name="margin" type="text" value="" class="form-control input-sm"> 
363
					</div>
364
					<div  class="col-lg-2form-group">
365
					<span> % per pcs </span>
366
					</div>
367
 
368
					</div>
369
 
370
						<div class = "row ">
371
					<div class="col-lg-3 form-group">
372
					   	<input placeholder="Value" id="qtyPer4" name="value" type="text" value="" class="form-control input-sm">
373
					</div>
374
 
375
					<div>
376
					<span class="col-lg-2 form-group">  pcs onwards </span>
377
					</div>	
378
 
379
					<div class="col-lg-3 form group">
380
					   	<input placeholder="Margin" id="qtyPermargin4" name="margin" type="text" value="" class="form-control input-sm"> 
381
					</div>
382
					<div  class="col-lg-2form-group">
383
					<span> % per pcs </span>
384
					</div>
385
 
386
					</div>
387
 
388
						<div class = "row ">
389
					<div class="col-lg-3 form-group">
390
					   	<input placeholder="Value" id="qtyPer5" name="value" type="text" value="" class="form-control input-sm">
391
					</div>
392
 
393
					<div>
394
					<span class="col-lg-2 form-group">  pcs onwards </span>
395
					</div>	
396
 
397
					<div class="col-lg-3 form group">
398
					   	<input placeholder="Margin" id="qtyPermargin5" name="margin" type="text" value="" class="form-control input-sm"> 
399
					</div>
400
					<div  class="col-lg-2form-group">
401
					<span> % per pcs </span>
402
					</div>
403
 
404
					</div>
405
 
406
					</div>
407
 
408
				</div>		
409
 
410
 
411
 
412
					<div class = "row" id="valueMargin" style= "padding-top: 20px;">
413
 
414
					<div class = "col-lg-6 ">
415
					 <div class = "row ">
416
					<div class="col-lg-3 form-group">
417
					   	<input placeholder="Value" id="value0" name="value" type="text" value="" class="form-control input-sm">
418
					</div>
419
 
420
					<div>
421
					<span class="col-lg-2 form-group"> onwards </span>
422
					</div>	
423
 
424
					<div class="col-lg-3 form group">
425
					   	<input placeholder="Margin" id="margin0" name="margin" type="text" value="" class="form-control input-sm"> 
426
					</div>
427
					<div  class="col-lg-2form-group">
428
					<span>  % on sale value </span>
429
					</div>
430
 
431
					</div>
432
 
433
					 <div class = "row ">
434
					<div class="col-lg-3 form-group">
435
					   	<input placeholder="Value" id="value1" name="value" type="text" value="" class="form-control input-sm">
436
					</div>
437
 
438
					<div>
439
					<span class="col-lg-2 form-group">onwards </span>
440
					</div>	
441
 
442
					<div class="col-lg-3 form group">
443
					   	<input placeholder="Margin" id="margin1" name="margin" type="text" value="" class="form-control input-sm"> 
444
					</div>
445
					<div  class="col-lg-2form-group">
446
					<span>  % on sale value </span>
447
					</div>
448
 
449
					</div>
450
 
451
					<div class = "row ">
452
					<div class="col-lg-3 form-group">
453
					   	<input placeholder="Value" id="value2" name="value" type="text" value="" class="form-control input-sm">
454
					</div>
455
 
456
					<div>
457
					<span class="col-lg-2 form-group"> onwards </span>
458
					</div>	
459
 
460
					<div class="col-lg-3 form group">
461
					   	<input placeholder="Margin" id="margin2" name="margin" type="text" value="" class="form-control input-sm"> 
462
					</div>
463
					<div  class="col-lg-2form-group">
464
					<span> % on sale value </span>
465
					</div>
466
 
467
					</div>
468
 
469
 
470
					<div class = "row ">
471
					<div class="col-lg-3 form-group">
472
					   	<input placeholder="Value" id="value3" name="value" type="text" value="" class="form-control input-sm">
473
					</div>
474
 
475
					<div>
476
					<span class="col-lg-2 form-group">onwards</span>
477
					</div>	
478
 
479
					<div class="col-lg-3 form group">
480
					   	<input placeholder="Margin" id="margin3" name="margin" type="text" value="" class="form-control input-sm"> 
481
					</div>
482
					<div  class="col-lg-2form-group">
483
					<span>% on sale value </span>
484
					</div>
485
 
486
					</div>
487
 
488
 
489
 
490
					<div class = "row ">
491
					<div class="col-lg-3 form-group">
492
					   	<input placeholder="Value" id="value4" name="value" type="text" value="" class="form-control input-sm">
493
					</div>
494
 
495
					<div>
496
					<span class="col-lg-2 form-group"> onwards </span>
497
					</div>	
498
 
499
					<div class="col-lg-3 form group">
500
					   	<input placeholder="Margin" id="margin4" name="margin" type="text" value="" class="form-control input-sm"> 
501
					</div>
502
					<div  class="col-lg-2form-group">
503
					<span>% on sale value </span>
504
					</div>
505
 
506
					</div>
507
 
508
 
509
					<div class = "row ">
510
					<div class="col-lg-3 form-group">
511
					   	<input placeholder="Value" id="value5" name="value" type="text" value="" class="form-control input-sm">
512
					</div>
513
 
514
					<div>
515
					<span class="col-lg-2 form-group"> onwards </span>
516
					</div>	
517
 
518
					<div class="col-lg-3 form group">
519
					   	<input placeholder="Margin" id="margin5" name="margin" type="text" value="" class="form-control input-sm"> 
520
					</div>
521
					<div  class="col-lg-2form-group">
522
					<span>% on sale value </span>
523
					</div>
524
 
525
					</div>
526
 
527
					</div>
528
 
529
				</div>	
530
				</div>			
531
 
532
 
533
			</div>
534
 
535
 
536
	</form>
537
</section>