Changeset 1583:cbb6d70613a0

Timestamp:

08/25/13 17:49:00 (10 years ago)

Author:

Lepeltier kévin

Branch:

Ticket #1453

Children:

1584:5808766f506f, 1585:f3419ed55941

Message:

Ticket #1453 : Indiquer le niveau de sécurité des mots de passe lors de l'installation et sur "Informations utilisateur".

Location:

admin

Files:

• install/index.php (modified) (3 diffs)
• style/install.css (modified) (1 diff)
• user.php (modified) (2 diffs)

admin/install/index.php

@@ -267 +267 @@
 
   <script type="text/javascript" src="../js/jquery/jquery.js"></script>
+  <?php echo dcPage::jsLoad('../js/jquery/jquery.pwstrength.js'); ?>
   <script type="text/javascript">
   //<![CDATA[
@@ -278 +279 @@
       $(this).val(this.value.replace(login_re,''));
     });
+    
+     <?php echo "\$('#u_pwd').pwstrength({texts: ['".
+                    sprintf(__('Password strength: %s'),__('very weak'))."', '".
+                    sprintf(__('Password strength: %s'),__('weak'))."', '".
+                    sprintf(__('Password strength: %s'),__('mediocre'))."', '".
+                    sprintf(__('Password strength: %s'),__('strong'))."', '".
+                    sprintf(__('Password strength: %s'),__('very strong'))."']});\n"; ?>
     
     $('#u_login').parent().after($('<input type="hidden" name="u_date" value="' + Date().toLocaleString() + '" />'));
@@ -327 +335 @@
      '<p><label for="u_login" class="required"><abbr title="'.__('Required field').'">*</abbr> '.__('Username:').' '.
      form::field('u_login',30,32,html::escapeHTML($u_login)).'</label></p>'.
-     '<p><label for="u_pwd" class="required"><abbr title="'.__('Required field').'">*</abbr> '.__('Password:').' '.
-     form::password('u_pwd',30,255).'</label></p>'.
+     '<div class="pw-table">'.
+          '<p class="pw-cell">'.
+               '<label for="u_pwd" class="required"><abbr title="'.__('Required field').'">*</abbr> '.__('New password:').'</label>'.
+               form::password('u_pwd',30,255,'','','',false,' data-indicator="pwindicator" ').
+          '</p>'.
+          '<div id="pwindicator">'.
+          '    <div class="bar"></div>'.
+          '    <p class="label no-margin"></p>'.
+          '</div>'.
+     '</div>'.
      '<p><label for="u_pwd2" class="required"><abbr title="'.__('Required field').'">*</abbr> '.__('Confirm password:').' '.
      form::password('u_pwd2',30,255).'</label></p>'.

admin/style/install.css

@@ -154 +154 @@
      border: 1px solid #2C8FD1;
 }
+
+
+/* --------------------------------------------------------------- password indcator */
+.pw-table {
+     display: table;
+     margin-bottom: 1em;
+}
+.pw-cell {
+     display: table-cell;
+     margin-bottom: 1em;
+}
+#pwindicator {
+     display: table-cell;
+     vertical-align: bottom;
+     padding-left: 1.5em;
+     height: 3.8em;
+}
+#pwindicator .bar {
+     height: 6px;
+     margin-bottom: 4px;
+}
+.pw-very-weak .bar {
+     background: #900;
+     width: 30px;
+}
+.pw-weak .bar {
+     background: #c00;
+     width: 60px;
+}
+.pw-mediocre .bar {
+     background: #f60;
+     width: 90px;
+}
+.pw-strong .bar {
+     background: #060;
+     width: 120px;
+}
+.pw-very-strong .bar {
+     background: #0c0;
+     width: 150px;
+}

admin/user.php

@@ -172 +172 @@
 dcPage::open($page_title,
      dcPage::jsConfirmClose('user-form').
+     dcPage::jsLoad('js/jquery/jquery.pwstrength.js').
+          '<script type="text/javascript">'."\n".
+          "//<![CDATA[\n".
+          "\$(function() {\n".
+          "    \$('#new_pwd').pwstrength({texts: ['".
+                    sprintf(__('Password strength: %s'),__('very weak'))."', '".
+                    sprintf(__('Password strength: %s'),__('weak'))."', '".
+                    sprintf(__('Password strength: %s'),__('mediocre'))."', '".
+                    sprintf(__('Password strength: %s'),__('strong'))."', '".
+                    sprintf(__('Password strength: %s'),__('very strong'))."']});\n".
+          "});\n".
+          "\n//]]>\n".
+          "</script>\n".
      
      # --BEHAVIOR-- adminUserHeaders
@@ -203 +216 @@
 '<p class="form-note">'.__('At least 2 characters using letters, numbers or symbols.').'</p>'.
 
-'<p><label for="new_pwd" '.($user_id != '' ? '' : 'class="required"').'>'.
-($user_id != '' ? '' : '<abbr title="'.__('Required field').'">*</abbr> ').
-($user_id != '' ? __('New password:') : __('Password:')).' '.
-form::password('new_pwd',20,255).
-'</label></p>'.
+'<div class="pw-table">'.
+     '<p class="pw-cell">'.
+          '<label for="new_pwd" '.($user_id != '' ? '' : 'class="required"').'>'.
+          ($user_id != '' ? '' : '<abbr title="'.__('Required field').'">*</abbr> ').
+          ($user_id != '' ? __('New password:') : __('Password:')).'</label>'.
+          form::password('new_pwd',20,255,'','','',false,' data-indicator="pwindicator" ').
+     '</p>'.
+     '<div id="pwindicator">'.
+     '    <div class="bar"></div>'.
+    '    <p class="label no-margin"></p>'.
+    '</div>'.
+'</div>'.
 '<p class="form-note">'.__('Password must contain at least 6 characters.').'</p>'.