Subversion Repositories SmartDukaan

Rev

Rev 28339 | Rev 28479 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
21987 kshitij.so 1
<style>
28339 tejbeer 2
.row {
3
	margin: 0 auto;
21987 kshitij.so 4
}
28339 tejbeer 5
 
6
.modal-content {
7
	background: white;
21987 kshitij.so 8
}
28339 tejbeer 9
 
10
.modelHeaderCustom {
11
	font-size: 14px;
12
	font-weight: bold;
13
}
14
 
15
.border-highlight {
16
	border: 3px solid red;
17
}
18
 
19
hr {
20
	background-color: #007aff;
21
	border: none;
22
	height: 1px;
23
	background: #007aff;
24
}
25
 
26
.control-label {
27
	margin-top: 0;
28
	margin-bottom: 0;
29
	padding-top: 7px;
30
	font-weight: bold;
31
	font-size: 14px;
32
}
33
 
34
.form-group {
35
	border-bottom: 1px solid #eff2f7;
36
	padding-bottom: 15px;
37
	margin-bottom: 15px;
38
}
39
 
40
.right {
41
	float: right;
42
}
43
 
44
.form-control {
45
	color: #373737;
46
}
47
 
48
.table-align-center {
49
	text-align: center;
50
}
21987 kshitij.so 51
</style>
22245 ashik.ali 52
 
53
<script type="text/javascript">
54
	var cartItemIndex = 0;
23821 amit.gupta 55
	accessoriesDeals = $accessoriesDeals;
28339 tejbeer 56
	pendingPOCustomer = $pendingPOCustomer;
57
	pendingPO = $pendingPO;
58
	console.log(typeof pendingPOCustomer)
59
	if (pendingPOCustomer != null) {
60
		$('input.search-phone').val(pendingPOCustomer.mobileNumber).change()
61
				.attr('readonly', true);
62
		var mobileNumber = $('.search-phone').val();
63
		console.log(mobileNumber)
64
 
65
		writeOldCustomerDetailsByMobileNumber(mobileNumber);
66
	}
23181 ashik.ali 67
	$(function() {
28339 tejbeer 68
		var date = new Date();
26316 tejbeer 69
		var currentMonth = date.getMonth();
70
		var currentDate = date.getDate();
71
		var currentYear = date.getFullYear();
28339 tejbeer 72
		$('input[name="dateOfBirth"]').daterangepicker(
73
 
74
		{
75
 
76
			maxDate : new Date(currentYear - 18, currentMonth, currentDate),
77
			startDate : new Date(currentYear - 18, currentMonth, currentDate),
78
 
79
			singleDatePicker : true
80
		}, dateRangeCallback);
81
 
82
		$('input[name="dgmfgdate"]').daterangepicker({
83
			minDate : new Date(currentYear, currentMonth - 6, currentDate),
84
			maxDate : new Date(currentYear, currentMonth, currentDate),
85
 
86
			singleDatePicker : true,
87
		}, function(start, end) {
88
 
89
			startMoment = start;
25813 amit.gupta 90
			mfgDate = start.format(moment.HTML5_FMT.DATETIME_LOCAL_SECONDS);
28339 tejbeer 91
 
25810 amit.gupta 92
		});
28339 tejbeer 93
		formLoaded();
23181 ashik.ali 94
	});
22245 ashik.ali 95
</script>
96
 
21987 kshitij.so 97
<section class="wrapper">
28339 tejbeer 98
	<div class="row">
21987 kshitij.so 99
		<div class="col-lg-12">
28339 tejbeer 100
			<h3 class="page-header">
101
				<i class="icon_table"></i>Order
102
			</h3>
21987 kshitij.so 103
			<ol class="breadcrumb">
28339 tejbeer 104
				<li><i class="fa fa-home"></i><a
105
					href="${rc.contextPath}/dashboard">Home</a></li>
106
				<li><i class="icon_table"></i>ORDER</li>
21987 kshitij.so 107
			</ol>
108
		</div>
28339 tejbeer 109
	</div>
110
	<form id="cd">
22245 ashik.ali 111
 
28339 tejbeer 112
		<div id="order-details" style="padding: 10px">
113
			#if($cartItems.size()==0)
114
			<div class="card row"
115
				<p>Your Cart is Empty.</p>
116
			</div>
117
			#else
118
			<div class="row">
119
				<div class="table-responsive col-lg-8"
120
					style="background-color: white">
121
					<div class="row">
122
						<h4 class="modelHeaderCustom" style="font-size: 22px;">Product
