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
 
741 rajveer 23
 
507 rajveer 24
	function resetShipForm(){
25
		document.getElementById('shipName').value = '';
26
		document.getElementById('shipAddress1').value = '';
27
		document.getElementById('shipAddress2').value = '';
28
		document.getElementById('shipState').value = '0';
741 rajveer 29
		document.getElementById('shipCity').value = '';
507 rajveer 30
		document.getElementById('shipPin').value = '';
595 rajveer 31
		document.getElementById('shipPhone').value = '';
741 rajveer 32
 
507 rajveer 33
	}
34
 
35
	function changeShipAddress(id){
517 rajveer 36
		 addressId = id.substring(20);
535 rajveer 37
		 /*
517 rajveer 38
		 alert("TODO AJAX request to change shipping address. " + addressId);
39
 			 jQuery.ajax({
40
				  type: "POST",
41
				  url: "./shipping",
42
				  data: "action=change&addressid="+addressId,
43
				  success: function(msg){
44
					   alert( "Data Saved: " + msg );
45
    				   	$("#addressid").val(msg);
46
				  }
47
			 });
535 rajveer 48
		*/
517 rajveer 49
		 $("#addressid").val(addressId);
507 rajveer 50
		 document.getElementById('shipAddressContainer').innerHTML = document.getElementById(id).innerHTML;
51
		 //document.getElementById('newShipAdr').style.display = 'none';
52
		 $('#newShipAdr').hide();
53
 
54
	}
55
 
56
	 </script>
57
 
58
  <div id="registration">
59
    <div class="top">
60
      <div class="left">
61
        <div class="right"> &nbsp; </div>
62
      </div>
63
    </div>
64
    <div class="middle">
65
      <div class="mid-inner">
572 chandransh 66
 
67
      <p style="color:red;" align="center">$errorMsg</p>
507 rajveer 68
      		<!-- Block 1 -->
69
      		<div class="padding-top17">
70
            	<!-- Block-1 Right-->
517 rajveer 71
				#if($items)
507 rajveer 72
      			<div class="shipping-block1-R" style="height:225px; overflow-y:auto;">
73
            		<table cellpadding="0" cellspacing="0" width="100%" class="estimate-table" >
74
            			<thead>
75
                        	<tr>
76
                        		<th width="36%">Item</th>
77
                                <th width="29%">Delivery Estimate</th>
78
                                <th width="10%" class="quantity">Qty.</th>
79
                                <th width="25%" class="last">Total Price</th>
80
                        	</tr>
81
            			</thead>
82
                        <tbody>
83
							#foreach($item in $items)
84
                        	<tr>
85
                        		<td>$item.get("ITEM_NAME")</td>
637 rajveer 86
                        		<td>within $item.get("SHIPPING_TIME") business days</td>
507 rajveer 87
                                <td class="quantity">$item.get("ITEM_QUANTITY")</td>
88
                                <td>Rs. $item.get("TOTAL_PRICE")</td>
89
                        	</tr>
90
							#end
517 rajveer 91
							<tr align="right">
507 rajveer 92
                            	<td colspan="4" class="total-amount">Total Amount: Rs. $totalamount</td>
93
                            </tr>
94
                        </tbody>
95
            		</table>
96
                   <div align="right" class="proceed-bttn">
97
                   		<label class="floatLeft" style="margin-top: 3px;">We accept all major credit cards and debit cards &nbsp;</label>
98
                          <div class="bigImgButton floatLeft">
99
                            <div class="left">
100
                              <div class="right">
101
                                <div class="center">
517 rajveer 102
								  <form action="./order" method="post">
103
									<input type="hidden" id="addressid" name="addressid" value="$defaultid" >
104
									<input type="submit" name="btnSearch"  id="" value="Proceed to Pay" class="button" />
105
								  </form>
507 rajveer 106
                                </div>
107
                              </div>
108
                            </div>
109
                            <div class="clearBoth"></div>
110
             			  </div>
111
                          <div class="clearBoth"></div>
112
                   </div> 
113
            	</div><!-- Block-1 Right End-->
517 rajveer 114
				#else
115
				<div class="shipping-block1-R" style="height:225px; overflow-y:auto;">
116
					<label class="floatLeft" style="margin-top: 3px;">Your cart is empty. &nbsp;</label>
117
				</div>	
118
				#end	
507 rajveer 119
                <!-- Block-1 Left-->
120
                <div class="shipping-block1-L">
637 rajveer 121
					<div class="ship-address-block">	
507 rajveer 122
                		<h2>Shipping Address</h2>
123
                        <div class="ship-address-inner" style="height:200px; overflow-y:auto;">
570 rajveer 124
							<div id="shipAddressContainer">
