Subversion Repositories SmartDukaan

Rev

Rev 741 | Rev 793 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- Prevent MS Office toolbar from changing layout -->
<meta http-equiv="imagetoolbar" content="false">
<meta name="MSSmartTagsPreventParsing" content="true">

<title>Shop2020</title>

#include ( "templates/commoncssfiles.vm" )
<script language="javascript" src="./js/jquery-1.4.2.js" type="text/javascript"></script>
<script language="javascript" src="./js/jquery-ui.min.js" type="text/javascript"></script>

#if($action.getJsFileSnippet())
        $action.getJsFileSnippet()
#end
#if($action.getCssFileSnippet())
        $action.getCssFileSnippet()
#end

<link type="text/css" href="css/jquery-ui-1.8.9.custom.css" rel="stylesheet" /> 
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>
<script> 
    $(function() {
        $( "#txtDateOfBirth" ).datepicker({
                        inline: true,
                changeMonth: true,
                changeYear: true,
                        minDate: -20, maxDate: "+1M +10D" 
        });
    });
        
        $( "#datepicker" ).datepicker({ }); 
</script> 


<script language="javascript" src="./js/jquery.validate.js"></script>
<script type="text/javascript">
        $(document).ready(function(){
                $("#frmRegister").validate({
                        rules: {
                                nameOfUser: "required",
                                email: {
                                        required: true,
                                        email: true
                                },
                                txtPassword: {
                                        required: true,
                                        minlength: 6,
                                        maxlength: 20
                                },
                                confirmPassword: {
                                        required: true,
                                        minlength: 6,
                                        maxlength: 20,
                                        equalTo: "#txtPassword"
                                },
                                communicationEmail: {
                                        required: true,
                                        email: true
                                },
                                mobileNumber: {
                                required: false,
                                digits: true,
                                        minlength: 10,
                                        maxlength: 10
                        },
                                conditions: {
                                        required: true
                                }
                }
                });
        });
</script>

<style type="text/css">
        #frmRegister .error{
                float:none !important;
                display:block;
                margin-left:-5px;
                width:224px !important;
                color:#f00;
                font-size:11px;
                text-align:left !important;
        }
</style>


</head>

