social_stream-base 1.1.11 → 2.0.0.beta1

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

@@ -0,0 +1,22 @@
+//= require jquery.scrollTo.min
+//= require jquery.validate
+// cleditor requires jquery-browser
+// https://groups.google.com/forum/?fromgroups=#!topic/cleditor/5Vn4YDaQx08
+//= require jquery.browser
+//= require jquery.cleditor
+
+//= require social_stream/callback
+//= require social_stream/pagination
+
+SocialStream.Conversation = (function(SS, $, undefined) {
+  var callback = new SS.Callback();
+
+  var initPagination = function() {
+    SS.Pagination.show();
+  };
+
+  callback.register('index', initPagination);
+
+  return callback.extend({
+  });
+})(SocialStream, jQuery);

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

@@ -0,0 +1,52 @@
+//= require social_stream/callback
+
+SocialStream.Explore = (function(SS, $, undefined){
+  var callback = new SS.Callback();
+
+  var headerPushState = function() {
+    $('#explore-header div').on('shown', function(e) {
+      if ($(this).attr('data-onpop')) {
+        $(this).removeAttr('data-onpop');
+      } else {
+        window.history.pushState({ target: $(this).attr('data-target') }, {}, $(this).attr('data-path'));
+      }
+    });
+
+    window.onpopstate = function(event) {
+      if (event.state && event.state.target) {
+        var btn = $('#explore-header div[data-target="' + event.state.target + '"]');
+        btn.attr('data-onpop', 'true');
+        btn.click();
+      }
+    };
+  };
+
+  var initTabLoading = function() {
+    $('#explore-header div').on('show', function(e) {
+      if ($(this).attr('data-loaded'))
+        return;
+
+      var btn = $(e.target);
+
+      $.ajax({
+        url: $(e.target).attr('data-path'),
+        dataType: 'html',
+        type: 'GET',
+        success: function(data) {
+          $(btn.attr('data-target')).html(data);
+
+          btn.attr('data-loaded', 'true');
+        }
+      });
+    });
+  };
+
+  callback.register('index',
+                    headerPushState,
+                    initTabLoading);
+
+  return callback.extend({
+  });
+
+})(SocialStream, jQuery);
+

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

@@ -0,0 +1,13 @@
+SocialStream.Flash = (function(Flashy, undefined) {
+  var error = function(message) {
+    if (message === undefined) {
+      message = I18n.t('ajax.error');
+    }
+
+    Flashy.message('error', message);
+  };
+
+  return {
+    error: error
+  };
+})(Flashy);

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

@@ -0,0 +1,28 @@
+//= require social_stream/callback
+
+SocialStream.Follow = (function(SS, $, undefined){
+  var callback = new SS.Callback();
+
+  var initButtons = function(){
+    $(".following-button").mouseenter(function(){
+      $(this).hide();
+      $(this).siblings(".unfollow-button").show();
+    });
+
+    $(".unfollow-button").mouseleave(function(){
+      $(this).hide();
+      $(this).siblings(".following-button").show();
+    });
+
+    $(".unfollow-button").hide();
+  }
+
+  callback.register('index', initButtons);
+
+  $(function(){
+    SocialStream.Follow.index();
+  });
+
+  return callback.extend({
+  });
+})(SocialStream, jQuery);

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

@@ -0,0 +1,32 @@
+//= require select2
+//= require jqcloud-0.1.3
+//= require jquery.validate
+//= require jquery.ba-url
+//
+//= require social_stream/callback
+
+SocialStream.Group = (function(SS, $, undefined){
+  var callback = new SS.Callback();
+
+  var initParticipants = function() {
+    SS.Contact.select2("#group__participants");
+  };
+
+  var initTags = function() {
+    SS.Tag.select2("#group_tag_list");
+  };
+
+  var initValidate = function(options){
+    $.each(options.validate, function(i, opt){
+      $(opt.form).validate({errorClass: opt.errorClass});
+    });
+  };
+
+  callback.register('new_',
+                    initParticipants,
+                    initTags,
+                    initValidate);
+
+  return callback.extend({
+  });
+})(SocialStream, jQuery);

