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