social_stream-events 1.1.1 → 2.0.0.beta1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 4987018b8e4381997ef90ed050e02372997d8053
+  data.tar.gz: 94fb6cb287d1ec59d53f8a08e8e4c4acaded1542
+SHA512:
+  metadata.gz: 26a6ca8444a54b5417e77c47fbfe96561de78196425295ac2584b6e852e6f1f83dbd31007e9450672f013f96209eba4f35ff8dade130c84f5307710d4ca373af
+  data.tar.gz: ae173bef7a68e5c34a66848ad84412027ee325e66bad1a9be6746ec40f88f887022fd20044686a08f7a9c32f44545a5a254e6fb58853fd1b9be31818c87baaf6

data/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/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/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/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/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/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/app/assets/javascripts/social_stream-events.js

@@ -6,7 +6,7 @@
 //= require social_stream-base
 //
 //= require_self
-//= require_tree .
+//= require_tree ./social_stream
 
 SocialStream.Events = SocialStream.Events || {};
 SocialStream.Events.current = SocialStream.Events.current || {};

data/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

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

@@ -0,0 +1,15 @@
+
+#scheduler-options
+  input
+    padding: 0 9px 0 7px
+    text-align: center
+
+
+.scheduler_form
+  input
+    &[type="submit"]
+      
+
+
+#scheduler-weekly-days
+  background-color: $white

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

@@ -0,0 +1,50 @@
+@import "fullcalendar"
+
+      
+#month_top,
+#month_bottom
+  text-align: center
+
+
+#month_top
+  border-bottom: 1px solid #dbdbdb
+
+
+#month_bottom
+  border-top: 1px solid #dbdbdb
+
+
+#month_top.past
+  @include opacity (70)
+
+
+#days
+  tbody
+    tr
+      td
+        text-align: right
+        a
+          color: $gray
+          text-decoration: none
+      .today
+        @include border-radius(15px)
+        border: 1px solid $blue !important
+        a
+          color: $blue 
+      .busy
+        font-weight: bold
+        @include border-radius(5px)
+        border: 1px solid #c4c4c4
+        background-color: $white
+      .past
+        @include opacity (70)
+      .other_month
+        @include opacity (70)
+
+.fc-content
+  .fc-cell-overlay,
+    @include opacity (40)
+    color: $blue
+
+.fc-state-highlight
+  background-color: rgba(4,156,219,0.2)

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

@@ -0,0 +1,28 @@
+@import "fullcalendar"
+
+#calendar
+  .fc-button.fc-state-default 
+    position: relative
+
+  .fc-button.fc-corner-left 
+    // .btn-group > .btn:first-child
+    margin-left: 0
+    
+
+  .fc-day-number
+    float: right
+    padding: 1px 3px 0 0
+    min-height: 89px
+
+  .fc-header-right,
+  .fc-header-left,
+  .fc-header-center
+    padding: 0 0 6px 6px
+
+  .fc-header-right
+    padding-right: 6px
+
+    .fc-header-title
+      margin-top: 13px
+      .btn
+        margin-right: 6px 

data/app/assets/stylesheets/social_stream/events/calendar/layout/_calendar_modal.css.sass

@@ -0,0 +1,60 @@
+#new_event
+  textarea, 
+    height: 100px
+    width: 97%
+
+#event_title
+  width: 97%
+
+#scheduler-options
+  display: inline-table
+  input
+    padding: 0 9px 0 7px
+    width: auto
+    margin-left: 6px
+
+#event_frequency
+  float: left
+  margin-right: 11px
+
+#event_week_day_order,
+#event_week_day,
+#event_frequency
+  width: 95px !important
+  display: inline-block
+  margin-left: 6px
+
+.scheduler_form
+  input
+    &[type="submit"]
+      float: right
+      margin-top: 20px
+
+#scheduler-weekly-week,
+#scheduler-frequency-3
+  input
+    &[type="number"]
+      width: 25px !important
+      margin-top: 3px
+
+
+#scheduler-frequency-3
+  display: inline-table
+  float: left
+
+#scheduler-weekly-days
+  margin-left: 42px
+  padding: 6px
+  margin-top: 1px
+
+
+#event_week_days_0
+  margin-left: 0px
+
+#event_week_days_1,
+#event_week_days_2,
+#event_week_days_3,
+#event_week_days_4,
+#event_week_days_5,
+#event_week_days_6
+  margin-left: 4px

data/app/assets/stylesheets/social_stream/events/calendar/layout/_calendar_sidebar.css.sass

@@ -0,0 +1,26 @@
+@import "fullcalendar"
+
+#events
+  #toolbar
+    display: none
+
+  #sidebar
+    .calendar
+      padding: 2%
+      display: block
+      
+#month_top,
+#month_bottom
+  padding: 2%
+
+
+#days
+  margin: 0 auto
+  padding: 2.5%
+  width: 100%
+  tbody
+    width: 100%
+    tr
+      td
+        padding-left: 2.5%
+        padding-right: 2.5%

data/app/assets/stylesheets/social_stream/events/explore/layout/_explore_timeline_events.css.sass

@@ -0,0 +1,6 @@
+.content-full
+  .timeline
+    .media
+      .event
+        .details
+          @include makeColumn(8, 0)

data/app/assets/stylesheets/social_stream/events/header_nav/layout/_header_nav_events.css.sass

@@ -0,0 +1,2 @@
+li.event
+  @include hidden-desktop

data/app/assets/stylesheets/social_stream/events/repository/_repository.css.sass

@@ -0,0 +1,16 @@
+/////////////////////////////////////// EXPLORE SEARCH
+///////////// 
+
+#repository
+
+  .event
+    .data
+      .name
+        .date
+          @include ellipsis
+          font-size: 12px
+        .frequency
+          @include ellipsis
+          font-size: 12px
+          color: #888
+    

data/app/assets/stylesheets/social_stream/events/repository/layout/_repository.css.sass

@@ -0,0 +1,24 @@
+/////////////////////////////////////// EXPLORE SEARCH
+///////////// 
+
+#repository
+  .event
+    width: 240px
+    float: left
+    margin-left: 19px
+    min-height: 81px
+    margin-bottom: 14px
+    .avatar
+      float: left
+      min-height: 55px
+      a
+        .icon_50-event
+          @include size (53px, 50px)
+          background-image: url("icons/files_ico-50.png")
+    .data
+      .name
+        margin-top: 11px
+        @include ellipsis
+        width: 73%
+      .date
+        font-size: 11px