social_stream 1.1.12 → 2.0.0.beta1

data/events/app/assets/javascripts/social_stream/calendar.js.erb

@@ -0,0 +1,135 @@
+//= require jquery.tipsy
+
+SocialStream.Calendar = (function(SS, $, undefined){
+  var eventsPath;
+
+  var element = function(){
+    return $("#sidebar_calendar");
+  }
+  var eventElementRegExp = new RegExp('day_(..?)_(..?)_(..?.?.?)');
+
+  var eventElementMatch = function(el){
+    return eventElementRegExp.exec($(el).attr('id'));
+  }
+
+  var eventElementDate = function(el) {
+    var m = eventElementMatch(el);
+
+    if(m == null) return;
+
+    return new Date(m[3], (m[2]-1), m[1], 23, 59, 59);
+  }
+
+  var eventElement = function(date) {
+    return $('#day_' + date.getDate() + '_' + (date.getMonth()+1) + '_' + date.getFullYear())
+  }
+
+  var show = function(){
+    var cal = $('#sidebar_calendar');
+    var calStart = cal.attr('data-start');
+    var calEnd = cal.attr('data-end');
+    eventsPath = cal.attr('data-path');
+
+    var now = new Date();
+
+    eventElement(now).addClass('today');
+
+
+    cal.find('#days td').each(function(index, domEl){
+      var d = eventElementDate(domEl)
+
+      if(d < now) $(domEl).addClass('past');
+      if(d.getMonth() != now.getMonth() && d > now) $(domEl).addClass('next_month');
+    });
+
+    $.ajax({
+      dataType: 'json',
+      cache: false,
+      url: eventsPath,
+      data: {
+        start: calStart,
+        end: calEnd
+      },
+
+      success: initBusyEvents
+    });
+  }
+
+  var initBusyEvents = function(events) {
+    $.each(events, function(i, event) {
+      var start = new Date(event.start); // This applies TZ
+      var end = new Date(event.end);
+
+      for(loopTime=start.getTime(); loopTime <= end.getTime(); loopTime+=86400000) {
+        var d = new Date(loopTime);
+        var domEl = eventElement(d);
+
+        domEl.addClass("busy");
+      }
+
+      element().find('.busy').click(function(e) {
+        e.preventDefault();
+
+        showBusyModal($(this));
+      });
+    })
+  }
+
+  var showBusyModal = function(el) {
+    if (! el.attr('data-loaded')) {
+      createBusyModal(el);
+    }
+
+    $('#modal-' + el.attr('id')).modal('show');
+  };
+
+  var createBusyModal = function(el) {
+    var modal = $('#modal-sidebar_calendar').clone();
+
+    modal.attr('id', 'modal-' + el.attr('id'));
+    modal.find(".modal-header h3").html(busyTitle(el));
+    modal.find("button.view-calendar").click(function() {
+      document.location.href = el.find('a').attr('href');
+    });
+
+    loadBusyContent(el);
+
+    modal.appendTo($('body'));
+
+    modal.modal();
+
+    el.attr('data-loaded', true);
+  };
+
+  var busyTitle = function(el){
+    var date = eventElementDate(el);
+
+    return I18n.t('event.popover.title', { date: I18n.l('date.formats.long', date) } );
+  };
+
+  var loadBusyContent = function(el){
+    var startDate = eventElementDate(el)
+    startDate.setHours(0);
+    startDate.setMinutes(0);
+    startDate.setSeconds(0);
+    var endDate   = eventElementDate(el)
+
+    $.ajax({
+      dataType: "script",
+      url: eventsPath,
+      data: {
+        // use UNIX timestamps
+        start: Math.round(startDate.getTime() / 1000),
+        end:   Math.round(endDate.getTime() / 1000),
+        day: el.attr('id')
+      }
+    });
+  }
+
+  return {
+    show: show,
+    element: element,
+    eventElement: eventElement
+  }
+
+})(SocialStream, jQuery);

data/events/app/assets/javascripts/social_stream/event.js

@@ -0,0 +1,44 @@
+//= require social_stream/callback
+//= require social_stream/events.poster
+
+SocialStream.Event = (function(SS, $, undefined) {
+  var callback = new SS.Callback();
+
+  var color = function(){
+    return SS.Events.current.eventColor;
+  };
+
+  var fixDates = function(){
+    $(".event").each(function(){
+      dateString = $(this).find("time").attr("datetime");
+
+      date = new Date(dateString);
+
+      var dayEl = $(this).find(".event .day");
+      if (dayEl.length) {
+        dayEl.text($.datepicker.formatDate('d', date));
+      }
+
+      var monthEl = $(this).find(".event .month");
+      if (monthEl.length) {
+        monthEl.text($.datepicker.formatDate('M', date));
+      }
+
+      var hourEl = $(this).find(".event .hour");
+      if(hourEl.length) {
+        var minutes = date.getMinutes();
+        if (minutes<10) minutes = "0" + minutes;
+        hourEl.text(date.getHours() + ':' + minutes);
+      }
+    });
+  };
+
+  callback.register('index',
+                    fixDates,
+                    SocialStream.Events.Poster.show);
+
+  return callback.extend({
+    color: color,
+  });
+
+})(SocialStream, jQuery);

