elevation_event_calendar 1.0.0

data/generators/event_calendar/templates/controller.rb.erb

@@ -0,0 +1,12 @@
+class <%= view_name.classify %>Controller < ApplicationController
+  
+  def index
+    @month = params[:month].to_i
+    @year = params[:year].to_i
+
+    @shown_month = Date.civil(@year, @month)
+
+    @event_strips = <%= class_name.classify %>.event_strips_for_month(@shown_month)
+  end
+  
+end

data/generators/event_calendar/templates/helper.rb.erb

@@ -0,0 +1,35 @@
+module <%= view_name.classify %>Helper
+  def month_link(month_date)
+    link_to(I18n.localize(month_date, :format => "%B"), {:month => month_date.month, :year => month_date.year})
+  end
+  
+  # custom options for this calendar
+  def event_calendar_opts
+    { 
+      :year => @year,
+      :month => @month,
+      :event_strips => @event_strips,
+      :month_name_text => I18n.localize(@shown_month, :format => "%B %Y"),
+      :previous_month_text => "<< " + month_link(@shown_month.last_month),
+      :next_month_text => month_link(@shown_month.next_month) + " >>"<%- if options[:use_all_day] -%>,
+      :use_all_day => true
+      <%- end -%>
+    }
+  end
+
+  def event_calendar
+    # args is an argument hash containing :event, :day, and :options
+    calendar event_calendar_opts do |args|
+      <%- if options[:use_all_day] -%>
+      event, day = args[:event], args[:day]
+      html = %(<a href="/events/#{event.id}" title="#{h(event.name)}">)
+      html << display_event_time(event, day)
+      html << %(#{h(event.name)}</a>)
+      html
+      <%- else -%>
+      event = args[:event]
+      %(<a href="/events/#{event.id}" title="#{h(event.name)}">#{h(event.name)}</a>)
+      <%- end -%>
+    end
+  end
+end

data/generators/event_calendar/templates/javascript.js

@@ -0,0 +1,49 @@
+/*
+ * Smart event highlighting
+ * Handles for when events span rows, or don't have a background color
+ */
+Event.observe(window, "load", function() {
+  var highlight_color = "#2EAC6A";
+  
+  // highlight events that have a background color
+  $$(".ec-event-bg").each(function(ele) {
+    ele.observe("mouseover", function(evt) {
+      event_id = ele.readAttribute("data-event-id");
+      $$(".ec-event-"+event_id).each(function(el) {
+        el.setStyle({ backgroundColor: highlight_color });
+      });
+    });
+    ele.observe("mouseout", function(evt) {
+      event_color = ele.readAttribute("data-color");
+      event_id = ele.readAttribute("data-event-id");
+      $$(".ec-event-"+event_id).each(function(el) {
+        el.setStyle({ backgroundColor: event_color });
+      });
+    });
+  });
+  
+  // highlight events that don't have a background color
+  $$(".ec-event-no-bg").each(function(ele) {
+    ele.observe("mouseover", function(evt) {
+      ele.setStyle({ color: "white" });
+      ele.select("a").each(function(link) {
+        link.setStyle({ color: "white" });
+      });
+      ele.select(".ec-bullet").each(function(bullet) {
+        bullet.setStyle({ backgroundColor: "white" });
+      });
+      ele.setStyle({ backgroundColor: highlight_color });
+    });
+    ele.observe("mouseout", function(evt) {
+      event_color = ele.readAttribute("data-color");
+      ele.setStyle({ color: event_color });
+      ele.select("a").each(function(link) {
+        link.setStyle({ color: event_color });
+      });
+      ele.select(".ec-bullet").each(function(bullet) {
+        bullet.setStyle({ backgroundColor: event_color });
+      });
+      ele.setStyle({ backgroundColor: "transparent" });
+    });
+  });
+});

data/generators/event_calendar/templates/jq_javascript.js

@@ -0,0 +1,35 @@
+/*
+ * Smart event highlighting
+ * Handles when events span rows, or don't have a background color
+ */
+$(document).ready(function() {
+  var highlight_color = "#2EAC6A";
+  
+  // highlight events that have a background color
+  $(".ec-event-bg").live("mouseover", function() {
+    event_id = $(this).attr("data-event-id");
+    $(".ec-event-"+event_id).css("background-color", highlight_color);
+  });
+  $(".ec-event-bg").live("mouseout", function() {
+    event_id = $(this).attr("data-event-id");
+    event_color = $(this).attr("data-color");
+    $(".ec-event-"+event_id).css("background-color", event_color);
+  });
+  
+  // highlight events that don't have a background color
+  $(".ec-event-no-bg").live("mouseover", function() {
+    ele = $(this);
+    ele.css("color", "white");
+    ele.find("a").css("color", "white");
+    ele.find(".ec-bullet").css("background-color", "white");
+    ele.css("background-color", highlight_color);
+  });
+  $(".ec-event-no-bg").live("mouseout", function() {
+    ele = $(this);
+    event_color = $(this).attr("data-color");
+    ele.css("color", event_color);
+    ele.find("a").css("color", event_color);
+    ele.find(".ec-bullet").css("background-color", event_color);
+    ele.css("background-color", "transparent");
+  });
+});

data/generators/event_calendar/templates/migration.rb.erb

@@ -0,0 +1,18 @@
+class Create<%= class_name.classify.pluralize %> < ActiveRecord::Migration
+  def self.up
+    create_table :<%= class_name.pluralize %> do |t|
+      t.string :name
+      t.datetime :start_at
+      t.datetime :end_at
+      <%- if options[:use_all_day] -%>
+      t.boolean :all_day
+      <%- end -%>
+
+      t.timestamps
+    end
+  end
+
+  def self.down
+    drop_table :<%= class_name.pluralize %>
+  end
+end

data/generators/event_calendar/templates/model.rb.erb

@@ -0,0 +1,4 @@
+class <%= class_name.classify %> < ActiveRecord::Base
+  has_event_calendar
+  
+end

data/generators/event_calendar/templates/stylesheet.css

@@ -0,0 +1,233 @@
+/* 
+  Event Calendar stylesheet
+  
+  Colors:
+  #d5d5d5 - border (gray)
+  #303030 - day names bg (gray)
+  #444 - number (gray)
+  #ecede2 - day header bg (light tan)
+  ##d7d7ba - today header bg (tan)
+  #ffffdd - today bg light (yellow)
+  #777 - other month number (gray)
+  #efefef - other month day header (gray)
+  #2eac6a - hover (green)
+*/
+
+/* Outer most container */
+.ec-calendar {
+  font-family: verdana, arial, helvetica, sans-serif;
+  font-size: 11px;
+  line-height: 14px;
+  margin: 0;
+  padding: 0;
+  border-bottom: 1px solid #d5d5d5;
+}
+
+/* Month name header & links */
+.ec-calendar-header {
+  padding: 5px 0;
+  width: 100%;
+  table-layout: fixed;
+}
+
+.ec-month-name {
+  font-size: 16px;
+  font-weight: bold;
+}
+
+.ec-month-nav {
+
+}
+
+/* Containers */
+.ec-body {
+  position: relative;
+  border-right: 1px solid #303030;
+  white-space: nowrap;
+}
+
+/* Day names */
+.ec-day-names {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  table-layout: fixed;
+  padding: 2px 0;
+  background: #303030;
+  color: white;
+}
+
+.ec-day-name {
+  font-weight: normal;
+}
+
+/* Rows container and Row */
+.ec-rows {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  background: white;
+  overflow: hidden;
+  border-right: 1px solid #d5d5d5;
+}
+
+.ec-row {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  overflow: hidden;
+}
+
+/* Background */
+.ec-row-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  table-layout: fixed;
+}
+
+.ec-day-bg {
+  border-left: 1px solid #d5d5d5;
+}
+
+.ec-today-bg {
+  background-color: #ffffdd;
+}
+
+.ec-row-table {
+  position: relative;
+  width: 100%;
+  table-layout: fixed;
+}
+
+/* Day header */
+.ec-day-header {
+  color: #444;
+  text-align: right;
+  padding: 0 5px;
+  line-height: 16px;
+  border-top: 1px solid #d5d5d5;
+  border-left: 1px solid #d5d5d5;
+  border-bottom: 1px dotted #bbbbbb;
+  background-color: #ecede2;
+  overflow: hidden;
+}
+
+a.ec-day-link {
+  color: #444;
+}
+
+.ec-today-header {
+  background-color: #d7d7ba;
+}
+
+.ec-weekend-day-header {
+  
+}
+
+.ec-other-month-header {
+  background-color: #efefef;
+  color: #777;
+}
+
+
+/* Event cell and container */
+.ec-event-cell {
+  cursor: pointer;
+  vertical-align: top;
+  padding-right: 1px;
+  padding-left: 2px;
+}
+
+.ec-event-cell a {
+  text-decoration: none;
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.ec-no-event-cell {
+  cursor: default;
+}
+
+.ec-event {
+  color: white;
+  padding-right: 1px;
+  padding-left: 11px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
+  -moz-border-radius: 3px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.ec-event :hover {
+  /* doesn't look as good as js highlighting */
+  /* background-color: #2eac6a; */
+}
+
+.ec-event-bg a {
+  color: white;
+}
+
+/* used to distinguish non-all_day events */
+.ec-event-no-bg {
+  position: relative;
+  /* padding-left: 5px; */
+}
+
+.ec-event-no-bg a {
+  /* isn't implemented in all browsers */
+  color: inherit;
+}
+
+.ec-event-time {
+  font-size: 85%;
+  font-weight: bold;
+  padding-right: 3px;
+}
+
+
+/* Left and right arrows */
+/* Doesn't work in IE6, use bg images instead */
+.ec-left-arrow, .ec-right-arrow {
+  position: relative;
+  top: 3px;
+  width: 0;
+  height: 0;
+  font-size: 0;
+  line-height: 0;
+  margin-bottom: -8px;
+  border-top: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+}
+
+.ec-left-arrow {
+  margin-left: -7px;
+  margin-right: auto;
+  border-right: 4px solid white;
+}
+
+.ec-right-arrow {
+  margin-left: auto;
+  margin-right: 3px;
+  border-left: 4px solid white;
+}
+
+/* remove this to not have a bullet */
+/* don't look as good in ie */
+.ec-bullet {
+  position: absolute;
+  top: 7px;
+  width: 4px;
+  height: 4px;
+  margin-left: -7px;
+  margin-right: auto;
+  -webkit-border-radius: 2px;
+  -khtml-border-radius: 2px;
+  -moz-border-radius: 2px;
+}

data/generators/event_calendar/templates/view.html.erb

@@ -0,0 +1,6 @@
+<!-- Probably move the stylesheet to you layout. Also make sure you include the javascript. -->
+<%%= stylesheet_link_tag "event_calendar" %>
+
+<h1>Calendar</h1>
+
+<%%= event_calendar %>

data/lib/event_calendar.rb

@@ -0,0 +1,172 @@
+module EventCalendar
+  
+  module PluginMethods
+    def has_event_calendar
+      ClassMethods.setup_event_calendar_on self
+    end
+  end
+  
+  # class Methods
+  module ClassMethods
+    
+    def self.setup_event_calendar_on(recipient)
+      recipient.extend ClassMethods
+      recipient.class_eval do
+        include InstanceMethods
+      end
+    end
+    
+    # For the given month, find the start and end dates
+    # Find all the events within this range, and create event strips for them
+    def event_strips_for_month(shown_date, first_day_of_week=0)
+      strip_start, strip_end = get_start_and_end_dates(shown_date, first_day_of_week)
+      events = events_for_date_range(strip_start, strip_end)
+      event_strips = create_event_strips(strip_start, strip_end, events)
+      event_strips
+    end
+    
+    # Expand start and end dates to show the previous month and next month's days,
+    # that overlap with the shown months display
+    def get_start_and_end_dates(shown_date, first_day_of_week=0)
+      # start with the first day of the given month
+      start_of_month = Date.civil(shown_date.year, shown_date.month, 1)
+      # the end of last month
+      strip_start = beginning_of_week(start_of_month, first_day_of_week)
+      # the beginning of next month, unless this month ended evenly on the last day of the week
+      if start_of_month.next_month == beginning_of_week(start_of_month.next_month, first_day_of_week)
+        # last day of the month is also the last day of the week
+        strip_end = start_of_month.next_month
+      else
+        # add the extra days from next month
+        strip_end = beginning_of_week(start_of_month.next_month + 7, first_day_of_week)
+      end
+      [strip_start, strip_end]
+    end
+    
+    # Get the events overlapping the given start and end dates
+    def events_for_date_range(start_d, end_d)
+      self.find(
+        :all,
+        :conditions => [ '(? <= end_at) AND (start_at < ?)', start_d.to_time.utc, end_d.to_time.utc ],
+        :order => 'start_at ASC'
+      )
+    end
+    
+    # Create the various strips that show evetns
+    def create_event_strips(strip_start, strip_end, events)
+      # create an inital event strip, with a nil entry for every day of the displayed days
+      event_strips = [[nil] * (strip_end - strip_start + 1)]
+    
+      events.each do |event|
+        cur_date = event.start_at.to_date
+        end_date = event.end_at.to_date
+        cur_date, end_date = event.clip_range(strip_start, strip_end)
+        start_range = (cur_date - strip_start).to_i
+        end_range = (end_date - strip_start).to_i
+      
+        # make sure the event is within our viewing range
+        if (start_range <= end_range) and (end_range >= 0) 
+          range = start_range..end_range
+          
+          open_strip = space_in_current_strips?(event_strips, range)
+          
+          if open_strip.nil?
+            # no strips open, make a new one
+            new_strip = [nil] * (strip_end - strip_start + 1)
+            range.each {|r| new_strip[r] = event}
+            event_strips << new_strip
+          else
+            # found an open strip, add this event to it
+            range.each {|r| open_strip[r] = event}
+          end
+        end
+      end
+      event_strips
+    end
+    
+    def space_in_current_strips?(event_strips, range)
+      open_strip = nil
+      for strip in event_strips
+        strip_is_open = true
+        range.each do |r|
+          # overlapping events on this strip
+          if !strip[r].nil?
+            strip_is_open = false
+            break
+          end
+        end
+
+        if strip_is_open
+          open_strip = strip
+          break
+        end
+      end
+      open_strip
+    end
+    
+    def days_between(first, second)
+      if first > second
+        second + (7 - first)
+      else
+        second - first
+      end
+    end
+
+    def beginning_of_week(date, start = 0)
+      days_to_beg = days_between(start, date.wday)
+      date - days_to_beg
+    end
+    
+  end
+  
+  # Instance Methods
+  # Override in your model as needed
+  module InstanceMethods
+    def year
+      date.year
+    end
+  
+    def month
+      date.month
+    end
+ 
+    def day
+      date.day
+    end
+    
+    def all_day
+      self[:all_day]
+    end
+    
+    def color
+      self[:color] || '#9aa4ad'
+    end
+  
+    def days
+      end_at.to_date - start_at.to_date
+    end
+  
+    # start_d - start of the month, or start of the week
+    # end_d - end of the month, or end of the week
+    def clip_range(start_d, end_d)
+      # make sure we are comparing date objects to date objects,
+      # otherwise timezones can cause problems
+      start_at_d = start_at.to_date
+      end_at_d = end_at.to_date
+      # Clip start date, make sure it also ends on or after the start range
+      if (start_at_d < start_d and end_at_d >= start_d)
+        clipped_start = start_d
+      else
+        clipped_start = start_at_d
+      end
+    
+      # Clip end date
+      if (end_at_d > end_d)
+        clipped_end = end_d
+      else
+        clipped_end = end_at_d
+      end
+      [clipped_start, clipped_end]
+    end
+  end
+end