Loads group & projects on search page with ajax

1 files changed, 38 insertions, 0 deletions

diff --git a/app/assets/javascripts/search_dropdowns.js.coffee b/app/assets/javascripts/search_dropdowns.js.coffee
index 37c5c94d8b0..747483d1d8b 100644
--- a/app/assets/javascripts/search_dropdowns.js.coffee
+++ b/app/assets/javascripts/search_dropdowns.js.coffee
@@ -3,4 +3,42 @@ class @SearchDropdowns
     $('.js-search-group-dropdown').glDropdown(
       selectable: true
       filterable: true
+      fieldName: 'group_id'
+      data: (term, callback) ->
+        Api.groups term, null, (data) ->
+          data.unshift(
+            name: 'Any'
+          )
+          data.splice 1, 0, 'divider'
+
+          callback(data)
+      id: (obj) ->
+        obj.id
+      text: (obj) ->
+        obj.name
+      clicked: =>
+        @submitSearch()
     )
+
+    $('.js-search-project-dropdown').glDropdown(
+      selectable: true
+      filterable: true
+      fieldName: 'project_id'
+      data: (term, callback) ->
+        Api.projects term, 'id', (data) ->
+          data.unshift(
+            name_with_namespace: 'Any'
+          )
+          data.splice 1, 0, 'divider'
+
+          callback(data)
+      id: (obj) ->
+        obj.id
+      text: (obj) ->
+        obj.name_with_namespace
+      clicked: =>
+        @submitSearch()
+    )
+
+  submitSearch: ->
+    $('.js-search-form').submit()