Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
517 rajveer 1
#set($Integer = 0)
2
#if($defaultAddressId)
3
	#set($defaultid = $Integer.parseInt($defaultAddressId))
4
#else
5
	#set($defaultid = 0)
6
#end
7
 
8
<!-- Add Shipping Detail Start-->
507 rajveer 9
  <script type="text/javascript">
10
      $(document).ready(function(){
11
         $('#addAdrBtn').click(function(){
12
			 $('#newShipAdr').show();			 
13
			 scrollWin();
14
	     });
15
		 function scrollWin(){
16
			$('html, body').animate({
17
			scrollTop: $("#newShipAdr").offset().top
18
			}, 2000);
19
			}
20
 
21
      });
22
 
23
 
24
	  function addNewAdress()
25
	  {	
26
 
27
		var shipName = document.getElementById('shipName');
28
		var shipAddress1 = document.getElementById('shipAddress1');
29
		var shipAddress2 = document.getElementById('shipAddress2');
30
		var shipState = document.getElementById('shipState');
31
		var shipCity = document.getElementById('shipCity');
32
		var shipPin = document.getElementById('shipPin');
33
		var shipMobile = document.getElementById('shipMobile');
34
		var shipAreaCode = document.getElementById('shipAreaCode');
35
		var shipPhoneNumber = document.getElementById('shipPhoneNumber');
36
		var shipEmail = document.getElementById('shipEmail');
37
 
38
		var error = "";
39
 
40
		if(!isEmpty(shipName)){
41
			alert("Please enter your shipping name");
42
		    return false;	
43
		}
44
		else  if(!isEmpty(shipAddress1)){
45
			alert("Please enter your shipping address");
46
		    return false;	
47
		}
48
		else  if(shipState.value == '0'){
49
			alert("Please select your shipping state");
50
		    return false;	
51
		}
52
		else if(shipCity.value == '0'){
53
			alert("Please select your shipping city");
54
		    return false;	
55
		}
56
		else  if(!isEmpty(shipPin)){
57
			alert("Please enter your shipping pincode");
58
		    return false;	
59
		}
60
		else  if(!isNumeric(shipPin)){
61
			alert("Please enter numeric pincode number");
62
		    return false;	
63
		}
64
		else  if(!isEmpty(shipMobile)){
65
			alert("Please enter your shipping mobile number");
66
		    return false;	
67
		}
68
		else  if(!isEmpty(shipAreaCode)){
69
			alert("Please enter your shipping area code");
70
		    return false;	
71
		}
72
		else  if(!isEmpty(shipPhoneNumber)){
73
			alert("Please enter your shipping phone number.");
74
		    return false;	
75
		}
76
		else  if(!isNumeric(shipPhoneNumber)){
77
			alert("Please enter numeric digits");
78
		    return false;	
79
		}
80
		else if(!isEmpty(shipEmail)){
81
		    alert("Please enter your shipping Email");	
82
			return false;	    
83
		}
84
		else if(!emailValidator(shipEmail)){
85
			alert("please enter valid Email");
86
			return false;
87
		}
88
		else {
89
			alert("AJAX request to add shipping address. "); 
90
			var addressString = '';
91
			addressString = '<label>'+shipName.value+'</label><br />'+
92
			'<label>'+shipAddress1.value+'</label><br />'+
93
			'<label>'+shipAddress2.value+'</label><br />'+
94
			'<label>'+shipCity.value+'</label><br />'+
95
			'<label>'+shipState.value+'</label><br />'+
96
			'<label>Pin: '+shipPin.value+'</label><br />'+
97
			'<label>Mob: '+shipMobile.value+' </label><br />'+
98
			'<label>Landline: '+shipAreaCode.value+' - '+shipPhoneNumber.value+'</label><br />'+
99
			'<label>Email: '+shipEmail.value+' </label>';
100
			document.getElementById('shipAddressContainer').innerHTML = '';
101
			document.getElementById('shipAddressContainer').innerHTML = addressString;
102
			document.getElementById('newShipAdr').style.display = 'none';
103
 
104
			 alert("AJAX request to add shipping address. "); 
105
			 jQuery.ajax({
106
				  type: "POST",
107
				  url: "./shipping",
517 rajveer 108
				  data: "action=addnew&customername="+shipName.value+"&line1="+shipAddress1.value+"&line2="+shipAddress2.value+"&city="+shipCity.value
507 rajveer 109
				  +"&state="+shipState.value+"&pincode="+shipPin.value+"&mobilenumber="+shipMobile.value+"&country=India",
110
				  success: function(msg){
111
					   alert( "Data Saved: " + msg );
517 rajveer 112
    				   	$("#addressid").val(msg);
507 rajveer 113
				  }
114
			 });
115
 
116
			return false;
117
		}	
118
 
119
	}	
