Buttons work! (And it's ugly)

app/assets/javascripts/buttonhandlers.js

@@ -0,0 +1,73 @@
+// Provides handlers for the buttons!
+
+$(setup_handlers);
+
+function setup_handlers()
+{
+  $('.btn-present').on("click", set_present);
+  $('.btn-absent').on("click", set_absent);
+}
+
+// Update all references on the page to this activity:
+// 1. The present/absent buttons
+// 2. The activity's row-color in any tables
+function activity_changed(activity_id, new_state)
+{
+    // Set the present buttons and absent buttons to their appropriate state
+
+}
+
+function set_present(e)
+{
+  var group, person, activity;
+  group = this.dataset["groupId"];
+  person = this.dataset["personId"];
+  activity = this.dataset["activityId"];
+  $.ajax(`/groups/${group}/activities/${activity}/presence`,
+    {
+      method: 'PUT',
+      data: {person_id: person, attending: true}
+    }
+  );
+
+  // Set row state to success
+  $(`tr[data-person-id=${person}][data-activity-id=${activity}]`)
+    .removeClass('danger warning')
+    .addClass('success');
+
+  // Update present buttons
+  $(`.btn-present[data-person-id=${person}][data-activity-id=${activity}]`)
+    .html(check_selected);
+  $(`.btn-absent[data-person-id=${person}][data-activity-id=${activity}]`)
+    .html(times_unselected);
+}
+
+function set_absent()
+{
+  var group, person, activity;
+  group = this.dataset["groupId"];
+  person = this.dataset["personId"];
+  activity = this.dataset["activityId"];
+  $.ajax(`/groups/${group}/activities/${activity}/presence`,
+    {
+      method: 'PUT',
+      data: {person_id: person, attending: false}
+    }
+  );
+
+  // Set row state to danger
+  $(`tr[data-person-id=${person}][data-activity-id=${activity}]`)
+    .removeClass('success warning')
+    .addClass('danger');
+
+  // Update present buttons
+  $(`.btn-present[data-person-id=${person}][data-activity-id=${activity}]`)
+    .html(check_unselected);
+  $(`.btn-absent[data-person-id=${person}][data-activity-id=${activity}]`)
+    .html(times_selected);
+}
+
+var check_unselected = '<i class="fa fa-check"></i>';
+var check_selected = '<i class="fa fa-check-circle"></i>';
+var times_unselected = '<i class="fa fa-times"></i>';
+var times_selected = '<i class="fa fa-times-circle"></i>';

app/controllers/activities_controller.rb

@@ -1,6 +1,6 @@
 class ActivitiesController < ApplicationController
   include GroupsHelper
-  before_action :set_activity, only: [:show, :edit, :update, :destroy]
+  before_action :set_activity, only: [:show, :edit, :update, :destroy, :presence]
   before_action :set_group
   before_action :require_membership!
 
@@ -65,6 +65,20 @@ class ActivitiesController < ApplicationController
     end
   end
 
+  # PATCH/PUT /groups/:group_id/activities/:id/presence
+  # PATCH/PUT /groups/:group_id/activities/:id/presence.json
+  def presence
+    participant = Participant.find_by(
+      person_id: params[:person_id],
+      activity: @activity
+    )
+    if !@activity.may_change?(current_person)
+      render status: :forbidden
+    end
+
+    participant.update_attributes(params.permit(:notes, :attending))
+  end
+
   private
     # Use callbacks to share common setup or constraints between actions.
     def set_activity

app/controllers/dashboard_controller.rb

@@ -2,7 +2,11 @@ class DashboardController < ApplicationController
   before_action :require_login!
 
   def home
-    @user_organized = current_person.activities.where(is_organizer: true)
-    @need_response = current_person.activities.includes(:participants)
+    @user_organized = current_person.participants.includes(:activity).where(is_organizer: true)
+    @need_response = current_person.participants.includes(:activity).where(attending: nil)
+    @upcoming = current_person.activities.where('start > ?', DateTime.now).includes(:participants)
+    @upcoming = current_person.participants
+      .includes(:activity).joins(:activity)
+      .where("activities.start >= ?", DateTime.now)
   end
 end

app/models/activity.rb

@@ -76,6 +76,13 @@ class Activity < ApplicationRecord
     )
   end
 
+  # Determine whether the passed Person may change this activity.
+  def may_change?(person)
+    person.is_admin ||
+    self.is_organizer(person) ||
+    self.group.is_leader(person)
+  end
+
   private
   # Assert that the deadline for participants to change the deadline, if any,
   # is set before the event starts.

app/models/group.rb

@@ -21,4 +21,13 @@ class Group < ApplicationRecord
   def leaders
     self.members.includes(:person).where(is_leader: true)
   end
