In-place notes editing!

Gemfile

@@ -31,6 +31,9 @@ gem 'bcrypt', '~> 3.1.7'
 gem 'bootstrap-sass', '~> 3.3.6'
 gem 'autoprefixer-rails'
 
+# In-place editing
+gem 'x-editable-rails'
+
 # Use HAML for templates
 gem 'haml'
 

Gemfile.lock

@@ -159,6 +159,8 @@ GEM
     websocket-driver (0.6.4)
       websocket-extensions (>= 0.1.0)
     websocket-extensions (0.1.2)
+    x-editable-rails (1.5.5)
+      railties
     yard (0.9.5)
 
 PLATFORMS
@@ -185,6 +187,7 @@ DEPENDENCIES
   tzinfo-data
   uglifier (>= 1.3.0)
   web-console
+  x-editable-rails
   yard
 
 BUNDLED WITH

app/assets/javascripts/application.js

@@ -14,4 +14,7 @@
 //= require jquery_ujs
 //= require turbolinks
 //= require bootstrap-sprockets
+//= require editable/bootstrap-editable
+//= require editable/rails
 //= require_tree .
+

app/assets/javascripts/buttonhandlers.js

@@ -6,6 +6,7 @@ $(setup_handlers);
 function setup_handlers()
 {
   $('.btn-presence').on("click", change_presence);
+  $('.editable').editable();
 }
 
 // Callback that is triggered when a presence button is clicked.

app/assets/stylesheets/application.scss

@@ -19,6 +19,8 @@
 @import "font-awesome-sprockets";
 @import "font-awesome";
 
+@import "editable/bootstrap-editable";
+
 /* Horizontally distribute ul items.
  *
  * Adapted from the following StackOverflow answer:

app/controllers/activities_controller.rb

@@ -76,6 +76,9 @@ class ActivitiesController < ApplicationController
       render status: :forbidden
     end
 
+    if params[:participant]
+      params[:notes] = params[:participant][:notes]
+    end
     participant.update_attributes(params.permit(:notes, :attending))
   end
 

app/helpers/dashboard_helper.rb

@@ -1,2 +1,6 @@
 module DashboardHelper
+  def xeditable? obj = nil
+    obj.activity.may_change? current_person
+    true
+  end
 end

app/views/activities/show.html.erb

@@ -19,7 +19,9 @@
         <%= p.is_organizer %>
       </td>
       <td>
-        <%= p.attending %>
+        <%=
+          editable p, :notes, url: presence_group_activity_path(@activity.group, @activity, person_id: p.person_id), title: "Notes", value: p.notes
+        %>
       </td>
       <td>
         <%= render partial: "activities/presence_buttons", locals: {activity: @activity, person: p.person, state: p.attending} %>

app/views/dashboard/home.html.haml

@@ -84,3 +84,5 @@
                     = e.public_name
                   %td
                     = render partial: "activities/presence_buttons", locals: {activity: e, person: current_person, state: p.attending}
+                  %td
+                    = editable p, :notes, url: presence_group_activity_path(e.group, e, person_id: current_person.id), title: "Notes", value: p.notes