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
507 rajveer 7
<!-- my account -->
8
<div id="myAccount">
9
	<div class="top">
10
    	<div class="left">
11
        	<div class="right">&nbsp;</div>
12
        </div>
13
    </div>
14
 
15
    <div class="middle">
16
    	<div class="left">
17
        <div class="right">
18
 
19
            <!-- nav -->
20
            <div id="myAccountNav">
21
                <ul>
22
                    <li><h2>Order History</h2></li>
23
                    <li><a href="/myaccount">Open Orders</a></li>
24
                    <li><a href="/completedorders">Completed Orders</a></li>
583 rajveer 25
                    <!--
507 rajveer 26
                    <li><h2 class="spacing">Payments</h2></li>
27
                    <li><a href="#">Payment Options</a></li>
583 rajveer 28
                    -->
507 rajveer 29
                    <li><h2 class="spacing">Account Settings</h2></li>
517 rajveer 30
                    <li><a href="/personal-details">Personal Details</a></li>
31
                    <li><a href="/login-details">Login Details</a></li>
507 rajveer 32
                    <li><a href="/address" class="active">Shipping Address</a></li>
583 rajveer 33
                    <!--
507 rajveer 34
                    <li><h2 class="spacing">Personalization</h2></li>
35
                    <li><a href="#">Recommendations</a></li>
36
                    <li><a href="#">Browsing History</a></li>
583 rajveer 37
					-->
507 rajveer 38
                </ul>
39
            </div>
40
            <!-- /nav -->
41
 
42
 
43
               <!-- content -->
44
                <div class="content">
45
                	<h1>Shipping Address</h1>
46
 
47
                    <div id="shippingAddress">
48
                    	<form id="frmShippingAddress" name="frmShippingAddress" method="post" action="">	
49
 
50
                            <!-- add address button -->
51
                        	<div class="imgEnableButton addressWidth" id="addAddress1">
52
                                <div class="left">
53
                                <div class="right">
54
                                     <input type="button" value="Add Address" name="addAddress1" class="button" />
55
                                </div>
56
                                </div>
57
                            </div>
58
                            <div class="clearBoth"></div>
59
                            <!-- /add address button -->
60
 
61
                            <h2>Primary Shipping Address</h2>
62
 
63
                            <!-- primary address -->
64
 
65
 
66
                			<div id="primaryAddress">
67
								<div class="address">
68
									#foreach($address in $addresses)
69
									#if($address.getId() == $defaultid)
70
									<label>$address.getName()</label><br />
71
    								<label>$address.getLine1() </label><br />
72
    								<label>$address.getLine2()</label><br />
73
    								<label>$address.getCity()</label><br />
74
    								<label>$address.getState()</label><br />
75
    								<label>Pin: $address.getPin()</label><br />
76
    								<label>Mob: $address.getPhone() </label><br />
77
									#end
78
									#end
79
								</div>
80
								<div class="addressButton">	 
81
									<div class="imgDeleteButton deleteWidth">		
82
										<div class="left">		
83
											<div class="right">			 
84
												<input type="button" class="button" value="Delete" onclick="delAddress('primaryAddress');">
85
											</div>		
86
										</div>	
87
									</div>
88
								</div>
89
                            </div>
90
                            <div class="noAddress1" style="display:none;">No addresses on record</div>
91
 
92
                            <!-- /primary address -->
93
 
94
                            <div class="borderBottom1">&nbsp;</div>
95
 
96
                            <h3><span class="greyColor">Other Address</span></h3>
97
 
98
                            <!-- address container -->
99
                            <div id="addressContainer">
100
							#foreach($address in $addresses)
101
								#if($address.getId() != $defaultid)
102
								<div id="address$address.getId()">
103
									<div class="address">
104
    									<label>$address.getName()</label><br />
105
        								<label>$address.getLine1() </label><br />
106
        								<label>$address.getLine2()</label><br />
