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