120
 
121
	function resetShipForm(){
122
		document.getElementById('shipName').value = '';
123
		document.getElementById('shipAddress1').value = '';
124
		document.getElementById('shipAddress2').value = '';
125
		document.getElementById('shipState').value = '0';
126
		document.getElementById('shipCity').value = '0';
127
		document.getElementById('shipPin').value = '';
128
		document.getElementById('shipMobile').value = '';
129
		document.getElementById('shipAreaCode').value = '';
130
		document.getElementById('shipPhoneNumber').value = '';
131
		document.getElementById('shipEmail').value = '';
132
	}
133
 
134
	function changeShipAddress(id){
517 rajveer 135
		 addressId = id.substring(20);
136
		 alert("TODO AJAX request to change shipping address. " + addressId);
137
 			 jQuery.ajax({
138
				  type: "POST",
139
				  url: "./shipping",
140
				  data: "action=change&addressid="+addressId,
141
				  success: function(msg){
142
					   alert( "Data Saved: " + msg );
143
    				   	$("#addressid").val(msg);
144
				  }
145
			 });
146
 
147
		 $("#addressid").val(addressId);
507 rajveer 148
		 document.getElementById('shipAddressContainer').innerHTML = document.getElementById(id).innerHTML;
149
		 //document.getElementById('newShipAdr').style.display = 'none';
150
		 $('#newShipAdr').hide();
151
 
152
	}
153
 
154
	 </script>
155
 
156
  <div id="registration">
157
    <div class="top">
158
      <div class="left">
159
        <div class="right"> &nbsp; </div>
160
      </div>
161
    </div>
162
    <div class="middle">
163
      <div class="mid-inner">
164
      		<!-- Block 1 -->
165
      		<div class="padding-top17">
166
            	<!-- Block-1 Right-->
517 rajveer 167
				#if($items)
507 rajveer 168
      			<div class="shipping-block1-R" style="height:225px; overflow-y:auto;">
169
            		<table cellpadding="0" cellspacing="0" width="100%" class="estimate-table" >
170
            			<thead>
171
                        	<tr>
172
                        		<th width="36%">Item</th>
173
                                <th width="29%">Delivery Estimate</th>
174
                                <th width="10%" class="quantity">Qty.</th>
175
                                <th width="25%" class="last">Total Price</th>
176
                        	</tr>
177
            			</thead>
178
                        <tbody>
179
							#foreach($item in $items)
180
                        	<tr>
181
                        		<td>$item.get("ITEM_NAME")</td>
182
                        		<td>within $item.get("SHIPPING_TIME") hours</td>
183
                                <td class="quantity">$item.get("ITEM_QUANTITY")</td>
184
                                <td>Rs. $item.get("TOTAL_PRICE")</td>
185
                        	</tr>
186
							#end
517 rajveer 187
							<tr align="right">
507 rajveer 188
                            	<td colspan="4" class="total-amount">Total Amount: Rs. $totalamount</td>
189
                            </tr>
190
                        </tbody>
