[buddypress-trac] [BuddyPress Trac] #3278: @mentions autosuggest support

[buddypress-trac]

#3278: @mentions autosuggest support
------------------------------------+-----------------------
 Reporter:  DJPaul                  |       Owner:
     Type:  enhancement             |      Status:  assigned
 Priority:  normal                  |   Milestone:  2.1
Component:  Notifications           |     Version:
 Severity:  normal                  |  Resolution:
 Keywords:  dev-feedback has-patch  |
------------------------------------+-----------------------
Changes (by DJPaul):

 * keywords:  dev-feedback => dev-feedback has-patch


Comment:

 I've just added 3278.01.patch which brings auto-suggestions to @mention
 lookups. I encourage interested folks to test it out. Here is a high-level
 overview of the patch:

 * Adds two new third-party libraries; [https://github.com/ichord/At.js
 At.js] and its dependency, [https://github.com/ichord/Caret.js Caret.js].
 At.js handles the suggestions UI, including fetching suggestions from the
 server.
 * For our At.js implementation, we've built on top of a number of CSS
 tweaks and JS adaptations that have been taken from Automattic's O2 theme
 (which uses At.js).
 * @mentions suggestions are implemented in the following areas: Activity
 update/reply forms, WordPress post comments, and wp-admin's new/edit post
 screens (but only in the "Text" editor, not "Visual").
  * Some progress has been made on supporting contentEditable areas (such
 as WP's "Visual" editor), but there are a number of bugs and Internet
 Explorer quirks that need to be resolved before it will work reliably.
  * I suggest we don't highlight "Text" editor view support in the release
 notes, and wait until we finish "Visual" editor support in/for BP 2.2.
 * If the Friends component is active, and if the user has any friends,
 we're storing those friends' details in a JS global which At.js uses to
 pre-populate its lookup list (see `bp_friends_prime_mentions_results`).
 This makes it feel super fast and responsive.
  * If a match isn't found, At.js makes an AJAX request back to the server
 to get results.
  * I've iterated on the `search_wildcard` parameter I added in r8675 to
 better handle lookup of surnames (and similarly formatted data).

--
Ticket URL: <https://buddypress.trac.wordpress.org/ticket/3278#comment:40>
BuddyPress Trac <http://buddypress.org/>
BuddyPress Trac