Login and change password

Login & change password

The login and change password screen is used in the customer management module of myShop. The shop will only be able to be accessed by users with an existing login, which comprises of a username and password. As soon as a customer tries to access the shop he will be asked for this login by means of the login screen. This screen can also be used to alter the password, an existing username / password pair is required for this.

To distinguish these two uses there are two myshop-block extensions which can be used in this template. These are the two blocks and the available extensions withing those blocks:

• myshop-block:login
• myshop-control:username
  The control for the username input of the login form
• myshop-control:password
  The control for the password input of the login form
• myshop-action:login
  The action for the login form
• myshop-action:goto-change-password
  The action part for navigating to the change password page
• myshop-control: save-login-settings
  A checkbox used to set if the login settings (name and password) should be saved on the local computer.
• myshop-block:change-password
• myshop-control:username
  The control for the username input of the change password form
• myshop-control:password
  The control for the (current) password input of the change password form
• myshop-control:password-new1
  The control for the new password to be set of the change password form
• myshop-control:password-new2
  The control for the new password (security check) of the change password form
• myshop-action:goto-login
  The action for returning to the login page
• myshop-action:change-password
  The action for submitting the new password

<span style="myshop-block:login">
    <h1>Login</h1>
    Username:
        <input style="myshop-control:username"/><br/>
    Password:
        <input type="password" style="myshop-control:password"/><br/>
    <input type="image" style="myshop-action:login" src="http://www.mijnwinkel.nl/pic/cmd/en/login.gif" alt="inloggen" align="absmiddle"/>
    <a style="myshop-action:goto-change-password">change password</a><br/><br/>
    <input style="myshop-control:save-login-settings"/>&nbsp;Save login data on my computer.
</span>
<span  style="myshop-block:change-password">
    <h1>Change password</h1>
    Username:
        <input style="myshop-control:username"/><br/>
    Password:
        <input type="password" style="myshop-control:password"/><br/>
    New password:<input type="password" style="myshop-control:password-new1"/><br/>
    New password (again):<input type="password" style="myshop-control:password-new2"/><br/>
    <a style="myshop-action:goto-login"><img src="http://www.mijnwinkel.nl/pic/cmd/en/backinfo.gif" alt="terug" align="absmiddle" border="0"/></a>
    <input type="image" style="myshop-action:change-password" src="http://www.mijnwinkel.nl/pic/cmd/en/changepassword.gif" align="absmiddle" alt="aanpassen wachtwoord"/>
</span>