191
            		</table>
192
                   <div align="right" class="proceed-bttn">
193
                   		<label class="floatLeft" style="margin-top: 3px;">We accept all major credit cards and debit cards &nbsp;</label>
194
                          <div class="bigImgButton floatLeft">
195
                            <div class="left">
196
                              <div class="right">
197
                                <div class="center">
517 rajveer 198
								  <form action="./order" method="post">
199
									<input type="hidden" id="addressid" name="addressid" value="$defaultid" >
200
									<input type="submit" name="btnSearch"  id="" value="Proceed to Pay" class="button" />
201
								  </form>
507 rajveer 202
                                </div>
203
                              </div>
204
                            </div>
205
                            <div class="clearBoth"></div>
206
             			  </div>
207
                          <div class="clearBoth"></div>
208
                   </div> 
209
            	</div><!-- Block-1 Right End-->
517 rajveer 210
				#else
211
				<div class="shipping-block1-R" style="height:225px; overflow-y:auto;">
212
					<label class="floatLeft" style="margin-top: 3px;">Your cart is empty. &nbsp;</label>
213
				</div>	
214
				#end	
507 rajveer 215
                <!-- Block-1 Left-->
216
                <div class="shipping-block1-L">
217
                	<div class="ship-address-block">	
218
                		<h2>Shipping Address</h2>
219
                        <div class="ship-address-inner" style="height:200px; overflow-y:auto;">
517 rajveer 220
							#foreach($address in $addresses)
221
							#if($defaultid == $address.getId())
222
 
507 rajveer 223
							<div id="shipAddressContainer">
517 rajveer 224
								#if($address.getName())
225
									<label>$address.getName()</label><br />
226
								#end
227
								#if($address.getLine1())
228
									<label>$address.getLine1() </label><br />
229
								#end	
230
								#if($address.getLine2())
231
									<label>$address.getLine2()</label><br />
232
								#end
233
								#if($address.getCity())	
234
									<label>$address.getCity()</label><br />
235
								#end
236
								#if($address.getState())
237
									<label>$address.getState()</label><br />
238
								#end
239
								#if($address.getPin())	
240
									<label>Pin: $address.getPin()</label><br />
241
								#end
242
								#if($address.getPhone())
243
									<label>Mob: $address.getPhone() </label><br />
244
								#end			
507 rajveer 245
 
246
							</div>
517 rajveer 247
							#end
248
							#end
249
 
507 rajveer 250
                            <div class="ship-address-bttn" style="margin-top: 20px;">
251
                                <div class="bigImgButton">
252
                                <div class="left">
253
                                  <div class="right">
254
                                    <div class="center">
255
                                      <input type="button" name="addAdrBtn"  id="addAdrBtn" value="Ship to Another Address" class="button" />
256
                                    </div>
257
                                  </div>
258
                                </div>
259
                              </div>
260
                         	</div>
261
                             <div class="clearBoth"></div>     
262
                        </div>
517 rajveer 263
 
507 rajveer 264
                	</div>
265
                </div><!-- Block-1 Left End-->
266
                <div class="clearBoth"></div>
267
            </div><!-- Block 1 End-->
268
             <div class="clearBoth"></div>
269
             <!-- Block 2 -->	
270
             <div class="padding-top17" style="display: none;" id="newShipAdr">
271
             	<!-- Block 2 Right -->
272
             	<div class="shipping-block2-L" style="margin-right:15px; ">
273
                	<h2 class="mid-innerHeading">Other Addresses on Record</h2>
274
					<div style="height:355px; overflow-y:auto">
275
 
276
					#foreach($address in $addresses)
517 rajveer 277
					#if($defaultid != $address.getId())	
507 rajveer 278
					<div class="ship-address-block">
279
                        <div class="ship-address-inner">
280
							<div id="shipAddressContainer$address.getId()">
517 rajveer 281
								#if($address.getName())