107
        								<label>$address.getCity()</label><br />
108
        								<label>$address.getState()</label><br />
109
        								<label>Pin: $address.getPin()</label><br />
110
        								<label>Mob: $address.getPhone() </label><br />
111
									</div>
112
									<div class="addressButton">
113
										<div class="imgDeleteButton deleteWidth">	
114
											<div class="left">	
115
												<div class="right">		
116
													<input type="button" class="button" value="Delete" onclick="delAddress('address$address.getId()');">	
117
												</div>	
118
											</div>
119
										</div>
120
										<div class="imgEnableButton priAddressWidth">		
121
											<div class="left">		
122
												<div class="right">			 
123
													<input type="button" class="button" value="Make Primary Address" onclick="makePriAddress('address$address.getId()');">		
124
												</div>		
125
											</div>
126
										</div>
127
										<div class="clearBoth"></div>
128
									</div>
129
									<br><br>
130
								</div>
131
								#end
132
							#end
133
                            </div>
134
                            <div class="noAddress2" style="display:none;">No addresses on record</div>
135
                            <!-- /address container -->
136
 
137
                            <div class="borderBottom2">&nbsp;</div>
138
 
139
                            <br /><br /><br /><br />
140
 
141
                            <!-- add address button -->
142
                        	<div class="imgEnableButton addressWidth" id="addAddress2">
143
                                <div class="left">
144
                                <div class="right">
145
                                     <input type="button" value="Add Address" name="addAddress2" class="button" />
146
                                </div>
147
                                </div>
148
                            </div>
149
                            <div class="clearBoth"></div>
150
                            <!-- /add address button -->
151
 
152
                            <!-- Add New Address Form -->
153
                            <div id="addNewAddress" style="display:none;">
154
                            	<h2>Add a New Address</h2>
155
 
156
                                <dl>
157
                                	<!-- Name -->
158
                                    <dt>
159
                                        <label for="txtName"><span class="required">*</span>Name:</label>
160
                                    </dt>
161
                                    <dd>
162
                                        <div class="imgTextBox">
163
                                            <div class="left">
164
                                            <div class="right">
165
                                                <input type="text" id="txtName" name="txtName" class="textbox" />
166
                                            </div>
167
                                            </div>
168
                                        </div>
169
                                    </dd>
170
                                    <!-- /Name -->
171
 
172
                                    <!-- Address -->
173
                                    <dt>
174
                                        <label for="txtAddress"><span class="required">*</span>Address:</label>
175
                                    </dt>
176
                                    <dd>
177
                                        <div class="imgTextBox">
178
                                            <div class="left">
179
                                            <div class="right">
180
                                                <input type="text" id="txtAddress" name="txtAddress" class="textbox" />
181
                                            </div>
182
                                            </div>
183
                                        </div>
184
 
185
                                        <div class="spacing">&nbsp;</div>
186
 
187
                                        <div class="imgTextBox">
188
                                            <div class="left">
189
                                            <div class="right">
190
                                                <input type="text" id="txtAddress2" name="txtAddress2" class="textbox" />
191
                                            </div>
192
                                            </div>
193
                                        </div>
194
                                    </dd>
195
                                    <!-- /Address -->
196
 
197
                                    <!-- state -->
198
                                    <dt>
199
                                        <label for="state"><span class="required">*</span>State:</label>
200
                                    </dt>
201
                                    <dd>
202
                                        <select class="selectWidth" id="state">
203
                                            <option value="0">Select State</option>
204
                                            <option value="delhi">Delhi</option>
205
                                        </select>
206
                                    </dd>
207
                                    <!-- /state -->
208
 
209
                                    <!-- City -->
210
                                    <dt>
211
                                        <label for="city"><span class="required">*</span>City:</label>
212
                                    </dt>
213
                                    <dd>
214
                                        <select class="selectWidth" id="city">
215
                                            <option value="0">Select City</option>
216
                                            <option value="delhi">Delhi</option>