<body>
        <noscript>
                <p id="noScript">Please allow <em>Javascript</em> in order to function this website correctly!</p>
        </noscript>

        $action.getHeaderSnippet()                      
     <!-- Wrapper start -->
        <div id="main">
                $action.getMainMenuSnippet()
                $action.getSearchBarSnippet()

                <!-- wrapper-->
                <div id="wrapper">
                        $action.getRegistrationHeaderSnippet()
        </div>
                <!-- /wrapper-->
                
                <!-- sidebar-->
                <div id="sidebar">
                        $action.getCustomerServiceSnippet()
                </div>
                <!-- /sidebar-->
                <div class="clearBoth"></div>
                
                <!-- Registration form-->
            <div id="registration">
            <div class="top">
              <div class="left">
                <div class="right"> &nbsp; </div>
              </div>
            </div>
            <div class="middle">
              <div class="registration-form">
                                                #set($messages = $action.getActionMessages())
                                #if($messages && $messages.size() != 0)
                                <div id="messageSuccess">
                                        <span></span>
                                        <p>
                                        #foreach($message in $messages) 
                                                $message <br>
                                        #end    
                                        </p>
                                </div>
                                #end
                                                #set($messages = $action.getActionErrors())
                                #if($messages && $messages.size() != 0)
                                <div id="messageError">
                                        <span></span>
                                        <p>
                                        #foreach($message in $messages) 
                                                $message <br>
                                        #end    
                                        </p>
                                </div>
                                #end

                <form id="frmRegister" name="frmRegister" method="post" action="#"> <!-- action="./register"> -->
                  <div class="clearBoth"></div>
                  <div class="login-row">
                  </div>
                  <!-- Create Login -->
                  <div id="loginCreate" class="register-blocks">
                        <!-- Name of the user-->
                    <div class="register-row">
                      <label><sup>*</sup><span>Your Name:</span></label>
                      <div class="imgTextBox">
                        <div class="left">
                          <div class="right">
                            <div class="center">
                              <input type="text" class="textbox" value="" name="nameOfUser" id="nameOfUser">
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="clearBoth"></div>
                    </div>
            
                    <!-- Login Id -->
                    <div class="register-row">
                      <label><sup>*</sup><span>Login Id(Email):</span></label>
                      <div class="imgTextBox">
                        <div class="left">
                          <div class="right">
                            <div class="center">
                              <input type="text" class="textbox" value="" name="email" id="email">
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="instruction-text">Specify any of your email address as your login ID</div>
                      <div class="clearBoth"></div>
                    </div>
                    <!-- Password -->
                    <div class="register-row">
                      <label><sup>*</sup><span>Password:</span></label>
                      <div class="imgTextBox">
                        <div class="left">
                          <div class="right">
                            <div class="center">
                              <input type="password" class="textbox" value="" name="txtPassword" id="txtPassword">
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="instruction-text">minimum 6 Characters</div>
                      <div class="clearBoth"></div>
                    </div>
                    <!-- Password -->
                    <div class="register-row">
                      <label><sup>*</sup><span>Confirm Password:</span></label>
                      <div class="imgTextBox">
                        <div class="left">
                          <div class="right">
                            <div class="center">
                                          <input type="password" class="textbox" value="" name="confirmPassword" id="confirmPassword">
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="instruction-text">Your name and other personal information is kept absolutely 
                        confidential. Please visit our <a href="#">Privacy Policy</a> to see more </div>
                      <div class="clearBoth"></div>
                    </div>
            
                    <div class="register-row">
                      <label><sup>*</sup><span>Communication Email:</span></label>
                      <div class="imgTextBox">
                        <div class="left">
                          <div class="right">
                            <div class="center">
                              <input type="text" class="textbox" value="" name="communicationEmail" id="communicationEmail">
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="clearBoth"></div>
                    </div>
            
                        <div class="register-row">
                      <label><span>Mobile Number:</span></label>
                      <div class="imgTextBox">
                        <div class="left">
                          <div class="right">
                            <div class="center">
                              <input type="text" class="textbox" value="" name="mobileNumber" id="mobileNumber">
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="clearBoth"></div>
                    </div>
                
                        <div class="register-row">
                                <label><span>Date of Birth:</span></label>
                                <div class="imgTextBox">
                        <div class="left">
                          <div class="right">
                            <div class="center">
                              <input type="text" class="textbox" value="" name="dateOfBirth" id="datepicker">
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="clearBoth"></div>     
                        </div>
            <!--                
                        <div class="register-row">
                      <label><span>Date of Birth:</span></label>
                      <select class="select_day">
                        <option value="dobDay" id="dobDay">Day</option>
                      </select>
                      <select class="select_month">
                        <option value="dobMonth" id="dobMonth">Month</option>
                      </select>
                      <select class="select_year">
                        <option value="dobYear" id="dobYear">Year</option>
                      </select>
                      <div class="instruction-text">This imformation will help us <br>
                        give recommendations<br>
                        more accurately</div>
                      <div class="clearBoth"></div>
                    </div>
            -->         
                    <div class="register-row">
                      <label><span>Sex:</span></label>
                      <div class="sex-options">
                        <input type="radio" name="" value="male" id="male">
                        Male
                        <div class="clearBoth"></div>
                      </div>
                      <div class="sex-options">
                        <input type="radio" name="" value="female" id="female">
                        Female
                        <div class="clearBoth"></div>
                      </div>
                      <div class="clearBoth"></div>
                    </div>
            
                  </div>
                  <!-- Create Login -->
            
                  
                  <!-- Conditions Information -->
                  <div>
                        <!--
                    <div class="register-row">
                          <label>&nbsp;</label>
                      <div class="newsletter">
                        <input type="checkbox" checked="checked" name="" value="">
                        &nbsp;Subscribe to Newsletter
                        <div class="clearBoth"></div>
                      </div>
                      <div class="clearBoth"></div>
                    </div>
                        -->
                    <div class="register-row">
                      <label>&nbsp;</label>
                      <div class="newsletter">
                        <input type="checkbox" name="conditions" value="">
                        &nbsp;I agree and accept the <a href="#">Terms of Service</a> of Shop2020
                        <div class="clearBoth"></div>
                      </div>
                      <div class="clearBoth"></div>
                    </div>
                    <div class="register-row">
                      <label>&nbsp;</label>
                      <div style="margin: 12px 0pt 0pt;" class="bigImgButton floatLeft">
                        <div class="left">
                          <div class="right">
                            <div class="center">
                              <input type="submit" class="button" value="Register" id="" name="btnSearch">
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="clearBoth"></div>
                    </div>
                  </div>
                  <!-- Conditions Information -->
                </form>
              </div>
            </div>
            <div class="bottom">
              <div class="left">
                <div class="right"> &nbsp; </div>
              </div>
            </div>
                        <!-- /Registration form-->
            </div>
                
                
    </div><!-- /main -->
         
         $action.getFooterSnippet()
        
</body>
</html>