282
									<label>$address.getName()</label><br />
283
								#end
284
								#if($address.getLine1())
285
									<label>$address.getLine1() </label><br />
286
								#end	
287
								#if($address.getLine1())
288
									<label>$address.getLine2()</label><br />
289
								#end
290
								#if($address.getCity())	
291
									<label>$address.getCity()</label><br />
292
								#end
293
								#if($address.getState())
294
									<label>$address.getState()</label><br />
295
								#end
296
								#if($address.getPin())	
297
									<label>Pin: $address.getPin()</label><br />
298
								#end
299
								#if($address.getPhone())
300
									<label>Mob: $address.getPhone() </label><br />
301
								#end			
507 rajveer 302
 
303
							</div>	
304
                            <div class="ship-address-bttn">
305
                                <div class="bigImgButton">
306
                                <div class="left">
307
                                  <div class="right">
308
                                    <div class="center">
309
                                      <input type="submit" name="btnSearch" onclick="changeShipAddress('shipAddressContainer$address.getId()')"  id="" value="Ship to this Address" class="button" />
310
                                    </div>
311
                                  </div>
312
                                </div>
313
                              </div>
314
                         	</div>
315
                             <div class="clearBoth"></div>     
316
                        </div>
317
                	</div>
318
					#end
319
					#end
320
 
321
				 </div>	
322
                </div>
323
 
324
 
325
 
326
				<div class="" style="width:424px; float:left;">
327
             			<div class="ship-address-block">
328
                		<h2>Specify a New Address</h2>
329
                        <div class="ship-address-form">
330
                        	<form name="newAdrFrm" method="post" onsubmit="return addNewAdress();">
331
                            	 <div class="register-row">
332
                                      <label><sup>*</sup><span> Name:</span></label>
333
                                      <div class="imgTextBox">
334
                                        <div class="left">
335
                                          <div class="right">
336
                                            <div class="center">
337
                                              <input type="text" id="shipName" name="" value="" class="textbox" />
338
                                            </div>
339
                                          </div>
340
                                        </div>
341
                                      </div>
342
                                      <div class="clearBoth"></div>
343
                                 </div>
344
                            	 <div class="register-row">
345
                                      <label><sup>*</sup><span> Address:</span></label>
346
                                      <div class="imgTextBox">
347
                                        <div class="left">
348
                                          <div class="right">
349
                                            <div class="center">
350
                                              <input type="text" id="shipAddress1" name="" value="" class="textbox" />
351
                                            </div>
352
                                          </div>
353
                                        </div>
354
                                      </div>
355
                                      <div class="clearBoth"></div>
356
                                 </div>
357
                            	 <div class="register-row">
358
                                      <label>&nbsp;</label>
359
                                      <div class="imgTextBox">
360
                                        <div class="left">
361
                                          <div class="right">
362
                                            <div class="center">
363
                                              <input type="text" id="shipAddress2" name="" value="" class="textbox" />
364
                                            </div>
365
                                          </div>
366
                                        </div>
367
                                      </div>
368
                                      <div class="clearBoth"></div>
369
                                 </div>
370
                            	<div class="register-row">
371
                                  <label><sup>*</sup><span>State</span></label>
372
                                  <select class="select_state" id="shipState">
373
                                    <option value="0">Select State</option>
374
									 <option value="delhi">Delhi</option>
375
                                  </select>
376
                                  <div class="clearBoth"></div>
377
                                </div>
378
                                <div class="register-row">
379
                                  <label><sup>*</sup><span>City:</span></label>
380
                                  <select class="select_state" id="shipCity">
381
                                    <option value="0">Select City</option>
382
									<option value="dehradun">Dehradun</option>
383
                                  </select>
384
                                  <div class="clearBoth"></div>
385
                                </div>
386
                                 <div class="register-row">
387
                                      <label><sup>*</sup><span>Pin Code:</span></label>
388
                                      <div class="imgTextBox" style="width: 65px;">