217
                                        </select>
218
                                    </dd>
219
                                    <!-- /City -->
220
 
221
                                    <!-- Pin code -->
222
                                    <dt>
223
                                        <label for="txtPinCode"><span class="required">*</span>Pin Code:</label>
224
                                    </dt>
225
                                    <dd>
226
                                        <div class="imgTextBox">
227
                                            <div class="left">
228
                                            <div class="right">
229
                                                <input type="text" id="txtPinCode" name="txtPinCode" class="textbox" />
230
                                            </div>
231
                                            </div>
232
                                        </div>
233
                                    </dd>
234
                                    <!-- /Pin code -->
235
 
236
                                    <!-- Mobile -->
237
                                    <dt>
238
                                        <label for="txtMobile"><span class="required">*</span>Mobile:</label>
239
                                    </dt>
240
                                    <dd>
241
                                        <div class="imgTextBox">
242
                                            <div class="left">
243
                                            <div class="right">
244
                                                <input type="text" id="txtMobile" name="txtMobile" class="textbox" />
245
                                            </div>
246
                                            </div>
247
                                        </div>
248
                                    </dd>
249
                                    <!-- /Mobile -->
250
 
251
                                    <!-- Landline -->
252
                                    <dt>
253
                                        <label for="txtAreaCode"><span class="required">*</span>Landline:</label>
254
                                    </dt>
255
                                    <dd>
256
                                        <div class="imgTextBox" style="width:63px; float:left; margin-right:10px;">
257
                                            <div class="left">
258
                                            <div class="right">
259
                                                <input type="text" id="txtAreaCode" name="txtAreaCode" value="Area Code" class="textbox" style="margin-top:3px; color:#666; font-size:11px;" />
260
                                            </div>
261
                                            </div>
262
                                        </div>
263
 
264
                                        <div class="imgTextBox" style="width:154px; float:left;">
265
                                            <div class="left">
266
                                            <div class="right">
267
                                                <input type="text" id="txtLandline" name="txtLandline" class="textbox" />
268
                                            </div>
269
                                            </div>
270
                                        </div>
271
                                        <div class="clearBoth"></div>
272
                                    </dd>
273
                                    <!-- /Landline -->
274
 
275
                                    <!-- buttons -->
276
                                    <dt>&nbsp;</dt>
277
                                    <dd>
278
	                                    <br />
279
                                        <div class="imgEnableButton savePriAddressWidth">
280
                                            <div class="left">
281
                                            <div class="right">
282
                                                 <input type="button" value="Save and Make Primary Address" name="saveMakePriAddress" class="button" />
283
                                            </div>
284
                                            </div>
285
                                        </div>
286
 
287
                                        <div class="imgEnableButton enableDisableBtnWidth1">
288
                                            <div class="left">
289
                                            <div class="right">
290
                                                 <input type="button" value="Save" name="saveAddress" class="button" />
291
                                            </div>
292
                                            </div>
293
                                        </div>
294
 
295
                                        <div class="imgEnableButton enableDisableBtnWidth2">
296
                                            <div class="left">
297
                                            <div class="right">
298
                                                 <input type="button" value="Cancel" name="cancelAddress" class="button" />
299
                                            </div>
300
                                            </div>
301
                                        </div> 
302
                                        <div class="clearBoth"></div>
303
                                    </dd>
304
                                    <!-- /buttons -->
305
 
306
                                </dl>
307
                            </div>
308
                            <!-- /Add New Address Form -->
309
 
310
                        </form>
311
                    </div>
312
 
313
	            </div>
314
                <!-- /content -->
315
 
316
            <div class="clearBoth"></div>
317
 
318
        </div>
319
        </div>
320
    </div>
321
 
322
    <div class="bottom">
323
    	<div class="left">
324
            <div class="right">&nbsp;</div>
325
        </div>
326
    </div>
327
</div>
328
<!-- /my account -->