social_stream-base 1.1.11 → 2.0.0.beta1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c559b6647c89e5b3f744e68cce9a97cebdd615f4
-  data.tar.gz: d7fa9b5b55c8ee226f8703d50d3a9c97d0420190
+  metadata.gz: ca83c92c4e2bfcf8d81ba8ec8ffbe658febac090
+  data.tar.gz: 67679d2d6fb6f91a9b9c679bf19369bad3178dcc
 SHA512:
-  metadata.gz: 525e59174a47cdcdf40108d2e58c8a36911a55102f07eabda8790737adf35061a2ef8e37ff41bafa8f361f2baefc1c2a10e549a6546ab517150417f4eaabf70a
-  data.tar.gz: b511aa83cac9cf08cf9e395ef8907b3fe1b82a4e313c2bd230a7a76fe6468479a7100e749213ee2dff75ecc574454d47613c9b3141c018106f54a78887e45dcc
+  metadata.gz: c23cb261721ea11b00fe2d4f7c516d66fea0489acf64154ff7461c9071d685b3798d6e277016e2d3fdd9421d089abaf6fa82cfbf6a539252d5d4f561e4931da5
+  data.tar.gz: aa5efb0f04f7c5b2fc91c7672b8de9bda7e231fb3bbb8824d80dfb368d7d69445a1f49617efa0105b6472aa15101ffc8afc54571bdfd50a2af9de8da59e381bd

data/app/assets/javascripts/social_stream-base.js

@@ -2,15 +2,15 @@
 //= require jquery_ujs
 //= require jquery-ui
 //= require modernizr
-//= require jquery.lightbox-with-resize-plugin
-//= require jquery.screw
+//= require bootstrap
+//= require bootstrap-multiselect
 //= require i18n
 //= require i18n/translations
+//= require flashy
 //
 //= require avatars_for_rails
-//= require social_cheesecake
 //
 //= require_self
-//= require_tree .
+//= require_tree ./social_stream
 
 var SocialStream = SocialStream || {};

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

@@ -0,0 +1,32 @@
+//= require social_stream/callback
+
+SocialStream.Action = (function(SS, $, undefined){
+  var callback = new SS.Callback();
+
+  var updateFollow = function(action){
+    var follow = action.follow;
+
+    if (!follow) {
+      return;
+    }
+
+    followForms(action).replaceWith(follow.form);
+    followSentences(action).replaceWith(follow.sentence);
+  };
+
+  var followForms = function(action) {
+    return $('.follow_form-' + action.activity_object.id);
+  };
+
+  var followSentences = function(action) {
+    return $('.follow_sentence-' + action.activity_object.id);
+  };
+
+  callback.register('update', updateFollow);
+
+  return callback.extend({
+    followForms: followForms,
+    followSentences: followSentences
+  });
+
+})(SocialStream, jQuery);

data/app/assets/javascripts/social_stream/audience.js

@@ -0,0 +1,30 @@
+//= require social_stream/callback
+
+SocialStream.Audience = (function(SS, $, undefined) {
+  var callback = new SS.Callback();
+
+  var initPrivacyTooltips = function(activityId) {
+    var summaryId = '.audience';
+    var fullId = '.audience-tooltip';
+
+    if (activityId !== undefined) {
+      fullId = '#' + activityId + ' ' + fullId;
+      summaryId = '#' + activityId + ' ' + summaryId;
+    }
+
+    $(fullId).hide();
+    $(summaryId).tooltip({
+      html: true,
+      trigger: 'click hover',
+      title: function(){
+        return $(this).siblings(fullId).html();
+      }
+    });
+  };
+
+
+  callback.register('index', initPrivacyTooltips);
+
+  return callback.extend({
+  });
+})(SocialStream, jQuery);

data/app/assets/javascripts/social_stream/callback.js

@@ -0,0 +1,69 @@
+/* API:
+ *
+ * SS.Foo = (function(SS) {
+ *   var callback = new SS.Callback();
+ *
+ *   var bar = function(options) {
+ *   };
+ *
+ *   callback.register('index', bar);
+ *
+ *   return callback.extend({});
+ * })();
+ *
+ * SS.Foo.callbackRegister('show', function() {});
+ */
+SocialStream.Callback = function() {
+  this.registry = {};
+  this.handlers = {};
+};
+
+SocialStream.Callback.prototype = (function(SS, $, undefined) {
+  var register = function() {
+    var callback = this,
+        funcs    = Array.prototype.slice.call(arguments),
+        name     = funcs.shift();
+
+    if (this.registry[name] === undefined) {
+      this.registry[name] = [];
+
+      this.handlers[name] = function(options) {
+        $.each(callback.registry[name], function(i, f) {
+          f(options);
+        });
+      };
+    }
+
+    this.registry[name].push.apply(this.registry[name], funcs);
+  };
+
+  var extend = function(obj) {
+    var callback = this;
+
+    // Create current handlers
+    for (var c in callback.handlers) {
+      if (callback.handlers.hasOwnProperty(c)) {
+        obj[c] = callback.handlers[c];
+      }
+    }
+
+    obj.callbackRegister = function() {
+      var args = Array.prototype.slice.call(arguments),
+          name = args.shift();
+
+      callback.register.apply(callback, arguments);
+
+      // Add future handlers
+      if (this[name] === undefined) {
+        this[name] = callback.handlers[name];
+      }
+    };
+
+    return obj;
+  };
+
+  return {
+    extend: extend,
+    register: register
+  };
+})(SocialStream, jQuery);

