Subversion Repositories SmartDukaan

Rev

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