517 rajveer 125
							#foreach($address in $addresses)
126
							#if($defaultid == $address.getId())
127
								#if($address.getName())
128
									<label>$address.getName()</label><br />
129
								#end
130
								#if($address.getLine1())
131
									<label>$address.getLine1() </label><br />
132
								#end	
133
								#if($address.getLine2())
134
									<label>$address.getLine2()</label><br />
135
								#end
136
								#if($address.getCity())	
137
									<label>$address.getCity()</label><br />
138
								#end
139
								#if($address.getState())
140
									<label>$address.getState()</label><br />
141
								#end
142
								#if($address.getPin())	
143
									<label>Pin: $address.getPin()</label><br />
144
								#end
145
								#if($address.getPhone())
146
									<label>Mob: $address.getPhone() </label><br />
147
								#end			
148
							#end
149
							#end
570 rajveer 150
							</div>
535 rajveer 151
							  <div class="ship-address-bttn" style="margin-top: 20px;">
507 rajveer 152
                                <div class="bigImgButton">
153
                                <div class="left">
154
                                  <div class="right">
155
                                    <div class="center">
637 rajveer 156
									#if($defaultid!=0)	
157
										<input type="button" name="addAdrBtn"  id="addAdrBtn" value="Ship to Another Address" class="button" />
158
									#else
159
										<input type="button" name="addAdrBtn"  id="addAdrBtn" value="Add new Address" class="button" />
160
									#end	
507 rajveer 161
                                    </div>
162
                                  </div>
163
                                </div>
164
                              </div>
165
                         	</div>
166
                             <div class="clearBoth"></div>     
167
                        </div>
517 rajveer 168
 
507 rajveer 169
                	</div>
637 rajveer 170
 
507 rajveer 171
                </div><!-- Block-1 Left End-->
172
                <div class="clearBoth"></div>
173
            </div><!-- Block 1 End-->
174
             <div class="clearBoth"></div>
175
             <!-- Block 2 -->	
176
             <div class="padding-top17" style="display: none;" id="newShipAdr">
177
             	<!-- Block 2 Right -->
178
             	<div class="shipping-block2-L" style="margin-right:15px; ">
179
                	<h2 class="mid-innerHeading">Other Addresses on Record</h2>
180
					<div style="height:355px; overflow-y:auto">
181
 
182
					#foreach($address in $addresses)
183
					<div class="ship-address-block">
184
                        <div class="ship-address-inner">
185
							<div id="shipAddressContainer$address.getId()">
517 rajveer 186
								#if($address.getName())
187
									<label>$address.getName()</label><br />
188
								#end
189
								#if($address.getLine1())
190
									<label>$address.getLine1() </label><br />
191
								#end	
192
								#if($address.getLine1())
193
									<label>$address.getLine2()</label><br />
194
								#end
195
								#if($address.getCity())	
196
									<label>$address.getCity()</label><br />
197
								#end
198
								#if($address.getState())
199
									<label>$address.getState()</label><br />
200
								#end
201
								#if($address.getPin())	
202
									<label>Pin: $address.getPin()</label><br />
203
								#end
204
								#if($address.getPhone())
205
									<label>Mob: $address.getPhone() </label><br />
206
								#end			
507 rajveer 207
 
208
							</div>	
209
                            <div class="ship-address-bttn">
210
                                <div class="bigImgButton">
211
                                <div class="left">
212
                                  <div class="right">
213
                                    <div class="center">
214
                                      <input type="submit" name="btnSearch" onclick="changeShipAddress('shipAddressContainer$address.getId()')"  id="" value="Ship to this Address" class="button" />
215
                                    </div>
216
                                  </div>
217
                                </div>
218
                              </div>
219
                         	</div>
220
                             <div class="clearBoth"></div>     
221
                        </div>
222
                	</div>
223
					#end
224
 
225
				 </div>	
226
                </div>
227
 
228
 
229
 
230
				<div class="" style="width:424px; float:left;">
231
             			<div class="ship-address-block">
232
                		<h2>Specify a New Address</h2>
233
                        <div class="ship-address-form">
650 rajveer 234
                        	<form name="newAdrFrm" method="post" action="#"> <!-- action="./shipping" -->
507 rajveer 235
                            	 <div class="register-row">
236
                                      <label><sup>*</sup><span> Name:</span></label>
237
                                      <div class="imgTextBox">
238
                                        <div class="left">
239
                                          <div class="right">
240
                                            <div class="center">
637 rajveer 241
                                              <input type="text" id="shipName" name="name" value="" class="textbox" />
507 rajveer 242
                                            </div>
243
                                          </div>
244
                                        </div>
245
                                      </div>
246
                                      <div class="clearBoth"></div>
