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
 
10
<title>Shop2020</title>
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
70
    			}
71
  		}
595 rajveer 72
		});
73
	});
74
</script>
75
 
76
<style type="text/css">
77
	#frmRegister .error{
78
		float:none !important;
79
		display:block;
80
		margin-left:-5px;
81
		width:224px !important;
82
		color:#f00;
83
		font-size:11px;
84
		text-align:left !important;
85
	}
86
</style>
87
 
88
 
507 rajveer 89
</head>
90
 
91
<body>
92
	<noscript>
93
		<p id="noScript">Please allow <em>Javascript</em> in order to function this website correctly!</p>
94
	</noscript>
95
 
96
	$action.getHeaderSnippet()			
97
     <!-- Wrapper start -->
98
	<div id="main">
99
		$action.getMainMenuSnippet()
100
		$action.getSearchBarSnippet()
101
 
102
		<!-- wrapper-->
103
		<div id="wrapper">
104
			$action.getRegistrationHeaderSnippet()
105
        </div>
106
		<!-- /wrapper-->
107
 
108
		<!-- sidebar-->
109
		<div id="sidebar">
110
			$action.getCustomerServiceSnippet()
111
		</div>
112
		<!-- /sidebar-->
517 rajveer 113
		<div class="clearBoth"></div>
507 rajveer 114
 
741 rajveer 115
		<!-- Registration form-->
116
            <div id="registration">
117
            <div class="top">
118
              <div class="left">
119
                <div class="right"> &nbsp; </div>
120
              </div>
121
            </div>
122
            <div class="middle">
123
              <div class="registration-form">
124
						#set($messages = $action.getActionMessages())
125
            			#if($messages && $messages.size() != 0)
126
            			<div id="messageSuccess">
127
            				<span></span>
128
            				<p>
129
            				#foreach($message in $messages)	
130
            					$message <br>
131
            				#end	
132
            				</p>
133
            			</div>
134
            			#end
135
						#set($messages = $action.getActionErrors())
136
            			#if($messages && $messages.size() != 0)
137
            			<div id="messageError">
138
            				<span></span>
139
            				<p>
140
            				#foreach($message in $messages)	
141
            					$message <br>
142
            				#end	
143
            				</p>
144
            			</div>
145
            			#end
146
 
147
                <form id="frmRegister" name="frmRegister" method="post" action="#"> <!-- action="./register"> -->
148
                  <div class="clearBoth"></div>
149
                  <div class="login-row">
150
                  </div>
151
                  <!-- Create Login -->
152
                  <div id="loginCreate" class="register-blocks">
153
            		<!-- Name of the user-->
154
                    <div class="register-row">
155
                      <label><sup>*</sup><span>Your Name:</span></label>
156
                      <div class="imgTextBox">
157
                        <div class="left">
158
                          <div class="right">
159
                            <div class="center">
160
                              <input type="text" class="textbox" value="" name="nameOfUser" id="nameOfUser">
161
                            </div>
162
                          </div>
163
                        </div>
164
                      </div>
165
                      <div class="clearBoth"></div>
166
                    </div>
167
 
168
                    <!-- Login Id -->
169
                    <div class="register-row">
170
                      <label><sup>*</sup><span>Login Id(Email):</span></label>
171
                      <div class="imgTextBox">
172
                        <div class="left">
173
                          <div class="right">
174
                            <div class="center">
175
                              <input type="text" class="textbox" value="" name="email" id="email">
176
                            </div>
177
                          </div>
178
                        </div>
179
                      </div>
180
                      <div class="instruction-text">Specify any of your email address as your login ID</div>
181
                      <div class="clearBoth"></div>
182
                    </div>
183
                    <!-- Password -->
184
                    <div class="register-row">
185
                      <label><sup>*</sup><span>Password:</span></label>
186
                      <div class="imgTextBox">
187
                        <div class="left">
188
                          <div class="right">
189
                            <div class="center">
190
                              <input type="password" class="textbox" value="" name="txtPassword" id="txtPassword">
191
                            </div>
192
                          </div>
193
                        </div>
194
                      </div>
195
                      <div class="instruction-text">minimum 6 Characters</div>
196
                      <div class="clearBoth"></div>
197
                    </div>
198
                    <!-- Password -->
199
                    <div class="register-row">
200
                      <label><sup>*</sup><span>Confirm Password:</span></label>
201
                      <div class="imgTextBox">
202
                        <div class="left">
203
                          <div class="right">
204
                            <div class="center">
205
            				  <input type="password" class="textbox" value="" name="confirmPassword" id="confirmPassword">
206
                            </div>
207
                          </div>
208
                        </div>
209
                      </div>
210
                      <div class="instruction-text">Your name and other personal information is kept absolutely 