123
							Information</h4>
124
						<table id="order-items" class="table table-condensed">
26810 amit.gupta 125
							<tr>
28339 tejbeer 126
								<th style="width: 25%">Description</th>
28395 amit.gupta 127
								<th style="width: 6%">Quantity</th>
128
								<th style="width: 13%">Serial Number</th>
129
								<th style="width: 13%">Unit Price</th>
130
								<th style="widht:13%">Activation Discount</h4></th>
28339 tejbeer 131
								<th style="width: 15%">Mobile Insurance</th>
28395 amit.gupta 132
								<th style="width: 15%">Total Price</th>
28339 tejbeer 133
							</tr>
134
 
135
							#foreach ($cartItem in $cartItems) #set($mrp="MRP")
136
							#if($mopPriceMap.get($cartItem.getItemId()).getMrp()!=0)
28395 amit.gupta 137
								#set($mrp="$mopPriceMap.get($cartItem.getItemId()).getMrp()(MRP)")
138
							#end 
139
							#set($placeHolder = "$mopPriceMap.get($cartItem.getItemId()).getPrice()(MOP) - $mrp")
140
							#set($dp = $mopPriceMap.get($cartItem.getItemId()).getPurchasePrice())
141
							#if($accessoriesDeals && $cartItem.getItemType() =="NON_SERIALIZED") 
142
								#set($placeHolder = "$mopPriceMap.get($cartItem.getItemId()).getPurchasePrice()(DP) -
143
									$mopPriceMap.get($cartItem.getItemId()).getPrice()(MOP) - $mrp")
144
							#end 
145
							#if($cartItem.getItemType() =="SERIALIZED") #set($start = 1)
146
								#set($end = $cartItem.getQuantity()) 
147
								#set($range = [$start..$end]) 
148
								#foreach ($index in $range)
149
								<tr>
150
									<td>$cartItem.getDisplayName()</td>
151
									<td class="table-align-center">1</td>
152
									<td class="table-align-center"><input readonly type="text"
153
										itemId="$cartItem.getItemId()"
154
										itemType="$cartItem.getItemType()" name="serialNumber"
155
										class="serialNumber input-sm form-control"></td>
156
									<td class="table-align-center"><input type="number"
157
										class="unitPrice form-control input-sm" name="unitPrice"
158
										quantity="1" itemId="$cartItem.getItemId()"
159
										mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()"
160
										dp="$dp"
161
										mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()"
162
										placeholder="$placeHolder"></td>
163
									<td class="table-align-center"><input type="number"
164
										class="discount form-control input-sm" name="discount"
165
										#if($mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount() > 0)
166
											data-maxdiscount="$mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount()"
167
											max="$mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount()"
168
											placeholder="Upto $mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount()"
169
											value="$mopPriceMap.get($cartItem.getItemId()).getMaxDiscountAmount()"
170
										#else
171
										readonly value="0"
172
										#end
173
										></td>
174
									<td class="table-align-center">
175
										<div class="input-group">
176
											<input type="number" itemId="$cartItem.getItemId()" value="0"
177
												name="insuranceamount"
178
												class="insuranceamount form-control input-sm" readonly>
179
											<input type="hidden" itemId="$cartItem.getItemId()" value="0"
180
												name="insuranceid" class="insuranceid"> <input
181
												type="hidden" itemId="$cartItem.getItemId()" name="ram"
182
												class="ram"> <input type="hidden"
183
												itemId="$cartItem.getItemId()" name="memory" class="memory">
184
											<input type="hidden" itemId="$cartItem.getItemId()"
185
												name="mfgdate" class="mfgdate">
186
											<div class="input-group-btn">
187
												<button type="button"
188
													class="btn btn-sm btn-default mk_check_plans"
189
													data-mop="$mopPriceMap.get($cartItem.getItemId()).getPrice()">
190
													Check Plans</button>
191
											</div>
28339 tejbeer 192
										</div>
28395 amit.gupta 193
									</td>
194
									<td class="table-align-center"><input name="totalPrice"
195
										class="totalPrice input-sm  form-control"
196
										itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
197
								</tr>
198
								#end
199
							#else
28339 tejbeer 200
							<tr>
201
								<td>$cartItem.getDisplayName()</td>
202
								<td class="table-align-center">$cartItem.getQuantity()</td>
203
								<td class="table-align-center"><div class="input-group">
204
										<input type="text" itemId="$cartItem.getItemId()"
