Changeset 6419

Timestamp:

12/19/2007 09:53:10 PM (19 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' );