data/events/app/assets/javascripts/social_stream/events.action.js

@@ -0,0 +1,36 @@
+//= require social_stream/action
+
+SocialStream.Events.Action = (function(SS, $, undefined){
+  var animateCalendar = function(action) {
+    if (action.activity_object.type != "Event") {
+      return;
+    }
+
+    if (!action.follow) {
+      return;
+    }
+
+    var el = SS.Action.followForms(action).closest(".event");
+    var eventDate = new Date(el.find("time").attr('datetime'));
+
+    var calEl = SS.Calendar.eventElement(eventDate);
+
+    if (calEl.length === 0) {
+      calEl = SS.Calendar.element();
+    }
+
+    if (action.follow.following) {
+      el.find('.poster').effect("transfer", {to: calEl});
+      calEl.addClass("busy");
+    } else {
+      calEl.effect("transfer", {to: el.find('.poster')});
+      calEl.effect("pulsate");
+    }
+  };
+
+  SS.Action.callbackRegister('update', animateCalendar);
+
+  return {
+  };
+
+})(SocialStream, jQuery);

data/events/app/assets/javascripts/social_stream/events.poster.js

@@ -0,0 +1,23 @@
+//= require social_stream/callback
+
+SocialStream.Events.Poster = (function(SS, $, undefined){
+  var callback = new SS.Callback();
+
+  var init = function(){
+    $('.event .poster .update').hide();
+
+    $('.event .poster').hover(
+      function(){
+      $(this).find(".update").fadeIn("slow");
+    },
+    function(){
+      $(this).find(".update").fadeOut("slow");
+    });
+  };
+
+  callback.register('show', init);
+
+  return callback.extend({
+  });
+
+})(SocialStream, jQuery);

data/events/app/assets/javascripts/social_stream/events.timeline.js

@@ -0,0 +1,6 @@
+//= require social_stream/timeline
+//= require social_stream/event
+
+SocialStream.Timeline.callbackRegister('show', SocialStream.Event.index);
+
+SocialStream.Timeline.callbackRegister('update', SocialStream.Event.index);

data/events/app/assets/javascripts/social_stream/fullcalendar.js

@@ -0,0 +1,135 @@
+//= require social_stream/callback
+//= require social_stream/object
+
+SocialStream.FullCalendar = (function(SS, $, Scheduler, undefined){
+  var callback = new SS.Callback(),
+      current,
+      eventColor = 'gray';
+
+  var getCurrent = function() {
+    return current;
+  };
+
+  var getCalendarEl = function() {
+    return $('#calendar');
+  };
+
+  var getFormEl = function() {
+    return $('#calendar_form');
+  };
+
+  var initFullCalendar = function() {
+    var calendar = getCalendarEl();
+
+    var options = {
+      header: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'month,agendaWeek,agendaDay'
+      },
+      ignoreTimezone: false,
+      firstDay: 1,
+      eventColor: eventColor,
+      events: getEvents
+    };
+
+    if (calendar.attr('data-can-create')) {
+      $.extend(options, {
+        selectable: true,
+        selectHelper: true,
+        select: selectEvent
+        // Implement event edition
+        // editable: true,
+      });
+    }
+
+    current = calendar.fullCalendar(options);
+
+    // Hack for Fullcalendar + Twitter Bootstrap, see https://github.com/addyosmani/jquery-ui-bootstrap/issues/37
+    $('.fc-button-content').each(function() {
+      $(this).parent().parent().html($(this).html());
+    });
+
+    if (calendar.attr('data-date'))
+      // TODO: optimize this to save one index call
+      current.fullCalendar('gotoDate', new Date(calendar.attr('data-date') * 1000));
+
+    if (calendar.attr('data-view'))
+      current.fullCalendar('changeView', calendar.attr('data-view'));
+  };
+
+  var initFormModal = function() {
+    getFormEl().modal({
+      show: false
+    });
+  };
+
+  var selectEvent = function(startDate, endDate, allDay, jsEvent){
+    var c = getFormEl().find('.new_event');
+
+    c.children('#event_start_at').val(startDate.toJSON());
+    c.children('#event_end_at').val(endDate.toJSON());
+    c.children('#event_all_day').val(allDay.toString());
+
+    // From rails-scheduler gem
+    Scheduler.form.init(c.find('.scheduler_form'), startDate);
+
+    getFormEl().modal('show');
+  };
+
+  var getEvents = function(start, end, callback) {
+    $.ajax({
+      url: getCalendarEl().attr('data-events-path'),
+      dataType: 'json',
+      data: {
+        // our hypothetical feed requires UNIX timestamps
+        start: Math.round(start.getTime() / 1000),
+        end: Math.round(end.getTime() / 1000)
+      },
+      success: function(events) {
+        callback(
+          $.map(events, function(event) {
+            event.color = eventColor;
+            return event;
+          })
+        );
+      }
+    });
+  };
+
+  var addEvent = function(options) {
+    getFormEl().modal('hide');
+
+    $.each(JSON.parse(options.events), function(i, ev) {
+      ev.color = eventColor;
+      current.fullCalendar('renderEvent', ev,
+                           true // make the event "stick"
+                          );
+    });
+
+    current.fullCalendar('unselect');
+  };
+
+  var resetForm = function() {
+    var form = getFormEl();
+    form.find('#event_title').val('');
+    form.find('#event_description').val('');
+    
+    Scheduler.form.reset(form.find('.scheduler_form'));
+  };
+
+  callback.register('show',
+                    initFullCalendar,
+                    initFormModal,
+                    SS.Object.new_);
+
+  callback.register('create',
+                    addEvent,
+                    resetForm);
+
+  return callback.extend({
+    current: getCurrent,
+    getFormEl: getFormEl
+  });
+
+})(SocialStream, jQuery, Scheduler);

