Changeset 1967

Timestamp:

10/11/2015 09:59:37 PM (11 years ago)

Author:

ocean90

Message:

Trac: Link @-mentions to the w.org profile.

See #830.

Location:

sites/trunk/wordpress.org/public_html/style/trac

Files:

• wp-trac.css (modified) (1 diff)
• wp-trac.js (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/style/trac/wp-trac.css

@@ -1741 +1741 @@
 }
 
+a.mention.me {
+        font-weight: bold;
+        background: #ffe399;
+        color: #23282d;
+        box-shadow: 1px 0 0 0 #ffe399, -1px 0 0 0 #ffe399;
+}
 
 /* =Responsive / Mobile

sites/trunk/wordpress.org/public_html/style/trac/wp-trac.js

@@ -57 +57 @@
 
                         wpTrac.autocomplete.init();
+                        wpTrac.linkMentions();
 
                         if ( ! $(document.body).hasClass( 'plugins' ) ) {
@@ -80 +81 @@
                                         }
                                         $el.parent( 'a.profile-link' ).after( ' ' + html.prop('outerHTML') );
+                                }
+                        });
+                },
+
+                linkMentions: function() {
+                        // See https://github.com/regexps/mentions-regex/blob/master/index.js#L21
+                        var mentionsRegEx = /(?:^|[^a-zA-Z0-9_＠!@#$%&*])(?:(?:@|＠)(?!\/))([a-zA-Z0-9/_.]{1,15})(?:\b(?!@|＠)|$)/g;
+
+                        $( 'div.change .comment, #ticket .description' ).each( function() {
+                                $comment = $( this ).html();
+                                if ( mentionsRegEx.test( $comment ) ) {
+                                        $comment = $comment.replace( mentionsRegEx, function( match, username ) {
+                                                var meClass = ( username === wpTrac.currentUser ) ? ' me' : '';
+                                                return ' <a class="mention' + meClass + '" href="https://profiles.wordpress.org/' + username + '">@' + username + '</a>';
+                                        } );
+                                        $( this ).html( $comment );
                                 }
                         });