openproject/app/assets/javascripts/autocomplete_textareas.js.erb

<%#-- copyright
OpenProject is a project management system.
Copyright (C) 2012-2013 the OpenProject Foundation (OPF)

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License version 3.

OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
Copyright (C) 2006-2013 Jean-Philippe Lang
Copyright (C) 2010-2013 the ChiliProject Team

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

See doc/COPYRIGHT.rdoc for more details.

++#%>

jQuery(function($){
  $('textarea.wiki-edit').each(function(){
    var url = $(this).data('wp_autocomplete_url')
    if (url !== undefined) {
      $(this).atwho({
        at: '#',
        start_with_space: false,
        search_key: 'id_subject',
        tpl: '<li data-value="${atwho-at}${id}"><strong>${id}</strong> ${subject}</li>',
        callbacks: {
          /*
           It function is given, At.js will invoke it if local filter can not find any data
           @param query [String] matched query
           @param callback [Function] callback to render page.
          */
          remote_filter: function(query, callback) {
            $.getJSON(url, {q: query}, function(data) {
              // atjs needs the search key to be a string
              for (var i = data.length - 1; i >= 0; i--) {
                data[i]['id_subject'] = data[i]['id'].toString() + ' ' + data[i]['subject'];
              };
              callback(data);
            });
          }
        }
      });
    }
  });
});