211
                        confidential. Please visit our <a href="#">Privacy Policy</a> to see more </div>
212
                      <div class="clearBoth"></div>
213
                    </div>
214
 
215
                    <div class="register-row">
216
                      <label><sup>*</sup><span>Communication Email:</span></label>
217
                      <div class="imgTextBox">
218
                        <div class="left">
219
                          <div class="right">
220
                            <div class="center">
221
                              <input type="text" class="textbox" value="" name="communicationEmail" id="communicationEmail">
222
                            </div>
223
                          </div>
224
                        </div>
225
                      </div>
226
                      <div class="clearBoth"></div>
227
                    </div>
228
 
229
            		<div class="register-row">
230
                      <label><span>Mobile Number:</span></label>
231
                      <div class="imgTextBox">
232
                        <div class="left">
233
                          <div class="right">
234
                            <div class="center">
235
                              <input type="text" class="textbox" value="" name="mobileNumber" id="mobileNumber">
236
                            </div>
237
                          </div>
238
                        </div>
239
                      </div>
240
                      <div class="clearBoth"></div>
241
                    </div>
242
 
243
            		<div class="register-row">
244
            			<label><span>Date of Birth:</span></label>
245
            			<div class="imgTextBox">
246
                        <div class="left">
247
                          <div class="right">
248
                            <div class="center">
249
                              <input type="text" class="textbox" value="" name="dateOfBirth" id="datepicker">
250
                            </div>
251
                          </div>
252
                        </div>
253
                      </div>
254
                      <div class="clearBoth"></div>	
255
            		</div>
256
            <!--		
257
            		<div class="register-row">
258
                      <label><span>Date of Birth:</span></label>
259
                      <select class="select_day">
260
                        <option value="dobDay" id="dobDay">Day</option>
261
                      </select>
262
                      <select class="select_month">
263
                        <option value="dobMonth" id="dobMonth">Month</option>
264
                      </select>
265
                      <select class="select_year">
266
                        <option value="dobYear" id="dobYear">Year</option>
267
                      </select>
268
                      <div class="instruction-text">This imformation will help us <br>
269
                        give recommendations<br>
270
                        more accurately</div>
271
                      <div class="clearBoth"></div>
272
                    </div>
273
            -->		
274
                    <div class="register-row">
275
                      <label><span>Sex:</span></label>
276
                      <div class="sex-options">
277
                        <input type="radio" name="" value="male" id="male">
278
                        Male
279
                        <div class="clearBoth"></div>
280
                      </div>
281
                      <div class="sex-options">
282
                        <input type="radio" name="" value="female" id="female">
283
                        Female
284
                        <div class="clearBoth"></div>
285
                      </div>
286
                      <div class="clearBoth"></div>
287
                    </div>
288
 
289
                  </div>
290
                  <!-- Create Login -->
291
 
292
 
293
                  <!-- Conditions Information -->
294
                  <div>
295
            		<!--
296
                    <div class="register-row">
297
            		  <label>&nbsp;</label>
298
                      <div class="newsletter">
299
                        <input type="checkbox" checked="checked" name="" value="">
300
                        &nbsp;Subscribe to Newsletter
301
                        <div class="clearBoth"></div>
302
                      </div>
303
                      <div class="clearBoth"></div>
304
                    </div>
305
            		-->
306
                    <div class="register-row">
307
                      <label>&nbsp;</label>
308
                      <div class="newsletter">
309
                        <input type="checkbox" name="" value="">
310
                        &nbsp;I agree and accept the <a href="#">Terms of Service</a> of Shop2020
311
                        <div class="clearBoth"></div>
312
                      </div>
313
                      <div class="clearBoth"></div>
314
                    </div>
315
                    <div class="register-row">
316
                      <label>&nbsp;</label>
317
                      <div style="margin: 12px 0pt 0pt;" class="bigImgButton floatLeft">
318
                        <div class="left">
319
                          <div class="right">
320
                            <div class="center">
321
                              <input type="submit" class="button" value="Register" id="" name="btnSearch">
322
                            </div>
323
                          </div>
324
                        </div>
325
                      </div>
326
                      <div class="clearBoth"></div>
327
                    </div>
328
                  </div>
329
                  <!-- Conditions Information -->
330
                </form>
331
              </div>
332
            </div>
333
            <div class="bottom">
334
              <div class="left">
335
                <div class="right"> &nbsp; </div>
336
              </div>
337
            </div>
338
			<!-- /Registration form-->
339
            </div>
507 rajveer 340
 
517 rajveer 341
 
507 rajveer 342
    </div><!-- /main -->
343
 
344
	 $action.getFooterSnippet()
345
 
346
</body>
347
</html>