Subversion Repositories SmartDukaan

Rev

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