Subversion Repositories SmartDukaan

Rev

Rev 1036 | Rev 1427 | 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" )

    <link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css" />
    <!--<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="left-grey-top">
            <div class="left-grey-left">
              <div class="left-white-right">&nbsp;</div>
            </div>
          </div>

          <div class="middle">
            <div class="middle-grey-left">
              <div class="middle-white-right">

                <!-- nav -->
                <div id="myAccountNav">
                  <ul class="menu">
                    <li class="menu-item first">
                      <h2>Order History</h2>
                    </li>
                    <li class="menu-item">
                      <a href="/myaccount">Open Orders</a>
                    </li>
                    <li class="menu-item">
                      <a href="/completed-orders">Completed Orders</a>
                    </li>
                    <!--
                    <li><h2 class="spacing">Payments</h2></li>
                    <li><a href="#">Payment Options</a></li>
                    -->
                    <li class="menu-item">
                      <h2 class="spacing">Account Settings</h2>
                    </li>
                    <li class="menu-item">
                      <a href="/personal-details" class="active">Personal Details</a>
                    </li>
                    <li class="menu-item">
                      <a href="/login-details">Login Details</a>
                    </li>
                    <li clas="menu-item last">
                      <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="">
                      <!-- Your Name -->
                      <div class="form-item" id="edit-name-wrapper">
                        <label for="txtName">Your Name</label>
                        <div class="imgTextBox textbox-image">
                          <input type="text" id="txtName" name="txtName" class="textbox" />
                        </div>
                      </div>
                      <!-- /Your Name -->


                      <!-- Date of Birth -->
                      <div class="form-item" id="edit-date-of-birth-wrapper">
                        <label for="dateOfBirth">Date of Birth</label>
                        <div class="imgTextBox textbox-image">
                          <input type="text" id="txtDateOfBirth" name="txtDateOfBirth" class="textbox" />
                        </div>
                      </div>
                      <!-- /Date of Birth -->
                      <!-- Phone -->
                      <div class="form-item" id="edit-phone-wrapper">
                        <label for="phone">Phone</label>
                        <div class="imgTextBox textbox-image">
                          <input type="text" id="txtPhone" name="txtPhone" class="textbox" />
                        </div>
                      </div>
                      <!-- /Phone -->
                      <!-- Communication Email -->
                      <div class="form-item" id="edit-communication-email-wrapper">
                        <label for="txtCommEmail">Communication Email</label>
                        <div class="blockLeft">
                          <div class="imgTextBox textbox-image">
                            <input type="text" name="txtCommEmail" id="txtCommEmail" class="textbox" />
                          </div>
                        </div>

                        <div class="blockRight style1">
                          Your communication email address must be validated
                        </div>
                        <div class="clearBoth"></div>
                      </div>
                      <!-- /Communication Email -->
                      <!-- Sex -->
                      <div class="form-item" id="edit-sex-wrapper">
                        <label for="radiosex">Sex</label>
                        <div class="radio-buttons">
                          <input type="radio" name="sex" value="0" /> Male
                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                          <input type="radio" name="sex" value="1" /> Female
                        </div>
                      </div>
                      <!-- /Sex -->


                      <!-- Newsletter Subscription -->
                      <!--
                                    <dt>Newsletter Subscription</dt>
                                    <dd>
                                        <label><input type="checkbox" name="subscribe" />&nbsp;&nbsp;Subscribed to Shop2020 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 -->
                      <div id="formButtons" class="form-buttons">
                      <div class="form-button-outer first">
                        <div class="imgDisableButton enableDisableBtnWidth1 yellow-image">
                              <input type="submit" name="save" value="Save" class="button" />
                        </div>
                      </div>
                      <div class="form-button-outer last">
                        <div class="imgDisableButton enableDisableBtnWidth2 yellow-image">
                              <input type="button" name="cancel" value="Cancel" class="button" />
                        </div>
                      </div>
                        <div class="clearBoth"></div>
                      </div>
                      <!-- /Buttons -->
                    </form>
                  </div>

                </div>
                <!-- /content -->

                <div class="clearBoth"></div>

              </div>
            </div>
          </div>

          <div class="bottom">
            <div class="bottom-grey-left">
              <div class="bottom-white-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()

     #include ( "templates/commonjsfiles.vm" )
    <script type="text/javascript" language="javascript" src="http://jqueryui.com/jquery-1.4.4.js"></script>
    <script type="text/javascript" language="javascript" src="http://jqueryui.com/ui/jquery.ui.core.js"></script>
    <script type="text/javascript" language="javascript" src="http://jqueryui.com/ui/jquery.ui.widget.js"></script>
    <script type="text/javascript" language="javascript" src="http://jqueryui.com/ui/jquery.ui.datepicker.js"></script>
        
    <script>
      $(function() {
        $( "#txtDateOfBirth" ).datepicker({
          changeMonth: true,
          changeYear: true,
          minDate: -20, maxDate: "+1M +10D"
        });
      });
      $( "#datepicker" ).datepicker({ });
    </script>

  </body>
</html>