data/app/assets/javascripts/social_stream/message.js.erb

@@ -0,0 +1,30 @@
+//= require select2
+// cleditor requires jquery.browser
+// https://groups.google.com/forum/?fromgroups=#!topic/cleditor/5Vn4YDaQx08
+//= require jquery.browser
+//= require jquery.cleditor
+//= require jquery.ae.image.resize
+//
+//= require social_stream/callback
+
+SocialStream.Message = (function(SS, $, undefined){
+  var callback = new SS.Callback();
+
+  var initCleditor = function() {
+    $('#body').cleditor({
+      width: "100%",
+      controls: "<%= SocialStream.cleditor_controls %>"
+    });
+  };
+
+  var initRecipients = function() {
+    SocialStream.Contact.select2('#_recipients');
+  };
+
+  callback.register('new_',
+                    initCleditor,
+                    initRecipients);
+
+  return callback.extend({
+  });
+})(SocialStream, jQuery);

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

@@ -0,0 +1,32 @@
+//= require social_stream/callback
+SocialStream.Notification = (function(SS, $, undefined) {
+  var callback = new SS.Callback();
+
+  var initMarkAsRead = function() {
+    $('.mark_as_read').click(markAsRead);
+  };
+
+  var markAsRead = function(e) {
+    console.dir(e);
+
+    if (confirm(I18n.t('sure'))) {
+      $.ajax({
+        url: $(e.target).attr('href'),
+        type: 'PUT',
+        success: function() {
+          $('.notification').removeClass('unread');
+        },
+        error: function() {
+          SS.Flash.error();
+        }
+      });
+    }
+
+    return false;
+  };
+
+  callback.register('index', initMarkAsRead);
+
+  return callback.extend({
+  });
+})(SocialStream, jQuery);

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

@@ -0,0 +1,84 @@
+//= require social_stream/audience
+//= require social_stream/comment
+
+SocialStream.Object = (function(SS, $, undefined){
+  var callback = new SS.Callback(),
+      pIcon = '<i class="icon_tool16-private"></i>';
+
+
+  var initRelationSelect = function(options){
+    $('select[name*="relation_ids"]').multiselect({
+      'buttonClass': 'btn btn-small',
+      'buttonText': relationSelectText,
+      'onChange': relationChange
+    });
+  };
+
+  var relationChange = function(option, checked) {
+    var opt      = $(option),
+        optId    = opt.val(),
+        select   = opt.closest('select'),
+        div      = opt.closest('.form-privacy'),
+        publicId = div.attr('data-public_id'),
+        inputs,
+        options;
+
+     if (optId === publicId) {
+       options = select.find('option[value!="' + publicId + '"]');
+       inputs = div.find('input[value!="' + publicId + '"]');
+       } else {
+       options = select.find('option[value="' + publicId + '"]');
+       inputs  = div.find('input[value="' + publicId + '"]');
+     }
+
+     options.prop('selected', false);
+     inputs.prop('checked', false);
+     inputs.closest('li').removeClass('active');
+
+     $('button', div).html(relationSelectText($('option:selected', select)));
+  };
+
+  var relationSelectText = function(options) {
+    var container = $(".form-privacy"),
+        publicId  = container.attr('data-public_id'),
+        visibility, icon, text;
+
+    if (options.length === 1 && $(options[0]).val() === publicId) {
+      icon = pIcon.replace('private', 'public');
+    } else {
+      icon = pIcon;
+    }
+
+    if (options.length === 0) {
+      text = container.attr('data-relation-text');
+    }
+    else if (options.length > 3) {
+      text = I18n.t('activity.privacy.relation', { count: options.length });
+    } else {
+      var selected = '';
+      options.each(function() {
+        selected += $(this).text() + ', ';
+      });
+
+      text = selected.substr(0, selected.length - 2);
+    }
+
+    return icon + ' ' + text + ' <b class="caret"></b>';
+  };
+
+  var changeRelationSelect = function(type) {
+    $('[name$="[relation_ids][]"]').attr('name', type + '[relation_ids][]');
+  };
+
+  callback.register('show',
+                    SS.Comment.index,
+                    SS.Audience.index);
+
+  callback.register('new_',
+                    initRelationSelect);
+
+  return callback.extend({
+    changeRelationSelect: changeRelationSelect
+  });
+
+})(SocialStream, jQuery);

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

