Changeset 6419

Timestamp:

12/19/2007 09:53:10 PM (18 years ago)

Author:

ryan

Message:

Password strength meter from MellerTime. see #4470

Location:

trunk

Files:

• wp-admin/profile.php (modified) (3 diffs)
• wp-admin/wp-admin.css (modified) (1 diff)
• wp-includes/script-loader.php (modified) (1 diff)

trunk/wp-admin/profile.php

@@ -1 +1 @@
 <?php
 require_once('admin.php');
+
+function profile_js ( ) {
+?>
+<script type="text/javascript">
+    function check_pass_strength ( ) {
+
+        var pass = jQuery('#pass1').val();
+        var user = jQuery('#user_login').val();
+
+        // get the result as an object, i'm tired of typing it
+        var res = jQuery('#pass-strength-result');
+
+        var strength = passwordStrength(pass, user);
+
+        jQuery(res).removeClass('short bad good strong');
+
+        if ( strength == 'Bad' ) {
+            jQuery(res).addClass('bad');
+            jQuery(res).html( pwsL10n.bad );
+        }
+        else if ( strength == 'Good' ) {
+            jQuery(res).addClass('good');
+            jQuery(res).html( pwsL10n.good );
+        }
+        else if ( strength == 'Strong' ) {
+            jQuery(res).addClass('strong');
+            jQuery(res).html( pwsL10n.strong );
+        }
+        else {
+            // this catches 'Too short' and the off chance anything else comes along
+            jQuery(res).addClass('short');
+            jQuery(res).html( pwsL10n.short );
+        }
+
+    }
+
+    jQuery(document).ready( function() { jQuery('#pass1').keyup( check_pass_strength ) } );
+</script>
+<?php
+}
+
+add_action('admin_head', 'profile_js');
+
+wp_enqueue_script('jquery');
+wp_enqueue_script('password-strength-meter');
 
 $title = __('Profile');
@@ -43 +88 @@
 <legend><?php _e('Name'); ?></legend>
 <p><label><?php _e('Username: (no editing)'); ?><br />
-<input type="text" name="user_login" value="<?php echo $profileuser->user_login; ?>" disabled="disabled" />
+<input type="text" name="user_login" id="user_login" value="<?php echo $profileuser->user_login; ?>" disabled="disabled" />
 </label></p>
 
@@ -115 +160 @@
 <input type="password" name="pass2" id="pass2" size="16" value="" />
 </label></p>
+<p><strong><?php _e('Password Strength:'); ?></strong></p>
+<div id="pass-strength-result"><?php _e('Too short'); ?></div>
+<!--[if IE 6]><div id="pass-strength-iesucks"><?php _e("If you weren&#8217;t using this sucky IE6, there would be pretty colors... and cookies!"); ?></div><![endif]-->
+<p><?php _e('Hint: Use upper and lower case characters, numbers and symbols like !"£$%^&( in your password.'); ?></p>
 </fieldset>
 <?php endif; ?>

trunk/wp-admin/wp-admin.css

@@ -1357 +1357 @@
     color: #036;
 }
+
+#pass-strength-result { 
+    padding: 3px 5px 3px 5px;
+    margin-top: 3px;
+    text-align: center; 
+    background-color: #e3e3e3;
+    border: 1px solid #000000;
+}
+
+#pass-strength-result.short { 
+    background-color: #e3e3e3;
+    border: 1px solid #000000; 
+} 
+
+#pass-strength-result.bad { 
+    background-color: #ffeff7;
+    border: 1px solid #cc6699; 
+} 
+
+#pass-strength-result.good { 
+    background-color: #effff4;
+    border: 1px solid #66cc87; 
+} 
+
+#pass-strength-result.strong { 
+    background-color: #59ef86;
+    border: 1px solid #319f52;
+} 
+
+#pass-strength-iesucks { 
+    font-size: 8pt; 
+    text-align: center; 
+} 

trunk/wp-includes/script-loader.php

@@ -118 +118 @@
             $this->add( 'admin-categories', '/wp-admin/js/categories.js', array('wp-lists'), '20071031' );
             $this->add( 'admin-custom-fields', '/wp-admin/js/custom-fields.js', array('wp-lists'), '20070823' );
+            $this->add( 'password-strength-meter', '/wp-admin/js/passwordStrengthMeter.js', array('jquery'), '20070405' ); 
+            $this->localize( 'password-strength-meter', 'pwsL10n', array( 
+                'short' => __('Too short'), 
+                'bad' => __('Bad'), 
+                'good' => __('Good'), 
+                'strong' => __('Strong') 
+            ) );
             $this->add( 'admin-comments', '/wp-admin/js/edit-comments.js', array('wp-lists'), '20071104' );
             $this->add( 'admin-posts', '/wp-admin/js/edit-posts.js', array('wp-lists'), '20071023' );