social_stream 1.1.12 → 2.0.0.beta1

data/base/vendor/assets/javascripts/jquery.inview.js

@@ -0,0 +1,125 @@
+/**
+ * author Christopher Blum
+ *    - based on the idea of Remy Sharp, http://remysharp.com/2009/01/26/element-in-view-event-plugin/
+ *    - forked from http://github.com/zuk/jquery.inview/
+ */
+(function ($) {
+  var inviewObjects = {}, viewportSize, viewportOffset,
+      d = document, w = window, documentElement = d.documentElement, expando = $.expando;
+
+  $.event.special.inview = {
+    add: function(data) {
+      inviewObjects[data.guid + "-" + this[expando]] = { data: data, $element: $(this) };
+    },
+
+    remove: function(data) {
+      try { delete inviewObjects[data.guid + "-" + this[expando]]; } catch(e) {}
+    }
+  };
+
+  function getViewportSize() {
+    var mode, domObject, size = { height: w.innerHeight, width: w.innerWidth };
+
+    // if this is correct then return it. iPad has compat Mode, so will
+    // go into check clientHeight/clientWidth (which has the wrong value).
+    if (!size.height) {
+      mode = d.compatMode;
+      if (mode || !$.support.boxModel) { // IE, Gecko
+        domObject = mode === 'CSS1Compat' ?
+          documentElement : // Standards
+          d.body; // Quirks
+        size = {
+          height: domObject.clientHeight,
+          width:  domObject.clientWidth
+        };
+      }
+    }
+
+    return size;
+  }
+
+  function getViewportOffset() {
+    return {
+      top:  w.pageYOffset || documentElement.scrollTop   || d.body.scrollTop,
+      left: w.pageXOffset || documentElement.scrollLeft  || d.body.scrollLeft
+    };
+  }
+
+  function checkInView() {
+    var $elements = $(), elementsLength, i = 0;
+
+    $.each(inviewObjects, function(i, inviewObject) {
+      var selector  = inviewObject.data.selector,
+          $element  = inviewObject.$element;
+      $elements = $elements.add(selector ? $element.find(selector) : $element);
+    });
+
+    elementsLength = $elements.length;
+    if (elementsLength) {
+      viewportSize   = viewportSize   || getViewportSize();
+      viewportOffset = viewportOffset || getViewportOffset();
+
+      for (; i<elementsLength; i++) {
+        // Ignore elements that are not in the DOM tree
+        if (!$.contains(documentElement, $elements[i])) {
+          continue;
+        }
+
+        var $element      = $($elements[i]),
+            elementSize   = { height: $element.height(), width: $element.width() },
+            elementOffset = $element.offset(),
+            inView        = $element.data('inview'),
+            visiblePartX,
+            visiblePartY,
+            visiblePartsMerged;
+        
+        // Don't ask me why because I haven't figured out yet:
+        // viewportOffset and viewportSize are sometimes suddenly null in Firefox 5.
+        // Even though it sounds weird:
+        // It seems that the execution of this function is interferred by the onresize/onscroll event
+        // where viewportOffset and viewportSize are unset
+        if (!viewportOffset || !viewportSize) {
+          return;
+        }
+        
+        if (elementOffset.top + elementSize.height > viewportOffset.top &&
+            elementOffset.top < viewportOffset.top + viewportSize.height &&
+            elementOffset.left + elementSize.width > viewportOffset.left &&
+            elementOffset.left < viewportOffset.left + viewportSize.width) {
+          visiblePartX = (viewportOffset.left > elementOffset.left ?
+            'right' : (viewportOffset.left + viewportSize.width) < (elementOffset.left + elementSize.width) ?
+            'left' : 'both');
+          visiblePartY = (viewportOffset.top > elementOffset.top ?
+            'bottom' : (viewportOffset.top + viewportSize.height) < (elementOffset.top + elementSize.height) ?
+            'top' : 'both');
+          visiblePartsMerged = visiblePartX + "-" + visiblePartY;
+          if (!inView || inView !== visiblePartsMerged) {
+            $element.data('inview', visiblePartsMerged).trigger('inview', [true, visiblePartX, visiblePartY]);
+          }
+        } else if (inView) {
+          $element.data('inview', false).trigger('inview', [false]);
+        }
+      }
+    }
+  }
+
+  $(w).bind("scroll resize", function() {
+    viewportSize = viewportOffset = null;
+  });
+  
+  // IE < 9 scrolls to focused elements without firing the "scroll" event
+  if (!documentElement.addEventListener && documentElement.attachEvent) {
+    documentElement.attachEvent("onfocusin", function() {
+      viewportOffset = null;
+    });
+  }
+
+  // Use setInterval in order to also make sure this captures elements within
+  // "overflow:scroll" elements or elements that appeared in the dom tree due to
+  // dom manipulation and reflow
+  // old: $(window).scroll(checkInView);
+  //
+  // By the way, iOS (iPad, iPhone, ...) seems to not execute, or at least delays
+  // intervals while the user scrolls. Therefore the inview event might fire a bit late there
+  setInterval(checkInView, 250);
+})(jQuery);

