Make label search work with JSON data

app/assets/javascripts/milestone_select.js.coffee

@@ -14,6 +14,7 @@ class @MilestoneSelect
       $selectbox = $dropdown.closest('.selectbox')
       $block = $selectbox.closest('.block')
       $value = $block.find('.value')
+      $loading = $block.find('.block-loading').fadeOut()
 
       $dropdown.glDropdown(
         data: (term, callback) ->
@@ -67,7 +68,10 @@ class @MilestoneSelect
               .closest('.selectbox')
               .find('input[type="hidden"]')
               .val()
-            console.log 'gonna ajax it with', url: issueUpdateURL, data: issue: milestone_id: selected
+            # need inline-block here instead of show, 
+            # which will default to the element's style in this case inline.
+            $loading
+              .fadeIn()
             $.ajax(
               type: 'PUT'
               url: issueUpdateURL
@@ -75,6 +79,7 @@ class @MilestoneSelect
                 issue: 
                   milestone_id: selected
             ).done (data) ->
+              $loading.fadeOut()
               $selectbox.hide()
               href = $value
                       .show()

app/views/shared/issuable/_filter.html.haml

@@ -23,7 +23,6 @@
 
         .filter-item.inline.labels-filter
           = render "shared/issuable/label_dropdown"
-
         .pull-right
           = render 'shared/sort_dropdown'
 

app/views/shared/issuable/_sidebar.html.haml

@@ -54,6 +54,7 @@
               No
         .title.hide-collapsed
           Milestone
+          =icon('spinner spin', class: 'block-loading')
           - if can?(current_user, :"admin_#{issuable.to_ability_name}", @project)
             = link_to 'Edit', '#', class: 'edit-link pull-right'
         .value.bold.hide-collapsed