social_stream-documents 1.1.4 → 2.0.0.beta1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b829179295505e98c6138be7a0b1d68941a03130
-  data.tar.gz: f79a536beb2986620351d4befc456df3461dad13
+  metadata.gz: 21343b627b82723ae7bc741d39e7750f5d435862
+  data.tar.gz: c267351a0ad8192a6decb3b1e379bea0a68a15cf
 SHA512:
-  metadata.gz: dc29eaac24c2794ad1c9504e785e474815709cbf4102143d7898a5d8efef7e871c0130aad2401a9688882f59ba8b9ab69fd72a4b55a1c3d2bf20384fe43bc8a5
-  data.tar.gz: b59e31e358156bd92d9ab8caf89594b1622077909f2677ae3514b9db6888476092e5543bf12d1ed3a88a4940ffbd644dcb4dc18cdf5a7012340420b80655d64a
+  metadata.gz: e21074e415ac60ea399f4217d5e6a37bec96704db37c8d443b3036752a6799bdf2bae072907e507f45cc7a6c5fd9203818e74311245c572349377774f4f653d0
+  data.tar.gz: 3fb4e86053d6186c783e027f7033affff5d8dee57685d367aa849884eb3ed72379cd27367a4945d30373976f8ce3071796b99541181f30ba93fe141afcaa7a29

data/app/assets/javascripts/{social_stream.audio.js.erb → social_stream/audio.js.erb}

@@ -1,6 +1,8 @@
-//= require social_stream.timeline
+//= 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({
@@ -16,10 +18,12 @@ SocialStream.Audio = (function(SS, $, undefined){
       })
     });
 
-    $(".audio-format-links").hide();
+    $(".format-links").hide();
   }
 
-  SocialStream.Timeline.addInitCallback(initJplayer);
+  callback.register('show', initJplayer);
 
+  return callback.extend({
+  });
 
 })(SocialStream, jQuery);

data/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/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/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/app/assets/javascripts/{social_stream.video.js.erb → social_stream/video.js.erb}

@@ -1,6 +1,8 @@
-//= require social_stream.timeline
+//= 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({
@@ -19,21 +21,22 @@ SocialStream.Video = (function(SS, $, undefined){
       })
     });
 
-    $(".video-format-links").hide();
+    $(".video .format-links").hide();
     $(".video-full").hide();
 
-    $(".video_thumbnail_play_over").click(function(){
+    $(".video .play_over").click(function(){
       var video = $(this).closest(".video")
-      video.find(".video-thumb").hide();
-      video.find(".video-details").hide();
+      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);
+      video.find(".jp-jplayer").jPlayer("play", 0);
     });
-
   }
 
-  SocialStream.Timeline.addInitCallback(initJplayer);
+  callback.register('show', initJplayer);
 
+  return callback.extend({
+  });
 
 })(SocialStream, jQuery);

data/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/app/assets/stylesheets/social_stream/documents/aside/_documents.css.sass

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

data/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/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/app/assets/stylesheets/social_stream/documents/documents/_documents.css.sass

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

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

@@ -0,0 +1,52 @@
+.repository
+  @include grid-core-span(10, $fluidGridColumnWidth, $fluidGridGutterWidth)
+  display: block
+  float: left
+  margin-left: 2.5%
+
+#repository
+  
+  .repository_show
+    @include grid-core-span(1, $fluidGridColumnWidth, $fluidGridGutterWidth)
+    display: inline
+  input
+    &[type="text"]
+      width: 22% !important
+      display: inline
+      margin-top: 3px
+      float: right
+   
+  .btn
+    float: right
+    width: 90px
+    display: inline-block
+    margin: 3px 16px 0 -14px
+    padding: 5px 12px
+  .tab-content
+    @include grid-core-span(10, $fluidGridColumnWidth, $fluidGridGutterWidth)
+    padding-bottom: 100px
+
+  .repository-list
+    .document,
+    .picture,
+    .audio,
+    .video
+      min-height: 81px
+
+  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
+
+  #comments
+    .new_comment
+      margin-left: 44px
+
+.documents
+  clear: both

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

@@ -0,0 +1,12 @@
+#search-results,
+.repository-list-net,
+.repository-list
+  .picture,
+  .audio,
+  .video,
+  .document
+    .author
+      font-size: 13px
+  .actions
+    color: $gray
+    font-size: 12px

data/app/assets/stylesheets/social_stream/documents/explore/layout/_explore-documents.css.sass

@@ -0,0 +1,20 @@
+#search-results,
+.repository-list-net,
+.repository-list
+  .picture,
+  .audio,
+  .video,
+  .document
+    display: inline
+    @include makeColumn(3, 0)
+    margin-left: 19px
+    margin-bottom: 14px
+    .thumb
+      @include makeColumnoMargin(1, 0)
+      display: inline
+      margin-top: 14px
+    .brifing
+      @include makeColumnoMargin(2, 0)
+      display: inline-block
+    .author
+      margin-top: -10px

data/app/assets/stylesheets/social_stream/documents/responsive/_responsive-1200px-min.css.sass

@@ -0,0 +1,21 @@
+//
+// Responsive: Large desktop and up
+// --------------------------------------------------
+
+
+@media (min-width: 1200px)
+  #user
+    .activities
+      .wall_input
+        #new_post
+          .document_description
+            width: 96% !important
+  
+  #comments
+    div.new_comment
+      min-height: 100px
+      width: 90%
+      .avatar
+        width: 11%
+      form.new_comment
+        width: 86.8%

data/app/assets/stylesheets/social_stream/documents/responsive/_responsive-767px-max.css.sass

