Subversion Repositories SmartDukaan

Rev

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