data/config/locales/en.yml

@@ -0,0 +1,3 @@
+en:
+  post:
+    input: "Share your thougths, links, videos and more, here!"

data/config/locales/es.yml

@@ -0,0 +1,3 @@
+es:
+  post:
+    input: "Comparte tus ideas, enlaces, videos y más, aquí"

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

@@ -4,6 +4,6 @@
 //= require social_stream-base
 //
 //= require_self
-//= require_tree .
+//= require_tree ./social_stream
 
 SocialStream.Documents = SocialStream.Documents || {};

data/documents/app/assets/javascripts/social_stream/audio.js.erb

@@ -0,0 +1,29 @@
+//= require social_stream/callback
+
+SocialStream.Audio = (function(SS, $, undefined){
+  var callback = new SS.Callback();
+
+  var initJplayer = function(){
+    $(".jp-audio .jp-jplayer").each(function() {
+      $(this).jPlayer({
+        ready: function () {
+          $(this).jPlayer("setMedia", {
+            webma: $(this).closest(".audio").find(".audio-webma").attr("href"), // Defines the webm url
+          });
+        },
+      preload: "none",
+      supplied: "webma",
+      swfPath: "<%= asset_path "" %>",
+      cssSelectorAncestor: "#" + $(this).closest(".audio-full").attr("id")
+      })
+    });
+
+    $(".format-links").hide();
+  }
+
+  callback.register('show', initJplayer);
+
+  return callback.extend({
+  });
+
+})(SocialStream, jQuery);

data/documents/app/assets/javascripts/social_stream/document.js

@@ -0,0 +1,27 @@
+//= require social_stream/callback
+
+SocialStream.Document = (function(SS, $, undefined){
+  var callback = new SS.Callback();
+
+  var initTagsForm = function() {
+    SS.Tag.select2('input[name$="[tag_list]"]');
+  };
+
+  var initPagination = function() {
+    SS.Pagination.show();
+  };
+
+  var initNewModal = function() {
+    $('.new_document-modal-link').attr('href', '#new_document-modal');
+  };
+
+  callback.register('index', initPagination);
+
+  callback.register('new_', initNewModal);
+
+  callback.register('edit', initTagsForm);
+
+  return callback.extend({
+  });
+
+})(SocialStream, jQuery);

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

@@ -0,0 +1,11 @@
+//= require social_stream/timeline
+//= require social_stream/audio
+//= require social_stream/video
+
+SocialStream.Timeline.callbackRegister('show',
+                                       SocialStream.Audio.show,
+                                       SocialStream.Video.show);
+
+SocialStream.Timeline.callbackRegister('update',
+                                       SocialStream.Audio.show,
+                                       SocialStream.Video.show);

data/documents/app/assets/javascripts/social_stream/documents.wall.js

@@ -0,0 +1,48 @@
+//= require social_stream/wall
+
+SocialStream.Wall.callbackRegister('show', function(){
+  $('.wall_input button.new_document').click(function(event){
+    event.preventDefault();
+
+    $(this).addClass("selected");
+
+    // build document form
+    if ($('.wall_input input[name^=document]').length === 0) {
+      $('<label/>', {
+        "for": 'document_title',
+        text: I18n.t('activerecord.attributes.document.title')
+        }).insertBefore($('#post_text'));
+
+      $('<textarea/>', {
+        name: 'document[description]',
+        'class': 'document_description',
+        placeholder: I18n.t('document.description.input')
+      }).insertAfter($('#post_text'));
+
+      $('.wall_input textarea.document_description').val($('#post_text').val());
+
+      $('#post_text').
+        attr('name', 'document[title]').
+        attr('placeholder', I18n.t('document.title.input'));
+
+      $('<input>', {
+        name: 'document[file]',
+        type: 'file',
+        style: 'display: none;'
+      }).insertAfter('.wall_input textarea.document_description');
+
+      SocialStream.Wall.changeAction($(this).attr('data-path'));
+      $('.wall_input form').
+        attr('enctype', 'multipart/form-data'); // this is ignored if done after creating the file input
+
+      $('.wall_input input[name="post[owner_id]"]').attr('name', 'document[owner_id');
+      SocialStream.Wall.changeRelationSelect('document');
+    }
+
+    $('.wall_input input[type=file]').trigger('click');
+
+    $('.wall_input input[type=file]').change(function(){
+      $("#post_text").val($(this).val().replace(/C:\\fakepath\\/i, ''));
+    });
+  });
+});