@@ -0,0 +1,58 @@
+//
+// Responsive: Landscape phone to desktop/tablet
+// --------------------------------------------------
+
+
+@media (max-width: 767px)
+  #user
+    .activities
+      .wall_input
+        #new_post
+          .document_description
+            width: 96%
+
+  .picture,
+  .audio,
+  .video,
+  .document
+    .tab-content
+      width: 100% !important
+      overflow: initial
+    .central
+      width: 100% !important
+      margin-left: 0px !important
+      .comments
+        .avatar
+          float: left
+        .media-heading
+          font-size: 16px
+        .media-body
+          float: left
+          display: inline-block
+          width: 73%
+          p
+            font-size: 15px
+        .event
+          .details 
+            margin-left: 10px
+      #comments 
+        div.new_comment
+          min-height: 80px
+          height: auto
+          width: 100%
+          .avatar
+            width: 15%
+          form.new_comment
+            width: 80.8%
+
+  #repository
+    .repository
+      @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+  
+// UP TO LANDSCAPE PHONE
+// ---------------------
+
+@media (max-width: 480px)
+
+
+  

data/app/assets/stylesheets/social_stream/documents/responsive/_responsive-768px-979px.css.sass

@@ -0,0 +1,54 @@
+//
+// Responsive: Tablet to desktop
+// --------------------------------------------------
+
+
+@media (min-width: 768px) and (max-width: 979px)
+  #picture,
+  #audio,
+  #video,
+  #document
+    .picture,
+    .audio,
+    .video,
+    .document
+      .central
+        @include grid-core-span(8, $fluidGridColumnWidth, $fluidGridGutterWidth)
+      .details
+        width: 26% !important
+        float: left 
+        margin-left: 20px !important
+        section
+          border-bottom: 1px dashed #ccc
+          padding-top: 0px
+          label
+            font-size: 15px
+            padding: 2px 0 0 5px
+        .upload
+          margin-top: 0px
+          input
+            &[type="file"]
+              display: inline
+              width: 98% !important
+              line-height: 0px
+              background-color: $white
+              @extend .border-radius-5
+        .title
+          input
+            &[type="text"]
+              display: inline
+              width: 90% !important
+        #picture_tag_list
+          display: inline
+          width: 90% !important
+        .description
+          textarea
+            display: inline-block
+            @include size (70px, 90% !important)
+            width: 90% !important
+
+
+  #repository
+    .repository
+      @include grid-core-span(12, $fluidGridColumnWidth, $fluidGridGutterWidth)
+

data/app/assets/stylesheets/social_stream/documents/search/_header.css.sass

@@ -0,0 +1,25 @@
+header
+  .search-nav
+    .mat
+      .results
+        ul
+          li
+            background-color: #f9f9f9
+            &:hover
+              background-color: #fff
+            .document,
+            .picture,
+            .audio,
+            .video
+              &:hover
+                .thumb,
+                .brifing
+                  @include opacity(100)
+              .thumb
+                @include opacity(70) 
+              .brifing
+                @include opacity(70)
+                .author
+                  @include ellipsis
+                .counters
+                  font-size: 9px

data/app/assets/stylesheets/social_stream/documents/search/layout/_header.css.sass

@@ -0,0 +1,33 @@
+header
+  .search-nav
+    .mat
+      .results
+        ul
+          li
+            .document,
+            .picture,
+            .audio,
+            .video
+              min-height: 80px
+              .thumb
+                @include opacity(70)
+                width: 38%
+                float: left
+                margin-top: 6px
+                .icon_file_50-default
+                  background-size: 315px 
+              .brifing
+                @include opacity(70)
+                width: 62%
+                float: left
+                h5
+                  @include ellipsis
+                  margin: 4px 0 0 0
+                  font-size: 13px
+                .author
+                  @include ellipsis
+                  font-size: 11px
+                .counters
+                  font-size: 9px
+                  .counter
+                    color: $blue

data/app/assets/stylesheets/social_stream/documents/show/_show.css.sass

@@ -0,0 +1,72 @@
+.picture,
+.audio,
+.video,
+.documents
+  .central
+    .show
+      @include border-radius(10px)
+      border: 1px solid #f7f7f7
+      @include gradient-radial ($innerColor: #666, $outerColor: #333)
+      text-align: center
+      h6
+        color: $white
+        font-size: 15px
+      .actions
+        border: 1px solid #333
+        @include border-radius (3px)
+        border-bottom-color: #444
+        background-color: rgba(50, 50, 50, 0.3)
+    .tabbable
+      .tab-content
+        .media
+          background-color: $white
+          border-bottom: 1px solid #ddd
+          border-left: 1px solid #ddd
+          &:last-child
+            border-bottom: none
+          .actions
+            .post_time_ago
+              color: $gray
+
+            .tooltip
+              @include opacity (90)
+              @include border-radius (5px)
+              background: $gray
+              color: whitesmoke
+              .audience_logo
+                img
+                  @include border-radius (5px)
+
+  .details
+    @extend .hidden-phone
+    h4
+      color: #999
+      font-size: 15px
+    .tabbable
+      ul
+        li.active
+          a
+            background-color: #f3f3f3 
+    .tab-content
+      color: $blue
+      border-left: 1px solid #dddddd
+      background-color: #f3f3f3
+
+
+#document-info
+  .counters
+    color: $grayLight
+    .counter
+      color: #00C3FF
+      font-sixe: 15px
+
+ 
+
+#comments
+  div.new_comment
+    form.new_comment
+      input
+        &[type="submit"]
+          @include buttonBackground($blueDark, $blue, $textColor: #fff, $textShadow: 0 -1px 0 rgba(0,0,0,.25))
+
+