@@ -0,0 +1,48 @@
+SocialStream.Pagination = (function(SS, $, undefined){
+
+  var show = function(callback) {
+    $(".btn-see-more").each(function(i, btn) {
+      $(btn).attr('data-page', "2");
+      $(btn).closest('nav.more').find('.loading').hide();
+    });
+
+    $(".btn-see-more").click(function(event) {
+      event.preventDefault();
+
+      $(event.target).hide();
+      $(event.target).closest('nav.more').find('.loading').show();
+
+      $.ajax({
+        url: $(this).attr('data-path'),
+        dataType: 'html',
+        data: { page: $(this).attr('data-page') },
+        type: 'GET',
+        success: function(data) {
+          var nav = $(event.target).closest("nav.more"),
+              per_page = parseInt($(event.target).attr('data-per_page'), 10),
+              remaining = parseInt($(event.target).attr('data-remaining'), 10) - per_page;
+
+          nav.before(data);
+          nav.find('.loading').hide();
+
+          // data.length is equal to 1
+          if (remaining > 0) {
+            $(event.target).attr('data-remaining', remaining);
+            $(event.target).attr('data-page', parseInt($(event.target).attr('data-page'), 10) + 1);
+            $(event.target).html(I18n.t('layout.more', { count: remaining }));
+            $(event.target).show();
+          }
+
+          if (callback) {
+            callback();
+          }
+        }
+      });
+    });
+  };
+
+
+  return {
+    show: show
+  };
+}) (SocialStream, jQuery);

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

@@ -0,0 +1,20 @@
+SocialStream.Permission = (function(SS, $, undefined) {
+  var initForm = function(formId) {
+    $('.edit_relation_custom', formId).on('change', function() {
+      $('#permissions').find('.loading').show();
+
+      $.rails.handleRemote($(this));
+
+      $(this).find('input').prop('disabled', true);
+    });
+  };
+
+  var enableForm = function(divId) {
+    $(divId).find('input').prop('disabled', false);
+  };
+
+  return {
+    initForm: initForm,
+    enableForm: enableForm
+  };
+})(SocialStream, jQuery);

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

@@ -0,0 +1,42 @@
+//= require select2
+//
+//= require social_stream/callback
+
+SocialStream.Profile = (function(SS, $, undefined){
+  var callback = new SS.Callback();
+
+  var initEditButtons = function(options) {
+    $("#profile-info .update").filter(function(i, el) {
+      return options.section.length === 0 || $(el).closest('section').attr('class').indexOf(options.section) === -1;
+    }).hide();
+
+    $("#profile-info .edit_icon a[href=#]").click(function(event){
+      event.preventDefault();
+
+      var section = $(this).closest('section')[0];
+
+      $("#profile-info section").each(function(i, el) {
+        if (el === section)
+          return true;
+
+        $(el).find('.briefing').show();
+        $(el).find('.update').hide();
+      });
+
+      $(section).find('.briefing').toggle('slow');
+      $(section).find('.update').toggle('slow');
+    });
+  };
+
+  var initTagsForm = function(options){
+    SS.Tag.select2("#profile_tag_list");
+  };
+
+  callback.register('show',
+                    initEditButtons,
+                    initTagsForm);
+
+  return callback.extend({
+  });
+
+})(SocialStream, jQuery);

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

