Code

Added password strength meter. Closes #323.
[gosa.git] / gosa-core / plugins / personal / password / password.tpl
1 <script type="text/javascript" src="include/pwdStrength.js"></script>
3 <p>
4   {t}To change your personal password use the fields below. The changes take effect immediately. Please memorize the new password, because you wouldn't be able to login without it.{/t}
5 </p>
7 <p>
8   {t}Changing the password affects your authentification on mail, proxy, samba and unix services.{/t}
9 </p>
11 <table summary="" style="vertical-align:top; text-align:left;" cellpadding=4 border=0>
12   <tr>
13     <td><b><LABEL for="current_password">{t}Current password{/t}</LABEL></b></td>
14     <td><input id="current_password" type="password" name="current_password" size="30" maxlength="40"
15                 onFocus="nextfield= 'new_password';"></td>
16   </tr>
17   <tr>
18     <td><b><LABEL for="new_password">{t}New password{/t}</LABEL></b></td>
19     <td><input id="new_password" type="password" name="new_password" size="30" maxlength="40"
20                 onFocus="nextfield= 'repeated_password';" onkeyup="testPasswordCss(document.getElementById('new_password').value);"></td>
21   </tr>
22   <tr>
23     <td><b><LABEL for="repeated_password">{t}Repeat new password{/t}</LABEL></b></td>
24     <td><input id="repeated_password" type="password" name="repeated_password" size="30" maxlength="40"
25                 onFocus="nextfield= 'password_finish';"></td>
26   </tr>
27   <tr>
28     <td><b>{t}Strength{/t}</b></td>
29     <td>
30         <span id="meterEmpty" style="padding:0;margin:0;width:100%;background-color:#DC143C;display:block;height:5px;">
31         <span id="meterFull" style="padding:0;margin:0;z-index:100;width:0;background-color:#006400;display:block;height:5px;"></span></span>
32     </td>
33   </tr>
34 </table>
36 <br>
38 <p class="plugbottom">
39   <input type=submit name="password_finish" value="{t}Set password{/t}">
40   &nbsp;
41   <input type=reset id="password_cancel" name="password_cancel" value="{t}Clear fields{/t}">
42   <input type='hidden' id='formSubmit'>
43 </p>
45 <input type="hidden" name="ignore">
47 <!-- Place cursor -->
48 <script language="JavaScript" type="text/javascript">
49   <!-- // First input field on page
50   nextfield= 'current_password';
51         focus_field('current_password');
52   -->
53 </script>