Subversion Repositories SmartDukaan

Rev

Rev 741 | Rev 794 | 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>Saholic</title>

#include ( "templates/commoncssfiles.vm" )
#include ( "templates/commonjsfiles.vm" )
                
<script> 
    $(function() {
        $( "#txtDateOfBirth" ).datepicker({
                changeMonth: true,
                changeYear: true,
                        minDate: -20, maxDate: "+1M +10D" 
        });
    });
                        $( "#datepicker" ).datepicker({ }); 
</script> 
<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css"> 
<script src="http://jqueryui.com/jquery-1.4.4.js"></script> 
<script src="http://jqueryui.com/ui/jquery.ui.core.js"></script> 
<script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script> 
<script src="http://jqueryui.com/ui/jquery.ui.datepicker.js"></script> 
<link rel="stylesheet" href="http://jqueryui.com/demos/demos.css"> 

<!-- end of new code -->


</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.getMyaccountHeaderSnippet()
                        
                        <script language="javascript">
                perName          = "";
                perDateOfBirth = "";
                perSex           = "";
                perCommEmail = "";
                perSubscribe = false;
                perPhone = "";
                        #set($velocityParams = $action.getVelocityParams())
                        #set($subscribe = $velocityParams.get("subscribe"))
                        #set($name = $velocityParams.get("name"))
                        #set($phone = $velocityParams.get("phone"))
                        #set($sex = $velocityParams.get("sex"))
                        #set($email = $velocityParams.get("email"))
                        #set($dateOfBirth = $velocityParams.get("dateOfBirth"))
                #if($name)
                        perName         = "$name";
                #end
                #if($dateOfBirth)
                        perDateOfBirth  = "$dateOfBirth";
                #end
                #if($phone)
                        perPhone        = "$phone";
                #end
                #if($sex)
                        perSex          = "$sex";
                #end
                #if($email)
                        perCommEmail = "$email";
                #end
                #if($subscribe)
                        perSubscribe = "$subscribe";
                #end    
        </script>
                        
        <!-- my account -->
        <div id="myAccount">
                <div class="top">
                <div class="left">
                        <div class="right">&nbsp;</div>
                </div>
            </div>
            
            <div class="middle">
                <div class="left">
                <div class="right">
        
                    <!-- nav -->
                    <div id="myAccountNav">
                        <ul>
                            <li><h2>Order History</h2></li>
                            <li><a href="/myaccount">Open Orders</a></li>
                            <li><a href="/completed-orders">Completed Orders</a></li>
                            <!--
                            <li><h2 class="spacing">Payments</h2></li>
                            <li><a href="#">Payment Options</a></li>
                            -->
                            <li><h2 class="spacing">Account Settings</h2></li>
                            <li><a href="/personal-details" class="active">Personal Details</a></li>
                            <li><a href="/login-details">Login Details</a></li>
                            <li><a href="/address">Shipping Address</a></li>
                            <!--
                            <li><h2 class="spacing">Personalization</h2></li>
                            <li><a href="#">Recommendations</a></li>
                            <li><a href="#">Browsing History</a></li>
                                                -->
                        </ul>
                    </div>
                    <!-- /nav -->
                    
                    <!-- content -->
                    <div class="content">
                                                #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

                        <h1>Personal Details</h1>
                        
                        <div id="personalDetails">
                                                <form id="frmPersonalDetails" name="frmPersonalDetails" method="post" action="">
                                <dl>
                                        <!-- Your Name -->
                                    <dt><label for="txtName">Your Name</label></dt>
                                    <dd>
                                        <div class="imgTextBox">
                                            <div class="left">
                                            <div class="right">
                                                <input type="text" id="txtName" name="txtName" class="textbox" />
                                            </div>
                                            </div>
                                        </div>
                                    </dd>
                                    <!-- /Your Name -->
                                    
                                    <!-- Date of Birth -->
                                                                <dt><label for="dateOfBirth">Date of Birth</label></dt>
                                                                <dd>
                                        <div class="imgTextBox">
                                                                                <div class="left">
                                                                                <div class="right">
                                              <input type="text" id="txtDateOfBirth" name="txtDateOfBirth" class="textbox" /> 
                                                                                </div>
                                            </div>
                                        </div>
                                                                </dd>
                                    <!-- /Date of Birth -->
        
                                                                <!-- Phone -->
                                                                <dt><label for="phone">Phone</label></dt>
                                                                <dd>
                                        <div class="imgTextBox">
                                                                                <div class="left">
                                                                                <div class="right">
                                                <input type="text" id="txtPhone" name="txtPhone" class="textbox" />
                                                                                </div>
                                            </div>
                                        </div>
                                                                </dd>
                                    <!-- /Date of Birth -->
        
                                                              <!-- Communication Email -->
                                    <dt><label for="txtCommEmail">Communication Email</label></dt>
                                    <dd>
                                        <div class="blockLeft">
                                            <div class="imgTextBox">
                                                <div class="left">
                                                <div class="right">
                                                    <input type="text" name="txtCommEmail" id="txtCommEmail" class="textbox" />
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="blockRight style1">
                                            Your communication email address must be validated
                                        </div>
                                        <div class="clearBoth"></div>
                                    </dd>
                                    <!-- /Communication Email -->
                                
                                    <!-- Sex -->
                                    <dt>Sex</dt>
                                    <dd>
                                        <label><input type="radio" name="sex" value="0" /> Male</label>
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        <label><input type="radio" name="sex" value="1" /> Female</label>
                                    </dd>
                                    <!-- /Sex -->
                                    
                                    
                                    <!-- Newsletter Subscription -->
                                                                <!--
                                    <dt>Newsletter Subscription</dt>
                                    <dd>
                                        <label><input type="checkbox" name="subscribe" />&nbsp;&nbsp;Subscribed to Saholic Newsletter</label>
                                    </dd>
                                                                -->
                                    <!-- /Newsletter Subscription -->
                                    
                                    <!-- Captcha -->
                                                                <!-- 
                                    <dt>&nbsp;</dt>
                                    <dd>
                                        <div class="blockLeft">
                                            
                                            <div class="captcha">
                                                <img src="images/captcha.png" width="221" height="74" alt="" />
                                            </div>
                                            
                                            <div class="imgTextBox">
                                                <div class="left">
                                                <div class="right">
                                                    <input type="text" name="txtCaptcha" class="textbox" />
                                                </div>
                                                </div>
                                            </div>
                                                                        </div>
                                        
                                        <div class="blockRight style2">
                                            Enter the letters shown <br />in the image.
                                            <div class="spacing">&nbsp;</div>
                                            Letters are not case-sensitive
                                        </div>
                                        <div class="clearBoth"></div>
                                    </dd>
                                                                -->
                                    <!-- /Captcha -->
                                    
                                    <!-- Buttons -->
                                    <dt class="noBorder"></dt>
                                    <dd>
                                        <div id="formButtons">
                                            <div class="imgDisableButton enableDisableBtnWidth1">
                                                <div class="left">
                                                <div class="right">
                                                    <input type="submit" name="save" value="Save" class="button" />
                                                </div>
                                                </div>
                                            </div>
                                            
                                            <div class="imgDisableButton enableDisableBtnWidth2">
                                                <div class="left">
                                                <div class="right">
                                                    <input type="button" name="cancel" value="Cancel" class="button" />
                                                </div>
                                                </div>
                                            </div>
                                            
                                            <div class="clearBoth"></div>
                                        </div>
                                    </dd>
                                    <!-- /Buttons -->
                                    
                                </dl>
                            </form>
                        </div>
                        
                    </div>
                    <!-- /content -->
                    
                    <div class="clearBoth"></div>
                    
                </div>
                </div>
            </div>
            
            <div class="bottom">
                <div class="left">
                    <div class="right">&nbsp;</div>
                </div>
            </div>
        </div>
        <!-- /my account -->

                        
                        
        </div>
                <!-- /wrapper-->
                
                <!-- sidebar-->
                <div id="sidebar">
                        $action.getCustomerServiceSnippet()
                        $action.getMyResearchSnippet()
                        $action.getBrowseHistorySnippet()
                        <div style="clear:both;padding:2px;">&nbsp;</div>
                </div>
                <!-- /sidebar-->
                
                <div class="clearBoth"></div>
    </div><!-- /main -->
         
         $action.getFooterSnippet()
        
</body>
</html>