+
+  # Determine whether the passed person is a group leader.
+  def is_leader?(person)
+    Member.exists?(
+      person: person,
+      group: self,
+      is_leader: true
+    )
+  end
 end

app/models/participant.rb

@@ -23,4 +23,17 @@ class Participant < ApplicationRecord
       scope: :activity_id,
       message: "person already participates in this activity"
     }
+
+  # TODO: Move to a more appropriate place
+  # @return [String]
+  #   the class for a row containing this activity.
+  def row_class
+    if self.attending
+      "success"
+    elsif self.attending == false
+      "danger"
+    else
+      "warning"
+    end
+  end
 end

app/views/activities/_presence_buttons.haml

@@ -0,0 +1,12 @@
+.btn-group.btn-group-xs{role: "group"}
+  %button.btn.btn-success.btn-present{data: {person_id: person.id, activity_id: activity.id, group_id: activity.group.id}}
+    - if !state
+      %i.fa.fa-check
+    - else
+      %i.fa.fa-check-circle
+
+  %button.btn.btn-danger.btn-absent{data: {person_id: person.id, activity_id: activity.id, group_id: activity.group.id}}
+    - if state == false
+      %i.fa.fa-times-circle
+    - else
+      %i.fa.fa-times

app/views/activities/show.html.erb

@@ -9,13 +9,22 @@
 </ul>
 
 <h2>Participants (<%= @activity.participants.count %>)</h2>
-<ul>
+<table class="table table-bordered">
   <% @activity.participants.each do |p| %>
-    <li>
-      <%= p.person.full_name %>, <%= p.is_organizer %>, <%= p.attending %>
-    </li>
+    <tr class="<%= p.row_class %>" data-person-id="<%= p.person.id %>" data-activity-id="<%= @activity.id %>">
+      <td>
+        <%= p.person.full_name %>
+      </td>
+      <td>
+        <%= p.is_organizer %>
+      </td>
+      <td>
+        <%= p.attending %>
+      </td>
+      <td>
+        <%= render partial: "activities/presence_buttons", locals: {activity: @activity, person: p.person, state: p.attending} %>
   <% end %>
-</ul>
+</table>
 
 <%= link_to 'Edit', edit_group_activity_path(@group, @activity) %> |
 <%= link_to 'Back', group_activities_path(@group) %>

app/views/dashboard/home.html.haml

@@ -1,7 +1,7 @@
 .container
   .row
     - if @need_response.any?
-      .col-md.12
+      .col-md-12
         .panel.panel-default
           .panel-heading
             Need response
@@ -22,12 +22,14 @@
                     Actions
 
               %tbody
-                - @need_response.each do |e|
-                  %tr
+                - @need_response.each do |p|
+                  - e = p.activity
+                  %tr{class: p.row_class, data: {activity_id: e.id}}
                     %td
-                      - if e.secret_name && e.participants.first.is_organizer
-                        = e.secret_name
                       = e.public_name
+                      - if e.secret_name && e.participants.first.is_organizer
+                        %i
+                          = "(#{e.secret_name})"
                     %td
                       = e.group.name
                     %td
@@ -35,6 +37,8 @@
                     %td
                       = e.location
                     %td
+                      = render partial: "activities/presence_buttons", locals: {activity: e, person: current_person, state: p.attending}
+  .row
     .col-md-6
       .panel.panel-default
         .panel-heading
@@ -50,4 +54,33 @@
                       = group.name
 
     .col-md-6
-      TODO
+      .panel.panel-default
+        .panel-heading
+          Organized by you
+
+        .panel-body
+          %table.table.table-striped.table-bordered
+            %tbody
+              - @user_organized.each do |p|
+                - a = p.activity
+                %tr
+                  %td
+                    = link_to group_activity_url(a.group, a) do
+                      = "#{a.public_name} (#{a.secret_name})"
+
+  .row
+    .col-md-12
+      .panel.panel-default
+        .panel-heading
+          Your activities
+
+        .panel-body
+          %table.table.table-striped
+            %tbody
+              - @upcoming.each do |p|
+                - e = p.activity
+                %tr{class: p.row_class, data: {activity_id: e.id}}
+                  %td
+                    = e.public_name
+                  %td
+                    = render partial: "activities/presence_buttons", locals: {activity: e, person: current_person, state: p.attending}

config/routes.rb

@@ -19,7 +19,10 @@ Rails.application.routes.draw do
 
   resources :groups do
     resources :members
-    resources :activities
+    resources :activities do
+      put 'presence', to: 'activities#presence', on: :member
+      patch 'presence', to: 'activities#presence', on: :member
+    end
   end
   get 'my_groups', to: 'groups#user_groups', as: :user_groups