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">
3
<head>
4
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
5
 
6
<!-- Prevent MS Office toolbar from changing layout -->
7
<meta http-equiv="imagetoolbar" content="false">
8
<meta name="MSSmartTagsPreventParsing" content="true">
9
 
793 rajveer 10
<title>Saholic</title>
507 rajveer 11
 
568 rajveer 12
#include ( "templates/commoncssfiles.vm" )
507 rajveer 13
<script language="javascript" src="./js/jquery-1.4.2.js" type="text/javascript"></script>
14
<script language="javascript" src="./js/jquery-ui.min.js" type="text/javascript"></script>
15
 
16
#if($action.getJsFileSnippet())
17
	$action.getJsFileSnippet()
18
#end
19
#if($action.getCssFileSnippet())
20
	$action.getCssFileSnippet()
21
#end
22
 
719 rajveer 23
<link type="text/css" href="css/jquery-ui-1.8.9.custom.css" rel="stylesheet" />	
24
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
25
<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>
568 rajveer 26
<script> 
27
    $(function() {
719 rajveer 28
    	$( "#txtDateOfBirth" ).datepicker({
29
			inline: true,
568 rajveer 30
    		changeMonth: true,
719 rajveer 31
    		changeYear: true,
32
			minDate: -20, maxDate: "+1M +10D" 
568 rajveer 33
    	});
34
    });
719 rajveer 35
 
36
	$( "#datepicker" ).datepicker({ }); 
568 rajveer 37
</script> 
507 rajveer 38
 
595 rajveer 39
 
40
<script language="javascript" src="./js/jquery.validate.js"></script>
41
<script type="text/javascript">
42
	$(document).ready(function(){
43
		$("#frmRegister").validate({
44
			rules: {
45
				nameOfUser: "required",
46
				email: {
47
					required: true,
48
					email: true
49
				},
50
				txtPassword: {
51
					required: true,
650 rajveer 52
					minlength: 6,
53
					maxlength: 20
595 rajveer 54
				},
55
				confirmPassword: {
56
					required: true,
57
					minlength: 6,
650 rajveer 58
					maxlength: 20,
595 rajveer 59
					equalTo: "#txtPassword"
60
				},
61
				communicationEmail: {
62
					required: true,
63
					email: true
741 rajveer 64
				},
65
				mobileNumber: {
66
      				required: false,
67
      				digits: true,
68
					minlength: 10,
69
					maxlength: 10
786 rajveer 70
    			},
71
				conditions: {
72
					required: true
73
				}
741 rajveer 74
  		}
595 rajveer 75
		});
76
	});
77
</script>
78
 
79
<style type="text/css">
80
	#frmRegister .error{
81
		float:none !important;
82
		display:block;
83
		margin-left:-5px;
84
		width:224px !important;
85
		color:#f00;
86
		font-size:11px;
87
		text-align:left !important;
88
	}
89
</style>
90
 
91
 
507 rajveer 92
</head>
93
 
94
<body>
95
	<noscript>
96
		<p id="noScript">Please allow <em>Javascript</em> in order to function this website correctly!</p>
97
	</noscript>
98
 
99
	$action.getHeaderSnippet()			
100
     <!-- Wrapper start -->
101
	<div id="main">
102
		$action.getMainMenuSnippet()
103
		$action.getSearchBarSnippet()
104
 
105
		<!-- wrapper-->
106
		<div id="wrapper">
107
			$action.getRegistrationHeaderSnippet()
108
        </div>
109
		<!-- /wrapper-->
110
 
111
		<!-- sidebar-->
112
		<div id="sidebar">
113
			$action.getCustomerServiceSnippet()
114
		</div>
115
		<!-- /sidebar-->
517 rajveer 116
		<div class="clearBoth"></div>
507 rajveer 117
 
741 rajveer 118
		<!-- Registration form-->
119
            <div id="registration">
120
            <div class="top">
121
              <div class="left">
122
                <div class="right"> &nbsp; </div>
123
              </div>