data/events/app/assets/stylesheets/social_stream-events.css.sass

@@ -0,0 +1,42 @@
+@import "social_stream/events/calendar/calendar"
+
+@import "social_stream/events/calendar/calendar_sidebar"
+
+@import "social_stream/events/calendar/calendar_modal"
+
+@import "social_stream/events/calendar/layout/calendar"
+
+@import "social_stream/events/calendar/layout/calendar_sidebar"
+
+@import "social_stream/events/calendar/layout/calendar_modal"
+
+
+
+
+@import "social_stream/events/timeline/timeline_events"
+
+@import "social_stream/events/timeline/layout/timeline_events"
+
+
+
+
+@import "social_stream/events/explore/layout/explore_timeline_events"
+
+
+
+
+@import "social_stream/events/header_nav/layout/header_nav_events"
+
+
+
+
+@import "social_stream/events/repository/repository"
+
+@import "social_stream/events/repository/layout/repository"
+
+
+
+
+@import "social_stream/events/responsive/responsive-1200px-min"
+@import "social_stream/events/responsive/responsive-767px-max"
+@import "social_stream/events/responsive/responsive-768px-979px"

data/events/app/assets/stylesheets/social_stream/events/calendar/_calendar.css.sass

@@ -0,0 +1,63 @@
+@import "fullcalendar"
+
+#calendar
+  .fc-button.fc-state-default 
+    @include btn-primary
+    color: $blue
+    @include border-radius(0)
+
+  .fc-button.fc-state-active 
+    @include btn-secundary
+    color: $white
+  .fc-button.fc-state-disabled 
+    @include btn-primary
+    background-color: $blue
+    color: $white
+
+  .fc-button.fc-state-disabled:active 
+    @include box-shadow(none)
+
+  .fc-button.fc-corner-left 
+    @include border-top-left-radius (4px)
+    @include border-bottom-left-radius (4px)
+
+  .fc-button.fc-corner-right 
+    // .btn-group > .btn:last-child, .btn-group > .dropdown-toggle
+    @include border-top-right-radius (4px)
+    @include border-bottom-right-radius (4px)
+
+  .fc-event-inner
+    background-color: $gray
+
+  .fc-event-inner,
+  .fc-other-month 
+    @include opacity (80)
+
+  .fc-day-number
+    pointer: pointer
+
+  .fc-header-right,
+  .fc-header-left,
+  .fc-header-center
+    vertical-align: middle
+    text-align: center
+
+  .fc-header-right,
+  .fc-header-left
+    background-color: whitesmoke
+  .fc-header-right
+    .fc-header-title
+      h2
+        line-height: 32px
+
+
+  .fc-widget-header
+    background: whitesmoke
+
+.fc-event-skin
+  background-color: $gray
+
+
+#calendar_form
+  .modal-body
+    background: whitesmoke