Subversion Repositories SmartDukaan

Rev

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

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