205
											name="serialNumber" itemType="$cartItem.getItemType()"
206
											class="serialNumber form-control input-sm" readonly>
207
									</div></td>
208
								<td class="table-align-center"><input type="number"
209
									class="unitPrice input-sm form-control" dp="$dp"
210
									name="unitPrice" quantity="$cartItem.getQuantity()"
211
									itemId="$cartItem.getItemId()"
212
									mopPrice="$mopPriceMap.get($cartItem.getItemId()).getPrice()"
213
									mopPrice="$mopPriceMap.get($cartItem.getItemId()).isMop()"
214
									placeholder="$placeHolder" /></td>
215
								<td>Not Applicable</td>
28395 amit.gupta 216
								<td>Not Applicable</td>
28339 tejbeer 217
								<td class="table-align-center"><input name="totalPrice"
218
									class="totalPrice input-sm form-control"
219
									itemId="$cartItem.getItemId()" type="number" value="0" readonly></td>
220
							</tr>
221
							#end #end
222
						</table>
223
					</div>
224
					<div class="row">
225
						<div class="row">
226
							<div class="col-lg-3">
227
								<h4 class="modelHeaderCustom" style="font-size: 22px;">Customer
228
									Information</h4>
229
							</div>
230
							<div class="col-lg-3" style="margin-top: 15px">
231
								<input placeholder="Search Mobile" type="number" name="mobile"
232
									class="form-control search-phone input-sm">
233
							</div>
234
						</div>
235
						<div class="row customerinfo">
236
							<div class="col-lg-2 form-group">
237
								<input placeholder="Mobile Number" type="number" name="mobile"
238
									class="form-control phone input-sm" readonly>
239
							</div>
240
							<div class="col-lg-3 form-group">
241
								<input placeholder="First Name" name="firstName" type="text"
242
									value="" class="form-control input-sm firstName" required>
243
							</div>
244
							<div class="col-lg-3 form-group">
245
								<input placeholder="Last Name" name="lastName" type="text"
246
									value="" class="form-control input-sm lastName">
247
							</div>
248
							<div class="col-lg-2 form-group">
249
								<input id="emailId" name="emailId" type="email" value=""
250
									class="form-control input-sm email"
251
									placeholder="Email(xyz@gmail.com)">
252
							</div>
253
							<div class="col-lg-2 form-group">
254
								<button type="button"
255
									class="btn btn-block btn-primary mk_add_customer"
256
									style="display: none">Add customer</button>
257
								<button type="button"
258
									class="btn btn-block btn-primary mk_add_email"
259
									style="display: none">Update Customer</button>
260
							</div>
261
						</div>
262
					</div>
263
					<div class="row billinginfo" style="display: none">
264
						<div class="row">
265
							<div class="col-lg-3">
266
								<h4 class="modelHeaderCustom" style="font-size: 22px;">Billing
267
									Address</h4>
268
							</div>
269
							<div class="col-lg-3">
270
								<button type="button"
271
									class="btn btn-block btn-primary new-address-btn">New
272
									Address</button>
273
							</div>
274
						</div>
275
						<div class="row">
276
							<div class="col-lg-3 form-group">
277
								<input placeholder="GST Number" id="gstNumber" name="gstNumber"
278
									type="text" value="" class="form-control input-sm">
279
							</div>
280
						</div>
281
						<div class="row" id="customer-address">
282
							<table class="table table-bordered">
283
								<thead>
284
									<tr>
285
										<th>Name</th>
286
										<th>Address Lines</th>
287
										<th>City</th>
288
										<th>State</th>
289
										<th>Pin</th>
290
										<th>Mobile</th>
291
										<th>Action</th>
292
									</tr>
293
								</thead>
294
								<tbody id="address-body">
295
								</tbody>
296
							</table>
297
						</div>
298
					</div>
299
					<div>
300
						<div class="row">
301
							<h4 class="modelHeaderCustom" style="font-size: 22px;">Insurance
302
								Information</h4>
303
						</div>
304
					</div>
305
					<div class="row mk_insurance_row" style="display: none">
306
						<div class="col-lg-3 form-group">
307
							<label for="gender">Gender</label> <select
308
								class="form-control input-sm" id="gender" name="gender"
309
								placeholder="Gender">
310
								<option value="" disabled selected>Gender</option>
311
								<option value="1" selected>Male</option>
312
								<option value="2" selected>Female</option>
313
							</select>
314
						</div>
315
						<div class="col-lg-3 form-group">
