Subversion Repositories SmartDukaan

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
507 rajveer 1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
794 rajveer 3
  <head>
4
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
507 rajveer 5
 
794 rajveer 6
    <!-- Prevent MS Office toolbar from changing layout -->
7
    <meta http-equiv="imagetoolbar" content="false" />
8
    <meta name="MSSmartTagsPreventParsing" content="true" />
507 rajveer 9
 
794 rajveer 10
    <title>Saholic</title>
507 rajveer 11
 
794 rajveer 12
    #include ( "templates/commoncssfiles.vm" )
13
    #include ( "templates/commonjsfiles.vm" )
568 rajveer 14
 
794 rajveer 15
    <script>
16
      $(function() {
17
        $( "#txtDateOfBirth" ).datepicker({
18
          changeMonth: true,
19
          changeYear: true,
20
          minDate: -20, maxDate: "+1M +10D"
21
        });
22
      });
23
      $( "#datepicker" ).datepicker({ });
24
    </script>
25
    <link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css" />
26
    <script type="text/javascript" language="javascript" src="http://jqueryui.com/jquery-1.4.4.js"></script>
27
    <script type="text/javascript" language="javascript" src="http://jqueryui.com/ui/jquery.ui.core.js"></script>
28
    <script type="text/javascript" language="javascript" src="http://jqueryui.com/ui/jquery.ui.widget.js"></script>
29
    <script type="text/javascript" language="javascript" src="http://jqueryui.com/ui/jquery.ui.datepicker.js"></script>
30
    <!--<link rel="stylesheet" href="http://jqueryui.com/demos/demos.css"> -->
507 rajveer 31
 
794 rajveer 32
    <!-- end of new code -->
507 rajveer 33
 
34
 
794 rajveer 35
  </head>
507 rajveer 36
 
794 rajveer 37
  <body>
38
    <noscript>
39
      <p id="noScript">Please allow <em>Javascript</em> in order to function this website correctly!</p>
40
    </noscript>
41
 
42
	$action.getHeaderSnippet()
43
    <!-- Wrapper start -->
44
    <div id="main">
507 rajveer 45
		$action.getMainMenuSnippet()
46
		$action.getSearchBarSnippet()
47
 
794 rajveer 48
      <!-- wrapper-->
49
      <div id="wrapper">
507 rajveer 50
			$action.getMyaccountHeaderSnippet()
794 rajveer 51
 
52
        <script language="javascript">
53
          perName		 = "";
54
          perDateOfBirth = "";
55
          perSex 		 = "";
56
          perCommEmail = "";
57
          perSubscribe = false;
58
          perPhone = "";
59
          #set($velocityParams = $action.getVelocityParams())
60
          #set($subscribe = $velocityParams.get("subscribe"))
61
          #set($name = $velocityParams.get("name"))
62
          #set($phone = $velocityParams.get("phone"))
63
          #set($sex = $velocityParams.get("sex"))
64
          #set($email = $velocityParams.get("email"))
65
          #set($dateOfBirth = $velocityParams.get("dateOfBirth"))
66
          #if($name)
67
            perName		= "$name";
68
          #end
69
          #if($dateOfBirth)
70
            perDateOfBirth	= "$dateOfBirth";
71
          #end
72
          #if($phone)
73
            perPhone	= "$phone";
74
          #end
75
          #if($sex)
76
            perSex		= "$sex";
77
          #end
78
          #if($email)
79
            perCommEmail = "$email";
80
          #end
81
          #if($subscribe)
82
            perSubscribe = "$subscribe";
83
          #end
595 rajveer 84
        </script>
794 rajveer 85
 
595 rajveer 86
        <!-- my account -->
87
        <div id="myAccount">
794 rajveer 88
          <div class="left-grey-top">
89
            <div class="left-grey-left">
90
              <div class="left-white-right">&nbsp;</div>
595 rajveer 91
            </div>
794 rajveer 92
          </div>
93
 
94
          <div class="middle">
95
            <div class="middle-grey-left">
96
              <div class="middle-white-right">
97
 
98
                <!-- nav -->
99
                <div id="myAccountNav">
100
                  <ul class="menu">
