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)
517 rajveer 183
					#if($defaultid != $address.getId())	
507 rajveer 184
					<div class="ship-address-block">
185
                        <div class="ship-address-inner">
186
							<div id="shipAddressContainer$address.getId()">
517 rajveer 187
								#if($address.getName())
188
									<label>$address.getName()</label><br />
189
								#end
190
								#if($address.getLine1())
191
									<label>$address.getLine1() </label><br />
192
								#end	
193
								#if($address.getLine1())
194
									<label>$address.getLine2()</label><br />
195
								#end
196
								#if($address.getCity())	
197
									<label>$address.getCity()</label><br />
198
								#end
199
								#if($address.getState())
200
									<label>$address.getState()</label><br />
201
								#end
202
								#if($address.getPin())	
203
									<label>Pin: $address.getPin()</label><br />
204
								#end
205
								#if($address.getPhone())
206
									<label>Mob: $address.getPhone() </label><br />
207
								#end			
507 rajveer 208
 
209
							</div>	
210
                            <div class="ship-address-bttn">
211
                                <div class="bigImgButton">
212
                                <div class="left">
213
                                  <div class="right">
214
                                    <div class="center">
215
                                      <input type="submit" name="btnSearch" onclick="changeShipAddress('shipAddressContainer$address.getId()')"  id="" value="Ship to this Address" class="button" />
216
                                    </div>
217
                                  </div>
218
                                </div>
219
                              </div>
220
                         	</div>
221
                             <div class="clearBoth"></div>     
222
                        </div>
223
                	</div>
224
					#end
225
					#end
226
 
227
				 </div>	
228
                </div>
229
 
230
 
231
 
232
				<div class="" style="width:424px; float:left;">
233
             			<div class="ship-address-block">
234
                		<h2>Specify a New Address</h2>
235
                        <div class="ship-address-form">
650 rajveer 236
                        	<form name="newAdrFrm" method="post" action="#"> <!-- action="./shipping" -->
507 rajveer 237
                            	 <div class="register-row">
238
                                      <label><sup>*</sup><span> Name:</span></label>
239
                                      <div class="imgTextBox">
240
                                        <div class="left">
241
                                          <div class="right">
242
                                            <div class="center">
637 rajveer 243
                                              <input type="text" id="shipName" name="name" value="" class="textbox" />
507 rajveer 244
                                            </div>
245
                                          </div>
246
                                        </div>
247
                                      </div>
248
                                      <div class="clearBoth"></div>
249
                                 </div>
250
                            	 <div class="register-row">
251
                                      <label><sup>*</sup><span> Address:</span></label>
252
                                      <div class="imgTextBox">
253
                                        <div class="left">
254
                                          <div class="right">
255
                                            <div class="center">
637 rajveer 256
                                              <input type="text" id="shipAddress1" name="line1" value="" class="textbox" />
507 rajveer 257
                                            </div>
258
                                          </div>
259
                                        </div>
260
                                      </div>
261
                                      <div class="clearBoth"></div>
262
                                 </div>
263
                            	 <div class="register-row">
264
                                      <label>&nbsp;</label>
265
                                      <div class="imgTextBox">
266
                                        <div class="left">
267
                                          <div class="right">
268
                                            <div class="center">
637 rajveer 269
                                              <input type="text" id="shipAddress2" name="line2" value="" class="textbox" />
507 rajveer 270
                                            </div>
271
                                          </div>
272
                                        </div>
273
                                      </div>
274
                                      <div class="clearBoth"></div>
275
                                 </div>
276
                            	<div class="register-row">
277
                                  <label><sup>*</sup><span>State</span></label>
278
                                  <select class="select_state" id="shipState">
279
                                    <option value="0">Select State</option>
637 rajveer 280
										#include("templates/stateslist.vm")
507 rajveer 281
                                  </select>
282
                                  <div class="clearBoth"></div>
283
                                </div>
284
                                 <div class="register-row">
595 rajveer 285
                                      <label><sup>*</sup><span>City:</span></label>
637 rajveer 286
                                      <div class="imgTextBox">
595 rajveer 287
                                        <div class="left">
288
                                          <div class="right">
289
                                            <div class="center">
637 rajveer 290
                                              <input type="text" id="shipCity" name="city" value="" class="textbox"/>
595 rajveer 291
                                            </div>
292
                                          </div>
293
                                        </div>
294
                                      </div>
295
                                      <div class="clearBoth"></div>
296
                                 </div>
297
                                 <div class="register-row">
507 rajveer 298
                                      <label><sup>*</sup><span>Pin Code:</span></label>
299
                                      <div class="imgTextBox" style="width: 65px;">
300
                                        <div class="left">
301
                                          <div class="right">
302
                                            <div class="center">
637 rajveer 303
                                              <input type="text" id="shipPin" name="pincode" value="" class="textbox textbox-pincode" style="width: 60px;" />
507 rajveer 304
                                            </div>
305
                                          </div>
306
                                        </div>
307
                                      </div>
308
                                      <div class="clearBoth"></div>
309
                                 </div>
310
                            	 <div class="register-row">
595 rajveer 311
                                  <label><sup>*</sup><span>Phone:</span></label>
507 rajveer 312
                                  <div class="imgTextBox">
313
                                    <div class="left">
314
                                      <div class="right">
315
                                        <div class="center">
637 rajveer 316
                                          <input type="text" id="shipPhone" name="phone" value="" class="textbox" />
507 rajveer 317
                                        </div>
318
                                      </div>
319
                                    </div>
320
                                  </div>
321
                                  <div class="clearBoth"></div>
322
                                </div>
323
                                <div class="ship-address-bttn">
324
                                    <div class="bigImgButton floatLeft">
325
                                    <div class="left">
326
                                      <div class="right">
327
                                        <div class="center">
637 rajveer 328
											 <input type="hidden" id="" name="action" value="add" >
507 rajveer 329
                                          	 <input type="submit" name="submitAddress"  id="submitAddress" value="Ship to this Address" class="button" />
330
                                        </div>
331
                                      </div>
332
                                    </div>
333
                                  </div>
334
                                    <div class="bigImgButton floatLeft" style="margin: 0 17px 0 5px;" >
335
                                    <div class="left">
336
                                      <div class="right">
337
                                        <div class="center">
338
                                          <input type="button" name="btnSearch" onclick="resetShipForm();" id="" value="Cancel" class="button button1" />
339
                                        </div>
340
                                      </div>
341
                                    </div>
342
                                  </div>
343
                                <div class="clearBoth"></div>
344
 
345
 
346
                                </div>
347
                                 <div class="clearBoth"></div>
348
                            </form>
349
                        </div>
350
                	</div>
351
             	</div><!-- Block 2 Right End-->
352
 
353
				<div class="clearBoth"></div>
354
             </div><!-- Block 2 End-->	
355
           	 <div class="clearBoth"></div>
356
      </div><!-- mid inner end-->
357
    </div>
358
    <div class="bottom">
359
      <div class="left">
360
        <div class="right"> &nbsp; </div>
361
      </div>
362
    </div>
363
  </div>
364
  <!-- /Add Shipping Detail End-->