data/documents/app/assets/javascripts/social_stream/video.js.erb

@@ -0,0 +1,42 @@
+//= require social_stream/callback
+
+SocialStream.Video = (function(SS, $, undefined){
+  var callback = new SS.Callback();
+
+  var initJplayer = function(){
+    $(".jp-video .jp-jplayer").each(function() {
+      $(this).jPlayer({
+        ready: function () {
+          $(this).jPlayer("setMedia", {
+            webmv: $(this).closest(".video").find(".video-webm").attr("href"), // Defines the webm url
+            flv: $(this).closest(".video").find(".video-flv").attr("href"), // Defines the flv url
+            mp4: $(this).closest(".video").find(".video-mp4").attr("href") // Defines the mp4 url
+          });
+        },
+      solution:"flash, html",
+      preload: "none",
+      supplied: "webmv, flv, mp4",
+      swfPath: "<%= asset_path "" %>",
+      cssSelectorAncestor: "#" + $(this).closest(".video-full").attr("id")
+      })
+    });
+
+    $(".video .format-links").hide();
+    $(".video-full").hide();
+
+    $(".video .play_over").click(function(){
+      var video = $(this).closest(".video")
+      video.find(".thumb").hide();
+      video.find(".text").hide();
+      video.find(".jp-video-play").hide();
+      video.find(".video-full").show();
+      video.find(".jp-jplayer").jPlayer("play", 0);
+    });
+  }
+
+  callback.register('show', initJplayer);
+
+  return callback.extend({
+  });
+
+})(SocialStream, jQuery);

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

@@ -0,0 +1,49 @@
+@import "social_stream/documents/responsive/responsive-1200px-min"
+@import "social_stream/documents/responsive/responsive-768px-979px"
+@import "social_stream/documents/responsive/responsive-767px-max"
+
+
+
+
+@import "social_stream/documents/show/show"
+
+@import "social_stream/documents/show/layout/show"
+
+
+
+
+@import "social_stream/documents/create/new"
+
+@import "social_stream/documents/create/layout/new"
+
+
+
+
+@import "social_stream/documents/explore/explore-documents"
+
+@import "social_stream/documents/explore/layout/explore-documents"
+
+
+
+
+@import "social_stream/documents/search/header"
+
+@import "social_stream/documents/search/layout/header"
+
+
+
+
+@import "social_stream/documents/documents/documents"
+
+@import "social_stream/documents/documents/layout/documents"
+
+
+
+
+@import "social_stream/documents/timeline/wallinput"
+
+@import "social_stream/documents/timeline/layout/wallinput"
+
+@import "social_stream/documents/timeline/audios"
+
+@import "social_stream/documents/timeline/layout/audios"

data/documents/app/assets/stylesheets/social_stream/documents/aside/_documents.css.sass

@@ -0,0 +1,4 @@
+#documents
+  input
+    &[type="text"]
+      @include filter

data/documents/app/assets/stylesheets/social_stream/documents/aside/layout/_documents.css.sass

@@ -0,0 +1,30 @@
+#document_info
+  @include makeColumn(6, 0)
+  display: inline-block
+
+#documents
+  .document_show
+    @include makeColumn(1, 0)
+    display: inline
+  input
+    &[type="submit"]
+      float: right
+      width: 90px
+      display: inline-block
+      margin: 3px 0 0 -14px
+  .tab-content
+    @include makeColumn(10, 0)
+    padding-bottom: 100px
+
+  nav.more
+    clear: both
+    margin-top: 10px
+    .btn-see-more
+      position: absolute
+      z-index: 100
+      padding: 0px 10px 0px 4px
+    .loading
+      z-index: 200
+      position: relative
+.documents
+  clear: both

data/documents/app/assets/stylesheets/social_stream/documents/create/layout/_new.css.sass

@@ -0,0 +1,32 @@
+#new_document-modal
+  .modal-body
+    max-height: 520px  
+    padding: 0 15px 15px 15px
+    form.new_site_client
+      margin-left: 0px
+      width: 100%
+      .name,
+      .url
+        margin-left: 0px
+        width: 100%
+    input
+      &[type="file"]
+        line-height: 0px
+  #new_file
+    label 
+      font-size: 22px
+      font-weight: bold
+      color: #CCC
+    form.new_document
+      section
+        border-bottom: 1px dashed #CCC
+        padding-top: 15px
+        padding-bottom: 15px
+      #document_file
+        @include ellipsis
+      .description
+        textarea
+          height: 100px
+      input
+        &[type="submit"]
+          margin: 8px 0 0

data/documents/app/assets/stylesheets/social_stream/documents/documents/_documents.css.sass

@@ -0,0 +1,4 @@
+#repository
+  .btn
+    @extend .btn-blue
+