101
                    <li class="menu-item first">
102
                      <h2>Order History</h2>
103
                    </li>
104
                    <li class="menu-item">
105
                      <a href="/myaccount">Open Orders</a>
106
                    </li>
107
                    <li class="menu-item">
108
                      <a href="/completed-orders">Completed Orders</a>
109
                    </li>
110
                    <!--
111
                    <li><h2 class="spacing">Payments</h2></li>
112
                    <li><a href="#">Payment Options</a></li>
113
                    -->
114
                    <li class="menu-item">
115
                      <h2 class="spacing">Account Settings</h2>
116
                    </li>
117
                    <li class="menu-item">
118
                      <a href="/personal-details" class="active">Personal Details</a>
119
                    </li>
120
                    <li class="menu-item">
121
                      <a href="/login-details">Login Details</a>
122
                    </li>
123
                    <li clas="menu-item last">
124
                      <a href="/address">Shipping Address</a>
125
                    </li>
126
                    <!--
127
                    <li><h2 class="spacing">Personalization</h2></li>
128
                    <li><a href="#">Recommendations</a></li>
129
                    <li><a href="#">Browsing History</a></li>
595 rajveer 130
        					-->
794 rajveer 131
                  </ul>
132
                </div>
133
                <!-- /nav -->
134
 
135
                <!-- content -->
136
                <div class="content">
595 rajveer 137
						#set($messages = $action.getActionMessages())
138
            			#if($messages && $messages.size() != 0)
794 rajveer 139
                  <div id="messageSuccess">
140
                    <span></span>
141
                    <p>
142
            				#foreach($message in $messages)
595 rajveer 143
            					$message <br>
794 rajveer 144
            				#end
145
                    </p>
146
                  </div>
595 rajveer 147
            			#end
148
						#set($messages = $action.getActionErrors())
149
            			#if($messages && $messages.size() != 0)
794 rajveer 150
                  <div id="messageError">
151
                    <span></span>
152
                    <p>
153
            				#foreach($message in $messages)
595 rajveer 154
            					$message <br>
794 rajveer 155
            				#end
156
                    </p>
157
                  </div>
595 rajveer 158
            			#end
159
 
794 rajveer 160
                  <h1>Personal Details</h1>
161
 
162
                  <div id="personalDetails">
163
                    <form id="frmPersonalDetails" name="frmPersonalDetails" method="post" action="">
164
                      <!-- Your Name -->
165
                      <div class="form-item" id="edit-name-wrapper">
166
                        <label for="txtName">Your Name</label>
167
                        <div class="imgTextBox textbox-image">
168
                          <input type="text" id="txtName" name="txtName" class="textbox" />
169
                        </div>
170
                      </div>
171
                      <!-- /Your Name -->
172
 
173
 
174
                      <!-- Date of Birth -->
175
                      <div class="form-item" id="edit-date-of-birth-wrapper">
176
                        <label for="dateOfBirth">Date of Birth</label>
177
                        <div class="imgTextBox textbox-image">
178
                          <input type="text" id="txtDateOfBirth" name="txtDateOfBirth" class="textbox" />
179
                        </div>
180
                      </div>
181
                      <!-- /Date of Birth -->
182
                      <!-- Phone -->
183
                      <div class="form-item" id="edit-phone-wrapper">
184
                        <label for="phone">Phone</label>
185
                        <div class="imgTextBox textbox-image">
186
                          <input type="text" id="txtPhone" name="txtPhone" class="textbox" />
187
                        </div>
188
                      </div>
189
                      <!-- /Phone -->
190
                      <!-- Communication Email -->
191
                      <div class="form-item" id="edit-communication-email-wrapper">
192
                        <label for="txtCommEmail">Communication Email</label>
193
                        <div class="blockLeft">
194
                          <div class="imgTextBox textbox-image">
195
                            <input type="text" name="txtCommEmail" id="txtCommEmail" class="textbox" />
196
                          </div>
197
                        </div>
198
 
199
                        <div class="blockRight style1">
200
                          Your communication email address must be validated
201
                        </div>
202
                        <div class="clearBoth"></div>
203
                      </div>
204
                      <!-- /Communication Email -->