247
                                 </div>
248
                            	 <div class="register-row">
249
                                      <label><sup>*</sup><span> Address:</span></label>
250
                                      <div class="imgTextBox">
251
                                        <div class="left">
252
                                          <div class="right">
253
                                            <div class="center">
637 rajveer 254
                                              <input type="text" id="shipAddress1" name="line1" value="" class="textbox" />
507 rajveer 255
                                            </div>
256
                                          </div>
257
                                        </div>
258
                                      </div>
259
                                      <div class="clearBoth"></div>
260
                                 </div>
261
                            	 <div class="register-row">
262
                                      <label>&nbsp;</label>
263
                                      <div class="imgTextBox">
264
                                        <div class="left">
265
                                          <div class="right">
266
                                            <div class="center">
637 rajveer 267
                                              <input type="text" id="shipAddress2" name="line2" value="" class="textbox" />
507 rajveer 268
                                            </div>
269
                                          </div>
270
                                        </div>
271
                                      </div>
272
                                      <div class="clearBoth"></div>
273
                                 </div>
274
                            	<div class="register-row">
275
                                  <label><sup>*</sup><span>State</span></label>
786 rajveer 276
                                  <select class="select_state" id="shipState" name="state">
637 rajveer 277
										#include("templates/stateslist.vm")
507 rajveer 278
                                  </select>
279
                                  <div class="clearBoth"></div>
280
                                </div>
281
                                 <div class="register-row">
595 rajveer 282
                                      <label><sup>*</sup><span>City:</span></label>
637 rajveer 283
                                      <div class="imgTextBox">
595 rajveer 284
                                        <div class="left">
285
                                          <div class="right">
286
                                            <div class="center">
637 rajveer 287
                                              <input type="text" id="shipCity" name="city" value="" class="textbox"/>
595 rajveer 288
                                            </div>
289
                                          </div>
290
                                        </div>
291
                                      </div>
292
                                      <div class="clearBoth"></div>
293
                                 </div>
294
                                 <div class="register-row">
507 rajveer 295
                                      <label><sup>*</sup><span>Pin Code:</span></label>
296
                                      <div class="imgTextBox" style="width: 65px;">
297
                                        <div class="left">
298
                                          <div class="right">
299
                                            <div class="center">
637 rajveer 300
                                              <input type="text" id="shipPin" name="pincode" value="" class="textbox textbox-pincode" style="width: 60px;" />
507 rajveer 301
                                            </div>
302
                                          </div>
303
                                        </div>
304
                                      </div>
305
                                      <div class="clearBoth"></div>
306
                                 </div>
307
                            	 <div class="register-row">
595 rajveer 308
                                  <label><sup>*</sup><span>Phone:</span></label>
507 rajveer 309
                                  <div class="imgTextBox">
310
                                    <div class="left">
311
                                      <div class="right">
312
                                        <div class="center">
637 rajveer 313
                                          <input type="text" id="shipPhone" name="phone" value="" class="textbox" />
507 rajveer 314
                                        </div>
315
                                      </div>
316
                                    </div>
317
                                  </div>
318
                                  <div class="clearBoth"></div>
319
                                </div>
320
                                <div class="ship-address-bttn">
321
                                    <div class="bigImgButton floatLeft">
322
                                    <div class="left">
323
                                      <div class="right">
324
                                        <div class="center">
637 rajveer 325
											 <input type="hidden" id="" name="action" value="add" >
507 rajveer 326
                                          	 <input type="submit" name="submitAddress"  id="submitAddress" value="Ship to this Address" class="button" />
327
                                        </div>
328
                                      </div>
329
                                    </div>
330
                                  </div>
331
                                    <div class="bigImgButton floatLeft" style="margin: 0 17px 0 5px;" >
332
                                    <div class="left">
333
                                      <div class="right">
334
                                        <div class="center">
335
                                          <input type="button" name="btnSearch" onclick="resetShipForm();" id="" value="Cancel" class="button button1" />
336
                                        </div>
337
                                      </div>
338
                                    </div>
339
                                  </div>
340
                                <div class="clearBoth"></div>
341
 
342
 
343
                                </div>
344
                                 <div class="clearBoth"></div>
345
                            </form>
346
                        </div>
347
                	</div>
348
             	</div><!-- Block 2 Right End-->
349
 
350
				<div class="clearBoth"></div>
351
             </div><!-- Block 2 End-->	
352
           	 <div class="clearBoth"></div>
353
      </div><!-- mid inner end-->
354
    </div>
355
    <div class="bottom">
356
      <div class="left">
357
        <div class="right"> &nbsp; </div>
358
      </div>
359
    </div>
360
  </div>
361
  <!-- /Add Shipping Detail End-->