data/app/assets/javascripts/social_stream/comment.js

@@ -0,0 +1,153 @@
+//= require jquery.autosize
+//
+//= require social_stream/callback
+SocialStream.Comment = (function(SS, $, undefined){
+  var callback = new SS.Callback();
+
+  var elAlwaysHidden = [
+    "input[type=submit]"
+  ];
+
+  var elSometimesShown = [
+    ".avatar",
+    "textarea"
+  ];
+
+  var elAll = elAlwaysHidden.concat(elSometimesShown);
+
+  var appendNewHtml = function(options) {
+    $('#comments_activity_' + options.parentActivityId).append(options.html);
+  };
+
+  var hideNewCommentElements = function(root) {
+    if (root === undefined)
+      root = "div.new_comment";
+
+    $.each(elAlwaysHidden, function(i, selector) {
+      var e = $(root).find(selector);
+      e.hide();
+    });
+  };
+
+  var showNewCommentElements = function(root) {
+    if (root === undefined)
+      root = "div.new_comment";
+
+    $.each(elAll, function(i, selector) {
+      $(root).find(selector).show();
+    });
+  };
+
+
+  var initNewElements = function(){
+    hideNewCommentElements();
+
+    // show only the text fields for new comment
+    // if there are any comment to the post
+    $(".root").each(function(){
+      var commentsDiv = $(this).find('div.comments');
+      var newDiv = $(this).find('div.new_comment');
+
+      if ($.trim(commentsDiv.text()) === ""){
+        $.each(elSometimesShown, function(i, selector) {
+          newDiv.find(selector).hide();
+        });
+      }
+    });
+  };
+
+  var hideNewActivityCommentElements = function(options){
+    var newDiv = $('#activity_' + options.parentActivityId).find('div.new_comment');
+
+    newDiv.find("textarea").val('');
+
+    hideNewCommentElements(newDiv);
+  };
+
+  var newCommentAutoSize = function(){
+    $(".new_comment textarea").autosize();
+  };
+
+  var newCommentClick = function(){
+    $(".new_comment textarea").click(function(){
+      var newDiv = $(this).closest("div.new_comment");
+
+      showNewCommentElements(newDiv);
+    });
+
+
+    $(".new_comment textarea").blur(function(){
+      if ($(this).val() === "")
+        hideNewCommentElements($(this).closest('div.new_comment'));
+    });
+  };
+
+  var newCommentLink = function(){
+    //javascript for tocomment option
+    $(".to_comment").click(function(){
+      var newDiv = $(this).closest(".root").find("div.new_comment");
+
+      newDiv.find('textarea').show().click().focus();
+
+      return false;
+    });
+  };
+
+  var squeeze = function(){
+    //if there are 4 or more commments we only show the last 2 and a link to show the rest
+    $(".comments").each(function(){
+      var comments = $(this).children(".child"),
+          showDiv;
+
+      //check if there are more than 3 comments
+      if (comments.size() > 3){
+        showDiv = $(this).find('.hidden_comments');
+
+        if (showDiv.length) {
+          showDiv.find('a').html(I18n.t('comment.view_all', { count: comments.size() }));
+          showDiv.show();
+          
+        } else {
+          $(this).prepend("<div class='hidden_comments'><a href='#' onclick='SocialStream.Comment.showAll(\"" + 
+                          $(this).attr('id') +"\"); return false;'>" + I18n.t('comment.view_all', { count: comments.size() }) + "</a></div>");
+        }
+
+        comments.slice(0, comments.size() - 2).hide();
+      }
+    });
+  };
+
+  var showAll = function(id){
+    $("#"+id).children().show('show');
+    //and hide the hide_show_comments
+    $("#"+id).children(".hidden_comments").hide();
+  };
+
+  var scrollToActivity = function(){
+    var activity_hash = window.location.hash.match(/^.*activity_(\d+).*$/);
+
+    if (activity_hash && activity_hash > 0){
+      $.scrollTo('#activity_' + activity_hash[1] ,1500,{axis:'y'});
+    }
+  };
+
+  callback.register('index',
+                    initNewElements,
+                    newCommentAutoSize,
+                    newCommentClick,
+                    newCommentLink,
+                    scrollToActivity,
+                    squeeze);
+
+  callback.register('create',
+                    appendNewHtml,
+                    hideNewActivityCommentElements,
+                    newCommentAutoSize,
+                    newCommentClick,
+                    newCommentLink);
+
+  return callback.extend({
+    showAll: showAll
+  });
+
+})(SocialStream, jQuery);

