Switch flag/unflag buttons on use via ajax

app/assets/javascripts/application.js

@@ -60,6 +60,7 @@
 //= require legislation_annotatable
 //= require watch_form_changes
 //= require followable
+//= require flagable
 //= require documentable
 //= require tree_navigator
 //= require custom

app/assets/javascripts/flagable.js.coffee

@@ -0,0 +1,4 @@
+App.Flagable =
+
+  update: (proposal_id, button) ->
+    $("#" + proposal_id + " .js-flag-actions-container").html(button).foundation()

app/views/proposals/_refresh_flag_actions.js.erb

@@ -1 +1,2 @@
-$("#<%= dom_id(@proposal) %> .js-flag-actions").html('<%= j render("proposals/flag_actions", proposal: @proposal) %>');
+App.Flagable.update("<%= dom_id(@proposal) %>",
+  "<%= j render("proposals/flag_actions", proposal: @proposal) %>")

app/views/proposals/show.html.erb

@@ -59,7 +59,9 @@
 
           <% if current_user %>
             <span class="bullet">&nbsp;&bull;&nbsp;</span>
-            <%= render 'proposals/flag_actions', proposal: @proposal %>
+            <span class="js-flag-actions-container">
+              <%= render 'proposals/flag_actions', proposal: @proposal %>
+            </span>
           <% end %>
 
         </div>