@@ -0,0 +1,175 @@
+//= require social_stream/callback
+SocialStream.RelationCustom = (function(SS, $, undefined){
+  var callback = new SS.Callback();
+
+  var getListEl = function() {
+    return $('#relation_customs .relation_list');
+  };
+
+  var getPermissionsPath = function() {
+    return getListEl().attr('data-permissions_path');
+  };
+
+  var initList = function(el) {
+    var list = getListEl();
+    var scope = el ? el : list;
+    
+    list.find('.edit_name').hide();
+    list.find('.new_relation_custom').hide();
+    list.find('.actions').hide();
+
+    scope.find('input[type=radio]').click(function() {
+      hideEditForms();
+
+      list.find('.actions').hide();
+      $(this).closest('.relation_custom').find('.actions').show();
+      loadPermissionList(this);
+    });
+
+    scope.find('.actions .edit').click(function() {
+      showEditForm($(this).closest('.relation_custom'));
+    });
+
+    scope.find('.edit_name .submit').click(function() {
+      $(this).closest('.edit_name').find('form').submit();
+    });
+
+    scope.find('a.new').click(function(e) {
+      e.preventDefault();
+      $(this).closest('#new_relation').find('.new_relation_custom').toggle('slow');
+    });
+  };
+
+  var showEditForm = function(el) {
+    el.find('label').hide('slow');
+    el.find('.actions').hide('slow');
+
+    el.find('.edit_name').show('slow');
+
+    $('html').on('click.social_stream.relation_custom.edit_name', editFormsListener);
+  };
+
+  var editFormsListener = function(event) {
+    if (event && $(event.srcElement).closest('.relation_custom').length > 0) {
+      return;
+    }
+
+    hideEditForms();
+
+    $('html').off('click.social_stream.relation_custom.edit_name');
+  };
+
+  var hideEditForms = function() {
+    $('.edit_name:visible').each(function() {
+      $(this).hide('slow');
+
+      var parent = $(this).closest('.relation_custom');
+      parent.find('label').show('slow');
+      parent.find('.actions').show('slow');
+    });
+  };
+
+  var loadPermissionList = function(el) {
+    var radioInput = $(el);
+    var relVal = radioInput.val();
+
+    $('#permissions').find('.postit').hide();
+    $('#permissions').find('.relation_permissions').hide();
+
+    if (radioInput.attr('data-loaded')) {
+      console.log('#relation_' + relVal + '_permissions');
+      $('#relation_' + relVal + '_permissions').show();
+
+      return;
+    }
+
+    $('#permissions').find('.loading').show();
+
+    var formEl = $('<div/>', {
+      id: 'relation_' + relVal + '_permissions',
+      'class': 'relation_permissions'
+    });
+
+    formEl.append('<div/>', {
+      'class': 'loading'
+    });
+
+    formEl.prependTo('#permissions');
+
+   $.get(
+     getPermissionsPath(),
+     { relation_id: relVal },
+     function(html) {
+       $('#permissions').find('.loading').hide();
+       formEl.html(html);
+       radioInput.attr('data-loaded', 'true');
+
+       SS.Permission.initForm(formEl);
+     },
+    'html');
+  };
+
+  var initPermission = function() {
+    $('#permissions').find('.loading').hide();
+  };
+
+  var addToList = function(options) {
+    var list = getListEl();
+
+    $('#new_relation').before(options.relation.html);
+
+    initList($('#relation_custom_' + options.relation.id));
+
+    resetNewForm();
+  };
+
+  var resetNameForm = function(options) {
+    if (options.section !== 'name')
+      return;
+
+    var el = $('#relation_custom_' + options.relation.id);
+
+    el.find('label').text(options.relation.name);
+    el.find('input[name="relation_custom[name]"]').val(options.relation.name);
+
+    hideEditForms();
+  };
+
+  var resetPermissionForm = function(options) {
+    if (options.section !== 'permissions')
+      return;
+
+    $('#permissions').find('.loading').hide();
+
+    SS.Permission.enableForm('#relation_' + options.relation.id + '_permissions');
+  };
+
+  var resetNewForm = function() {
+    var el = $('#new_relation');
+
+    el.find('.new_relation_custom').hide();
+
+    el.find('input[name="relation_custom[name]"]').val('');
+  };
+
+  var hideElement = function(options) {
+    $('#relation_custom_' + options.relation.id).hide();
+    $('#relation_' + options.relation.id + '_permissions').hide();
+  };
+
+  callback.register('index',
+                    initList,
+                    initPermission);
+
+  callback.register('create', addToList);
+
+  callback.register('update',
+                    resetNameForm,
+                    resetPermissionForm);
+
+  callback.register('destroy', hideElement);
+
+  return callback.extend({
+  });
+
+})(SocialStream, jQuery);