data/app/assets/javascripts/social_stream/contact.js

@@ -0,0 +1,324 @@
+// require jquery.ba-url
+
+SocialStream.Contact = (function($, SS, undefined) {
+  var indexCallbacks = [];
+
+  var addIndexCallback = function(callback){
+    indexCallbacks.push(callback);
+  };
+
+  var index = function(){
+    $.each(indexCallbacks, function(i, callback){ callback(); });
+  };
+
+  var showCallbacks = [];
+
+  var addShowCallback = function(callback){
+    showCallbacks.push(callback);
+  };
+
+  var show = function(){
+    $.each(showCallbacks, function(i, callback){ callback(); });
+  };
+
+  var updateCallbacks = [];
+
+  var addUpdateCallback = function(callback){
+    updateCallbacks.push(callback);
+  };
+
+  var update = function(options){
+    $.each(updateCallbacks, function(i, callback){ callback(options); });
+  };
+
+  var destroyCallbacks = [];
+
+  var addDestroyCallback = function(callback){
+    destroyCallbacks.push(callback);
+  };
+
+  var destroy = function(options){
+    $.each(destroyCallbacks, function(i, callback){ callback(options); });
+  };
+
+  var getForms = function(id) {
+    return $('[data-contact_id="' + id + '"]');
+  };
+
+  var initTabs = function() {
+    $('.contacts ul.nav-tabs a').click(loadTab);
+  };
+
+  var loadTab = function() {
+    var tab = $(this);
+
+    if (tab.attr('data-loaded'))
+      return;
+
+    $.ajax({
+      url: tab.attr('data-path'),
+      data: {
+        type: tab.attr('href').replace('#', ''),
+        q: $('#contact-filter').val()
+      },
+      dataType: 'html',
+      type: 'GET',
+      success: function(data) {
+        $(tab.attr('href')).find('.contact-list').html(data);
+        tab.attr('data-loaded', 'true');
+        index();
+      }
+    });
+  };
+
+  var initContactButtons = function() {
+    $('.edit_contact select[name*="relation_ids"]').multiselect({
+      buttonClass: 'btn btn-small',
+      buttonText: relationSelectText
+    });
+
+    // Forms
+    storeFormValues($('form.edit_contact'));
+
+    $('form.edit_contact ul.dropdown-menu input[type="checkbox"]').change(function() {
+      evalFormStatus(this);
+    });
+
+    $('form.edit_contact button.dropdown-toggle').on('click.dropdown.data-api', saveForms);
+  };
+
+  var relationSelectText = function(options) {
+    var msg;
+
+    if (options.length === 0) {
+      msg = I18n.t('contact.new.button.zero');
+    }
+    else {
+      msg = I18n.t('contact.new.button', { count: options.length });
+    }
+
+    return msg + '<b class="caret"></b>';
+  };
+
+  var saveForms = function() {
+    $('form.edit_contact[data-status="changed"]').each(function(i, form) {
+      var contactId = $(form).attr('data-contact_id');
+      var contacts = $('form[data-contact_id="' + contactId + '"]');
+
+      $('button', contacts).attr('data-loading-text', I18n.t('contact.saving'));
+      $('button', contacts).button('loading');
+
+      if ($('option:selected', form).length > 0) {
+        $(form).submit();
+      } else {
+        if ( confirm(I18n.t('contact.confirm_delete')) ) {
+          $(form).submit();
+        } else {
+          resetForms({ id: contactId });
+        }
+      }
+    });
+  };
+
+  var storeFormValues = function(el) {
+    $(el).each(function() {
+      $(this).data('relations', getInputValues($(this)));
+    });
+  };
+
+  var restoreFormValues = function(el) {
+    var values = $(el).data('relations');
+    var select = $('select[name*="relation_ids"]', el);
+    
+    $('option', select).each(function() {
+      $(this).attr('selected', $.inArray($(this).val(), values) >= 0);
+
+    });
+
+    select.multiselect('refresh');
+  };
+
+  // Dictate if some form has changed its status
+  var evalFormStatus = function(el) {
+    var form = $(el).closest('form');
+
+    var orig = $(form).data('relations');
+    var neww = getInputValues(form);
+
+    if ($(orig).not(neww).length === 0 && $(neww).not(orig).length === 0) {
+      $(form).removeAttr('data-status');
+    } else {
+      $(form).attr('data-status', 'changed');
+    }
+  };
+
+  // Dictate if some form has changed its status
+  var getInputValues = function(form) {
+    return $('ul.dropdown-menu input[type="checkbox"]', form).
+      map(function() {
+      if ($(this).is(':checked'))
+        return $(this).val();
+    });
+  };
+
+  // Dictate if some form has changed its status
+  var setInputValues = function(form) {
+    return $('ul.dropdown-menu input[type="checkbox"]', form).
+      map(function() {
+      if ($(this).is(':checked'))
+        return $(this).val();
+    });
+  };
+
+  var initFilter = function() {
+    $('.contact-filter').on('input', filter);
+  };
+    
+  var filter = function() {
+    var q = $(this).val();
+    var currentTab = $('.contacts .tab-pane.active');
+
+    $('#contacts-loading').show();
+
+    $.ajax({
+      data: {
+        q: q,
+        type: currentTab.attr('id')
+      },
+      dataType: 'html',
+      type: 'GET',
+      success: function(data) {
+        $('#contacts-loading').hide();
+         currentTab.find('.contact-list').html(data);
+        index();
+      }
+    });
+  };
+
+  var hideLoading = function() {
+    $('#contacts-loading').hide();
+  };
+
+  var initContactFormsHtmlListener = function() {
+    $('html').on('click.dropdown.data-api', saveForms);
+  };
+
+  var updateForms = function(options) {
+    var forms = getForms(options.id);
+
+    storeFormValues(forms);
+    $('button', forms).data('resetText', relationSelectText($('option:selected', forms)));
+    forms.removeAttr('data-status');
+    $('button', forms).button('reset');
+  };
+
+  var resetForms = function(options) {
+    var forms = getForms(options.id);
+
+    restoreFormValues(forms);
+    forms.removeAttr('data-status');
+    $('button', forms).data('resetText', relationSelectText($('option:selected', forms)));
+    $('button', forms).button('reset');
+  };
+
+  // Replace contact in suggestions and pendings
+  var replaceContact = function(options) {
+    $('[data-contact_id="' + options.id + '"]').each(function(i, el) {
+      $.each([ 'suggestions', 'pendings' ], function(i, section) {
+        var sectionId = '#' + section;
+
+        if ($(el).closest(sectionId).length > 0) {
+          updateTemplate(el, $(sectionId).attr('data-path'));
+        }
+      });
+    });
+  };
+
+  var updateTemplate = function(el, path) {
+    var contact = $(el).closest('.contact');
+
+    $.ajax({
+      url: path,
+      dataType: 'html',
+      type: 'GET',
+      success: function(data) {
+        $(contact).fadeOut('slow', function() {
+          $(data).replaceAll(contact).fadeIn();
+
+          initContactButtons();
+        });
+      }
+    });
+  };
+
+  var checkAndHideContact = function(options) {
+    var forms = getForms(options.id);
+
+    if ($('option:selected', forms).length === 0) {
+      forms.closest('.contact').hide('slow');
+    }
+  };
+
+  var hideContact = function(options) {
+    getForms(options.id).closest('.contact').hide('slow');
+  };
+
+
+  // Select2
+  var select2 = function(selector) {
+    $(selector).select2({
+      multiple: true,
+      ajax: {
+        url: $(selector).attr('data-path'),
+        dataType: 'json',
+        data: function(term, page) {
+          return { q: term, page: page };
+        },
+        results: function(data, page) {
+          return { results: data };
+        }
+      },
+      id: function(object) { return object.id.toString(); },
+      formatResult: select2FormatResult,
+      formatSelection: select2FormatSelection,
+      initSelection: select2InitSelection
+    });
+  };
+
+  var select2FormatSelection = function(object, container, query) {
+    return object.name;
+  };
+
+  var select2FormatResult = function(object, container) {
+    return '<img src="' + object.image.url + '"> ' + object.name;
+  };
+
+  var select2InitSelection = function(element, callback) {
+    callback([ { id: element.val(), name: element.attr('data-recipient-name') } ]);
+  };
+
+  addIndexCallback(initTabs);
+  addIndexCallback(initContactButtons);
+  addIndexCallback(initFilter);
+  addIndexCallback(hideLoading);
+
+  addUpdateCallback(updateForms);
+  addUpdateCallback(replaceContact);
+  addUpdateCallback(checkAndHideContact);
+
+  addDestroyCallback(hideContact);
+
+  // FIXME There is probably a more efficient way to do this..
+  $(function() {
+    initContactButtons();
+    initContactFormsHtmlListener();
+  });
+
+  return {
+    index: index,
+    show: show,
+    update: update,
+    select2: select2,
+    destroy: destroy
+  };
+})(jQuery, SocialStream);