124
            </div>
125
            <div class="middle">
126
              <div class="registration-form">
127
						#set($messages = $action.getActionMessages())
128
            			#if($messages && $messages.size() != 0)
129
            			<div id="messageSuccess">
130
            				<span></span>
131
            				<p>
132
            				#foreach($message in $messages)	
133
            					$message <br>
134
            				#end	
135
            				</p>
136
            			</div>
137
            			#end
138
						#set($messages = $action.getActionErrors())
139
            			#if($messages && $messages.size() != 0)
140
            			<div id="messageError">
141
            				<span></span>
142
            				<p>
143
            				#foreach($message in $messages)	
144
            					$message <br>
145
            				#end	
146
            				</p>
147
            			</div>
148
            			#end
149
 
150
                <form id="frmRegister" name="frmRegister" method="post" action="#"> <!-- action="./register"> -->
151
                  <div class="clearBoth"></div>
152
                  <div class="login-row">
153
                  </div>
154
                  <!-- Create Login -->
155
                  <div id="loginCreate" class="register-blocks">
156
            		<!-- Name of the user-->
157
                    <div class="register-row">
158
                      <label><sup>*</sup><span>Your Name:</span></label>
159
                      <div class="imgTextBox">
160
                        <div class="left">
161
                          <div class="right">
162
                            <div class="center">
163
                              <input type="text" class="textbox" value="" name="nameOfUser" id="nameOfUser">
164
                            </div>
165
                          </div>
166
                        </div>
167
                      </div>
168
                      <div class="clearBoth"></div>
169
                    </div>
170
 
171
                    <!-- Login Id -->
172
                    <div class="register-row">
173
                      <label><sup>*</sup><span>Login Id(Email):</span></label>
174
                      <div class="imgTextBox">
175
                        <div class="left">
176
                          <div class="right">
177
                            <div class="center">
178
                              <input type="text" class="textbox" value="" name="email" id="email">
179
                            </div>
180
                          </div>
181
                        </div>
182
                      </div>
183
                      <div class="instruction-text">Specify any of your email address as your login ID</div>
184
                      <div class="clearBoth"></div>
185
                    </div>
186
                    <!-- Password -->
187
                    <div class="register-row">
188
                      <label><sup>*</sup><span>Password:</span></label>
189
                      <div class="imgTextBox">
190
                        <div class="left">
191
                          <div class="right">
192
                            <div class="center">
193
                              <input type="password" class="textbox" value="" name="txtPassword" id="txtPassword">
194
                            </div>
195
                          </div>
196
                        </div>
197
                      </div>
198
                      <div class="instruction-text">minimum 6 Characters</div>
199
                      <div class="clearBoth"></div>
200
                    </div>
201
                    <!-- Password -->
202
                    <div class="register-row">
203
                      <label><sup>*</sup><span>Confirm Password:</span></label>
204
                      <div class="imgTextBox">
205
                        <div class="left">
206
                          <div class="right">
207
                            <div class="center">
208
            				  <input type="password" class="textbox" value="" name="confirmPassword" id="confirmPassword">
209
                            </div>
210
                          </div>
211
                        </div>
212
                      </div>
213
                      <div class="instruction-text">Your name and other personal information is kept absolutely 
214
                        confidential. Please visit our <a href="#">Privacy Policy</a> to see more </div>
215
                      <div class="clearBoth"></div>
216
                    </div>
217
 
218
                    <div class="register-row">
219
                      <label><sup>*</sup><span>Communication Email:</span></label>
220
                      <div class="imgTextBox">
221
                        <div class="left">
222
                          <div class="right">
223
                            <div class="center">
224
                              <input type="text" class="textbox" value="" name="communicationEmail" id="communicationEmail">
225
                            </div>
226
                          </div>
227
                        </div>
228
                      </div>
229
                      <div class="clearBoth"></div>
230
                    </div>
231
 
232
            		<div class="register-row">
233
                      <label><span>Mobile Number:</span></label>
234
                      <div class="imgTextBox">