205
                      <!-- Sex -->
206
                      <div class="form-item" id="edit-sex-wrapper">
207
                        <label for="radiosex">Sex</label>
208
                        <div class="radio-buttons">
209
                          <input type="radio" name="sex" value="0" /> Male
210
                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
211
                          <input type="radio" name="sex" value="1" /> Female
212
                        </div>
213
                      </div>
214
                      <!-- /Sex -->
215
 
216
 
217
                      <!-- Newsletter Subscription -->
218
                      <!--
595 rajveer 219
                                    <dt>Newsletter Subscription</dt>
220
                                    <dd>
794 rajveer 221
                                        <label><input type="checkbox" name="subscribe" />&nbsp;&nbsp;Subscribed to Shop2020 Newsletter</label>
595 rajveer 222
                                    </dd>
223
        							-->
794 rajveer 224
                      <!-- /Newsletter Subscription -->
225
 
226
                      <!-- Captcha -->
227
                      <!--
595 rajveer 228
                                    <dt>&nbsp;</dt>
229
                                    <dd>
230
                                        <div class="blockLeft">
794 rajveer 231
 
595 rajveer 232
                                            <div class="captcha">
233
                                                <img src="images/captcha.png" width="221" height="74" alt="" />
234
                                            </div>
794 rajveer 235
 
595 rajveer 236
                                            <div class="imgTextBox">
237
                                                <div class="left">
238
                                                <div class="right">
239
                                                    <input type="text" name="txtCaptcha" class="textbox" />
240
                                                </div>
241
                                                </div>
242
                                            </div>
243
        								</div>
794 rajveer 244
 
595 rajveer 245
                                        <div class="blockRight style2">
246
                                            Enter the letters shown <br />in the image.
247
                                            <div class="spacing">&nbsp;</div>
248
                                            Letters are not case-sensitive
249
                                        </div>
250
                                        <div class="clearBoth"></div>
251
                                    </dd>
252
        							-->
794 rajveer 253
                      <!-- /Captcha -->
254
 
255
                      <!-- Buttons -->
256
                      <div id="formButtons" class="form-buttons">
814 rajveer 257
                      <div class="form-button-outer first">
794 rajveer 258
                        <div class="imgDisableButton enableDisableBtnWidth1 yellow-image">
259
                              <input type="submit" name="save" value="Save" class="button" />
595 rajveer 260
                        </div>
814 rajveer 261
                      </div>
262
                      <div class="form-button-outer last">
794 rajveer 263
                        <div class="imgDisableButton enableDisableBtnWidth2 yellow-image">
264
                              <input type="button" name="cancel" value="Cancel" class="button" />
265
                        </div>
814 rajveer 266
                      </div>
794 rajveer 267
                        <div class="clearBoth"></div>
268
                      </div>
269
                      <!-- /Buttons -->
270
                    </form>
271
                  </div>
272
 
595 rajveer 273
                </div>
794 rajveer 274
                <!-- /content -->
275
 
276
                <div class="clearBoth"></div>
277
 
278
              </div>
595 rajveer 279
            </div>
794 rajveer 280
          </div>
281
 
282
          <div class="bottom">
283
            <div class="bottom-grey-left">
284
              <div class="bottom-white-right">&nbsp;</div>
595 rajveer 285
            </div>
794 rajveer 286
          </div>
507 rajveer 287
        </div>
595 rajveer 288
        <!-- /my account -->
289
 
794 rajveer 290
 
291
 
292
      </div>
293
      <!-- /wrapper-->
294
 
295
      <!-- sidebar-->
296
      <div id="sidebar">
507 rajveer 297
			$action.getCustomerServiceSnippet()
298
			$action.getMyResearchSnippet()
620 rajveer 299
			$action.getBrowseHistorySnippet()
794 rajveer 300
        <div style="clear:both;padding:2px;">&nbsp;</div>
301
      </div>
302
      <!-- /sidebar-->
303
 
304
      <div class="clearBoth"></div>
507 rajveer 305
    </div><!-- /main -->
794 rajveer 306
 
507 rajveer 307
	 $action.getFooterSnippet()
794 rajveer 308
 
309
  </body>
310
</html>