316
							<label for="dateOfBirth">Date Of Birth</label> <input
317
								placeholder="Date Of Birth" id="dateOfBirth" name="dateOfBirth"
318
								type="text" value="" class="form-control">
319
						</div>
320
					</div>
24440 amit.gupta 321
				</div>
28339 tejbeer 322
				<div class="col-lg-4 row">
323
					<div class="col-lg-1"></div>
324
					<div id="payment-details"
325
						style="background: white; background-color: white;"
326
						class="col-lg-10">
327
						<h4 class="modelHeaderCustom" style="font-size: 22px;">Payment
328
							Details</h4>
329
						<div class="row">
330
							<div class="col-lg-7">
331
								<h4>Total Amount :</h4>
332
							</div>
333
							<div class="col-lg-5">
334
								<input type="number"
335
									class="netPayableAmount form-control input-sm" name=""
336
									value="0" readonly>
337
							</div>
338
						</div>
339
						<div id="payment-option-id-amount-container"
340
							paymentOptionSize=$paymentOptions.size()>
341
							#set($a = 0) #set($b = $paymentOptions.size() - 1) #set($range =
342
							[$a..$b]) #foreach($index in $range)
343
							<div class="row">
344
								#set($paymentOption = $paymentOptions[$index])
345
								#if($paymentOption.getName() == 'ONLINE')
346
								<div class="col-lg-7">
347
									<h4>$paymentOption.getName() :</h4>
348
								</div>
349
								<div class="col-lg-5">
350
									<input type="number" id="paymentOptionIdAmount${index}"
351
										name="paymentOptionIdAmount${index}"
352
										class="form-control paymentOptionAmount amount input-sm"
353
										value="$pendingOrderItem.getSellingPrice()"
354
										paymentOptionId="$paymentOption.getId()" readonly>
355
								</div>
356
								#else
357
								<div class="col-lg-7">
358
									<h4>$paymentOption.getName() :</h4>
359
								</div>
360
								<div class="col-lg-5">
361
									<input type="number" id="paymentOptionIdAmount${index}"
362
										name="paymentOptionIdAmount${index}"
363
										class="form-control paymentOptionAmount amount input-sm"
364
										value="" paymentOptionId="$paymentOption.getId()">
365
								</div>
366
								#end
367
							</div>
368
							#end
369
						</div>
370
						<div class="row">
371
							<div class="form-group col-lg-10">
372
								#if($pendingOrder.getId()) <input type="hidden"
373
									value="$pendingOrder.getId()" id="poid" /> <input
374
									type="hidden" value="$pendingOrderItem.getId()" id="poItemId" />
375
								#else <input type="hidden" value="0" id="poid" /> <input
376
									type="hidden" value="0" id="poItemId" /> #end
377
 
378
								<button class="btn btn-block btn-primary order-checkout"
379
									type="submit">Create Order</button>
380
							</div>
381
						</div>
382
					</div>
24440 amit.gupta 383
				</div>
26810 amit.gupta 384
			</div>
385
		</div>
28339 tejbeer 386
		#end
26810 amit.gupta 387
		</div>
28339 tejbeer 388
	</form>
389
</section>
390
<div class="modal modal-lg row" id="mobilePlansModal" tabindex="-1"
391
	role="dialog">
392
	<div class="modal-dialog modal-lg" role="document">
393
		<div class="modal-content">
394
			<div class="modal-header">
395
				<button type="button" class="close" data-dismiss="modal"
396
					aria-label="Close">
397
					<span aria-hidden="true">&times;</span>
398
				</button>
399
				<h4 class="modal-title">Choose from plans</h4>
27180 amit.gupta 400
			</div>
28339 tejbeer 401
			<div class="modal-body">
402
				<div class="row itemdetails">
403
					<div class="row col-lg-3">
404
						<div class="col-lg-6">
405
							<h4>*Ram(GB):</h4>
406
						</div>
407
						<div class="col-lg-6 form-group">
408
							<input type="number" class="dgram form-control input-sm"
409
								name="ram" value="0">
410
						</div>
27181 amit.gupta 411
					</div>
28339 tejbeer 412
					<div class="row col-lg-4">
413
						<div class="col-lg-6">
414
							<h4>*Memory(GB):</h4>
415
						</div>
416
						<div class="col-lg-5 form-group">
417
							<input type="number" class="dgmemory form-control input-sm"
418
								name="memory" value="0">
419
						</div>
27181 amit.gupta 420
					</div>
28339 tejbeer 421
					<div class="col-lg-4">