389
                                        <div class="left">
390
                                          <div class="right">
391
                                            <div class="center">
392
                                              <input type="text" id="shipPin" name="" value="" class="textbox textbox-pincode" style="width: 60px;" />
393
                                            </div>
394
                                          </div>
395
                                        </div>
396
                                      </div>
397
                                      <div class="clearBoth"></div>
398
                                 </div>
399
                            	 <div class="register-row">
400
                                  <label><sup>*</sup><span>Mobile Number:</span></label>
401
                                  <div class="imgTextBox">
402
                                    <div class="left">
403
                                      <div class="right">
404
                                        <div class="center">
405
                                          <input type="text" id="shipMobile" name="" value="" class="textbox" />
406
                                        </div>
407
                                      </div>
408
                                    </div>
409
                                  </div>
410
                                  <div class="clearBoth"></div>
411
                                </div>
412
                                <div class="register-row">
413
                                  <label><sup>*</sup><span>Landline:</span></label>
414
                                  <div class="imgTextBox" style="width: 66px;">
415
                                    <div class="left">
416
                                      <div class="right">
417
                                        <div class="center">
418
                                          <input type="text" id="shipAreaCode" name="" value="" class="textbox" style="width: 60px;" />
419
                                        </div>
420
                                      </div>
421
                                    </div>
422
                                  </div>
423
                                  <div class="imgTextBox" style="width: 140px;">
424
                                    <div class="left">
425
                                      <div class="right">
426
                                        <div class="center">
427
                                          <input type="text" id="shipPhoneNumber" name="" value="" class="textbox" style="width: 130px;"/>
428
                                        </div>
429
                                      </div>
430
                                    </div>
431
                                  </div>
432
                                  <div class="clearBoth"></div>
433
                                </div>
434
                            	<div class="register-row">
435
                                  <label><sup>*</sup><span>Email:</span></label>
436
                                  <div class="imgTextBox">
437
                                    <div class="left">
438
                                      <div class="right">
439
                                        <div class="center">
440
                                          <input type="text" id="shipEmail" name="" value="" class="textbox" />
441
                                        </div>
442
                                      </div>
443
                                    </div>
444
                                  </div>
445
                                  <div class="clearBoth"></div>
446
                            	</div>
447
                                <div class="ship-address-bttn">
448
                                    <div class="bigImgButton floatLeft">
449
                                    <div class="left">
450
                                      <div class="right">
451
                                        <div class="center">
452
                                          	 <input type="submit" name="submitAddress"  id="submitAddress" value="Ship to this Address" class="button" />
453
                                        </div>
454
                                      </div>
455
                                    </div>
456
                                  </div>
457
                                    <div class="bigImgButton floatLeft" style="margin: 0 17px 0 5px;" >
458
                                    <div class="left">
459
                                      <div class="right">
460
                                        <div class="center">
461
                                          <input type="button" name="btnSearch" onclick="resetShipForm();" id="" value="Cancel" class="button button1" />
462
                                        </div>
463
                                      </div>
464
                                    </div>
465
                                  </div>
466
                                <div class="clearBoth"></div>
467
 
468
 
469
                                </div>
470
                                 <div class="clearBoth"></div>
471
                            </form>
472
                        </div>
473
                	</div>
474
             	</div><!-- Block 2 Right End-->
475
 
476
				<div class="clearBoth"></div>
477
             </div><!-- Block 2 End-->	
478
           	 <div class="clearBoth"></div>
479
             <div class="padding-top17">
480
             		<a href="#"><img src="images/secured.png" alt="" width="105" height="52" /></a>
481
             </div>	<br />
482
      </div><!-- mid inner end-->
483
    </div>
484
    <div class="bottom">
485
      <div class="left">
486
        <div class="right"> &nbsp; </div>
487
      </div>
488
    </div>
489
  </div>
490
  <!-- /Add Shipping Detail End-->