235
                        <div class="left">
236
                          <div class="right">
237
                            <div class="center">
238
                              <input type="text" class="textbox" value="" name="mobileNumber" id="mobileNumber">
239
                            </div>
240
                          </div>
241
                        </div>
242
                      </div>
243
                      <div class="clearBoth"></div>
244
                    </div>
245
 
246
            		<div class="register-row">
247
            			<label><span>Date of Birth:</span></label>
248
            			<div class="imgTextBox">
249
                        <div class="left">
250
                          <div class="right">
251
                            <div class="center">
252
                              <input type="text" class="textbox" value="" name="dateOfBirth" id="datepicker">
253
                            </div>
254
                          </div>
255
                        </div>
256
                      </div>
257
                      <div class="clearBoth"></div>	
258
            		</div>
259
            <!--		
260
            		<div class="register-row">
261
                      <label><span>Date of Birth:</span></label>
262
                      <select class="select_day">
263
                        <option value="dobDay" id="dobDay">Day</option>
264
                      </select>
265
                      <select class="select_month">
266
                        <option value="dobMonth" id="dobMonth">Month</option>
267
                      </select>
268
                      <select class="select_year">
269
                        <option value="dobYear" id="dobYear">Year</option>
270
                      </select>
271
                      <div class="instruction-text">This imformation will help us <br>
272
                        give recommendations<br>
273
                        more accurately</div>
274
                      <div class="clearBoth"></div>
275
                    </div>
276
            -->		
277
                    <div class="register-row">
278
                      <label><span>Sex:</span></label>
279
                      <div class="sex-options">
280
                        <input type="radio" name="" value="male" id="male">
281
                        Male
282
                        <div class="clearBoth"></div>
283
                      </div>
284
                      <div class="sex-options">
285
                        <input type="radio" name="" value="female" id="female">
286
                        Female
287
                        <div class="clearBoth"></div>
288
                      </div>
289
                      <div class="clearBoth"></div>
290
                    </div>
291
 
292
                  </div>
293
                  <!-- Create Login -->
294
 
295
 
296
                  <!-- Conditions Information -->
297
                  <div>
298
            		<!--
299
                    <div class="register-row">
300
            		  <label>&nbsp;</label>
301
                      <div class="newsletter">
302
                        <input type="checkbox" checked="checked" name="" value="">
303
                        &nbsp;Subscribe to Newsletter
304
                        <div class="clearBoth"></div>
305
                      </div>
306
                      <div class="clearBoth"></div>
307
                    </div>
308
            		-->
309
                    <div class="register-row">
310
                      <label>&nbsp;</label>
311
                      <div class="newsletter">
786 rajveer 312
                        <input type="checkbox" name="conditions" value="">
793 rajveer 313
                        &nbsp;I agree and accept the <a href="#">Terms of Service</a> of Saholic
741 rajveer 314
                        <div class="clearBoth"></div>
315
                      </div>
316
                      <div class="clearBoth"></div>
317
                    </div>
318
                    <div class="register-row">
319
                      <label>&nbsp;</label>
320
                      <div style="margin: 12px 0pt 0pt;" class="bigImgButton floatLeft">
321
                        <div class="left">
322
                          <div class="right">
323
                            <div class="center">
324
                              <input type="submit" class="button" value="Register" id="" name="btnSearch">
325
                            </div>
326
                          </div>
327
                        </div>
328
                      </div>
329
                      <div class="clearBoth"></div>
330
                    </div>
331
                  </div>
332
                  <!-- Conditions Information -->
333
                </form>
334
              </div>
335
            </div>
336
            <div class="bottom">
337
              <div class="left">
338
                <div class="right"> &nbsp; </div>
339
              </div>
340
            </div>
341
			<!-- /Registration form-->
342
            </div>
507 rajveer 343
 
517 rajveer 344
 
507 rajveer 345
    </div><!-- /main -->
346
 
347
	 $action.getFooterSnippet()
348
 
349
</body>
350
</html>