422
						<div class="col-lg-3">
423
							<h4>*Mfg Date:</h4>
27181 amit.gupta 424
						</div>
28339 tejbeer 425
						<div class="col-lg-6 form-group">
426
							<input placeholder="Mfg Date" id="dgmfgdate" name="dgmfgdate"
427
								type="text" value="" class="form-control input-sm dgmfgdate">
27181 amit.gupta 428
						</div>
429
					</div>
24440 amit.gupta 430
				</div>
28339 tejbeer 431
				<div class="row insurancedetails"></div>
21987 kshitij.so 432
			</div>
433
		</div>
434
	</div>
435
</div>
26810 amit.gupta 436
 
28339 tejbeer 437
<div class="modal modal-lg row" id="newaddressModal" tabindex="-1"
438
	role="dialog">
26810 amit.gupta 439
	<div class="modal-dialog modal-lg" role="document">
440
		<div class="modal-content">
441
			<div class="modal-header">
28339 tejbeer 442
				<button type="button" class="close" data-dismiss="modal"
443
					aria-label="Close">
444
					<span aria-hidden="true">&times;</span>
445
				</button>
446
				<h4 class="modal-title">New Address</h4>
447
			</div>
26810 amit.gupta 448
			<div class="modal-body" id="newaddress">
28339 tejbeer 449
				<div class="row">
26810 amit.gupta 450
					<div class="col-lg-4 form-group">
28339 tejbeer 451
						<input placeholder="First Name" id="firstName" name="firstName"
452
							type="text" value="" class="form-control input-sm">
26810 amit.gupta 453
					</div>
454
					<div class="col-lg-4 form-group">
28339 tejbeer 455
						<input placeholder="Last Name" id="lastName" name="lastName"
456
							type="text" value="" class="form-control input-sm">
26810 amit.gupta 457
					</div>
458
					<div class="col-lg-4 form-group">
28339 tejbeer 459
						<input placeholder="Mobile Number" id="alternatePhone"
460
							name="alternatePhone" type="text" value=""
461
							class="form-control input-sm">
26810 amit.gupta 462
					</div>
463
				</div>
28339 tejbeer 464
				<div class="row">
26810 amit.gupta 465
					<div class="col-lg-4 form-group">
28339 tejbeer 466
						<input placeholder="Address Line 1" id="line1" name="line1"
467
							type="text" size="50" value="" class="form-control input-sm">
26810 amit.gupta 468
					</div>
469
					<div class="col-lg-4 form-group">
28339 tejbeer 470
						<input placeholder="Address Line 2" id="line2" name="line2"
471
							type="text" value="" class="form-control input-sm">
26810 amit.gupta 472
					</div>
473
					<div class="col-lg-4 form-group">
28339 tejbeer 474
						<input placeholder="Landmark" id="landmark" name="landmark"
475
							type="text" value="" class="form-control input-sm">
26810 amit.gupta 476
					</div>
477
				</div>
28339 tejbeer 478
				<div class="row">
26810 amit.gupta 479
					<div class="col-lg-3 form-group">
28339 tejbeer 480
						<input placeholder="Pin Code" id="pinCode" name="pinCode"
481
							type="number" value="" class="form-control input-sm">
26810 amit.gupta 482
					</div>
483
					<div class="col-lg-3 form-group">
28339 tejbeer 484
						<input placeholder="City" id="city" name="city" type="text"
485
							value="" class="form-control input-sm">
26810 amit.gupta 486
					</div>
487
					<div class="col-lg-3 form-group">
28339 tejbeer 488
						<select class="form-control input-sm" id="state" name="state"
489
							placeholder="State">
26810 amit.gupta 490
							<option value="" disabled selected>State</option>
28339 tejbeer 491
							#foreach($stateName in $stateNames) #if($retailerStateName ==
492
							$stateName)
493
							<option value="$stateName" selected>$stateName</option> #else
494
							<option value="$stateName">$stateName</option> #end #end
495
 
496
						</select>
26810 amit.gupta 497
					</div>
28339 tejbeer 498
				</div>
26810 amit.gupta 499
			</div>
500
			<div class="modal-footer">
28339 tejbeer 501
				<button type="button" class="btn btn-primary btn-add-address">Add
502
					Address</button>
26810 amit.gupta 503
			</div>
504
		</div>
505
	</div>
26817 amit.gupta 506
</div>
507
<script type=text/javascript">
28339 tejbeer 508
 
26817 amit.gupta 509
</script>