Auto-complete issues #id in the search form (#32052).

Patch by Mizuki ISHIKAWA.


git-svn-id: http://svn.redmine.org/redmine/trunk@18498 e93f8b46-1217-0410-a6f0-8f06a7374b81

app/views/layouts/base.html.erb

@@ -80,7 +80,11 @@
         <label for='q'>
           <%= link_to l(:label_search), {:controller => 'search', :action => 'index', :id => @project, :scope => default_search_project_scope}, :accesskey => accesskey(:search) %>:
         </label>
-        <%= text_field_tag 'q', @question, :size => 20, :class => 'small', :accesskey => accesskey(:quick_search) %>
+        <%= text_field_tag 'q', @question, :size => 20, :class => 'small', :accesskey => accesskey(:quick_search),
+                            :data => {
+                                :auto_complete => true,
+                                :issues_url => auto_complete_issues_path(:q => '')
+                            } %>
         <% end %>
         <%= render_project_jump_box %>
     </div>

app/views/search/index.html.erb

@@ -3,7 +3,11 @@
 <%= form_tag({}, :method => :get, :id => 'search-form') do %>
 <div class="box">
 <%= label_tag "search-input", l(:description_search), :class => "hidden-for-sighted" %>
-<p><%= text_field_tag 'q', @question, :size => 60, :id => 'search-input' %>
+<p><%= text_field_tag 'q', @question, :size => 60, :id => 'search-input',
+                      :data => {
+                          :auto_complete => true,
+                          :issues_url => auto_complete_issues_path(:q => '')
+                      } %>
 <%= project_select_tag %>
 <%= hidden_field_tag 'all_words', '', :id => nil %>
 <label><%= check_box_tag 'all_words', 1, @all_words %> <%= l(:label_all_words) %></label>

public/javascripts/application.js

@@ -1036,6 +1036,9 @@ function inlineAutoComplete(element) {
     const tribute = new Tribute({
       trigger: '#',
       values: function (text, cb) {
+        if (event.target.type === 'text' && $(element).attr('autocomplete') != 'off') {
+          $(element).attr('autocomplete', 'off');
+        }
         remoteSearch(issuesUrl + text, function (issues) {
           return cb(issues);
         });