inkwell_timelines 1.0.0

data/app/assets/javascripts/inkwell_timelines/inkwell_timeline.js.erb

@@ -0,0 +1,149 @@
+var inkwell_timelines = {
+    config : {
+        data_loading : false,
+        no_more_data : false,
+        current_timestamp : null
+    },
+
+    formatDate : function (dateTime) {
+        var date = dateTime.getDate();
+        var month = dateTime.getMonth() + 1;
+        var hour = dateTime.getHours();
+        var mins = dateTime.getMinutes();
+        return (date < 10 ? ('0' + date) : date) + '.' + (month < 10 ? ('0' + month) : month) + '.' + dateTime.getFullYear() +
+            ' ' + (hour < 10 ? ('0' + hour) : hour) + ':' + (mins < 10 ? ('0' + mins) : mins);
+    },
+
+    activeTimelineName : function () {
+        return inkwell_timelines.timelineName($('.inkwell_timelines .tab-menu .active'));
+    },
+
+    timelineName: function (timeline_obj) {
+        var timeline_name = null;
+        var classes = timeline_obj.attr('class').split(/\s+/);
+        $(classes).each(function () {
+            if (this.indexOf('timeline_') == 0) timeline_name = this.replace('timeline_', '');
+        });
+        return timeline_name;
+    },
+
+    timelineBlockName : function () {
+        return $('.inkwell_timelines').attr('id');
+    },
+
+    lastItemId : function () {
+        var id = $('.inkwell_timelines .wall_item').last().attr('id');
+        if (id) {
+            var splitted_id = id.split('_');
+            return splitted_id[splitted_id.length - 1]
+        }
+        return null;
+    },
+
+    transferredParams : function (timeline) {
+        return $('.inkwell_timelines input.transferred_params.' + timeline).attr('value');
+    },
+
+    selectorsValues : function () {
+        var selectors = $('.inkwell_timelines .inkwell_multi_selector');
+        var result = [];
+        selectors.each(function () {
+            if (!inkwell_multi_selector.is_all_checked($('.inkwell_timelines .inkwell_multi_selector'))) {
+                var data = {};
+                data['name'] = inkwell_multi_selector.get_selector_name($(this));
+                data['data'] = inkwell_multi_selector.top_checked_checkboxes_ids($(this));
+                result.push(data);
+            }
+        });
+        return (result.length > 0 ? result : null);
+    },
+
+    getData : function (current_timeline, include_selectors) {
+        var timestamp = $.now();
+        inkwell_timelines.config.current_timestamp = timestamp;
+        $.ajax({
+            url: '<%= InkwellTimelines::Engine::config.autoload_path%>',
+            type: 'POST',
+            dataType: 'html',
+            data: JSON.stringify({ block_name: inkwell_timelines.timelineBlockName(),
+                timeline: current_timeline,
+                last_item_id: inkwell_timelines.lastItemId(),
+                transferred_params: inkwell_timelines.transferredParams(current_timeline),
+                selectors_values: inkwell_timelines.selectorsValues(),
+                include_selectors: include_selectors
+            }),
+            success: function (data) {
+                if (timestamp == inkwell_timelines.config.current_timestamp) inkwell_timelines.buildTimeline(data);
+            },
+            complete: function () {
+                inkwell_timelines.config.data_loading = false;
+            }
+        });
+    },
+
+    buildTimeline : function (data) {
+        if (data == "") {
+            inkwell_timelines.config.no_more_data = true;
+            return;
+        }
+        $('.inkwell_timelines').append(data);
+        inkwell_timelines.formDate();
+
+    },
+
+    formDate : function () {
+        $('.inkwell_timelines .date:hidden').each(function () {
+            $(this).text(inkwell_timelines.formatDate(new Date(parseInt($(this).text()))));
+            $(this).removeAttr('style');
+        });
+    },
+
+    removeTimelineData: function (include_selectors) {
+        inkwell_timelines.config.no_more_data = false;
+        if (include_selectors) $('.inkwell_timelines .inkwell_multi_selector').remove();
+        $('.inkwell_timelines .wall_item').remove();
+    },
+
+    timelineClickHandler: function (timeline_obj) {
+        inkwell_timelines.config.data_loading = true;
+        inkwell_timelines.removeTimelineData(true);
+        if (!timeline_obj.hasClass('active')) {
+            $('.inkwell_timelines .tab-menu .active').removeClass('active');
+            timeline_obj.addClass('active');
+        }
+        inkwell_timelines.getData(inkwell_timelines.timelineName(timeline_obj), true);
+    },
+
+    selectorChangedHandler: function (selector) {
+        inkwell_timelines.config.data_loading = true;
+        inkwell_timelines.removeTimelineData(false);
+        var timeline_obj = $('.inkwell_timelines .tab-menu .active')[0];
+        inkwell_timelines.getData(inkwell_timelines.timelineName($(timeline_obj)), false);
+    }
+};
+
+
+
+$(document).ready(function () {
+    inkwell_timelines.formDate();
+
+    $(window).on('scroll', function(e) {
+        inkwell_multi_selector.hide_popup();
+        var scrHP = $(".inkwell_timelines").height() + $('.inkwell_timelines').offset().top;
+        var scrH2 = $(this).height() + $(this).scrollTop();
+        if (scrHP - scrH2 < <%= InkwellTimelines::Engine::config.load_distance%>) {
+            if (!(inkwell_timelines.config.data_loading || inkwell_timelines.config.no_more_data)) {
+                inkwell_timelines.config.data_loading = true;
+                inkwell_timelines.getData(inkwell_timelines.activeTimelineName(), false);
+            }
+        }
+    });
+
+    $('.inkwell_timelines .tab-menu').on('click', 'span', function () {
+        inkwell_timelines.timelineClickHandler($(this));
+    });
+
+    $(document).on('state_changed', '.inkwell_multi_selector', function () {
+        inkwell_timelines.selectorChangedHandler($(this));
+    });
+});

data/app/assets/stylesheets/inkwell_timelines/index.css

@@ -0,0 +1,30 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_tree .
+ */
+
+.inkwell_timelines * {
+    margin: 0;
+    padding: 0;
+}
+
+.inkwell_timelines {
+    font: 14px normal Arial, Helvetica, sans-serif;
+}
+
+.inkwell_timelines .clear {
+    clear: both;
+}
+
+.inkwell_timelines img {
+    border: none;
+}

data/app/assets/stylesheets/inkwell_timelines/multi_selector.css.erb

@@ -0,0 +1,112 @@
+.inkwell_timelines .inkwell_multi_selector {
+    padding: 15px 10px;
+    border-bottom: 1px solid #eee;
+    width: 620px;
+}
+
+.inkwell_timelines .inkwell_multi_selector .action {
+    display: inline-block;
+    float: left;
+    background-color: #eee;
+    color: #0084b4;
+    cursor: pointer;
+    padding: 3px 8px 4px 8px;
+    font-weight: bold;
+    -webkit-border-radius: 2px;
+    -khtml-border-radius: 2px;
+    -moz-border-radius: 2px;
+    border-radius: 2px;
+    position: relative;
+}
+
+.inkwell_timelines .inkwell_multi_selector .action .action_icon {
+    height: 16px;
+    width: 16px;
+    display: inline-block;
+    background: url('<%= asset_path 'inkwell_timelines/up-down.png' %>') no-repeat -16px -5px;
+    float: left;
+}
+
+.inkwell_timelines .inkwell_multi_selector .action:hover .action_icon {
+    background: url('<%= asset_path 'inkwell_timelines/up-down.png' %>') no-repeat -52px -5px;
+}
+
+.inkwell_timelines .inkwell_multi_selector .action.on .action_icon {
+    background: url('<%= asset_path 'inkwell_timelines/up-down.png' %>') no-repeat -52px -5px;
+}
+
+.inkwell_timelines .inkwell_multi_selector .action .action_name {
+    float: left;
+}
+
+.inkwell_timelines .inkwell_multi_selector .action:hover, .inkwell_timelines .inkwell_multi_selector .action.on {
+    background-color: #0084b4;
+    color: #eee;
+}
+
+.inkwell_timelines .inkwell_multi_selector .name {
+    display: inline-block;
+    float: left;
+    padding: 3px 7px 4px 0;
+    font-weight: bold;
+}
+
+.inkwell_timelines .inkwell_multi_selector .current_state {
+    padding: 3px 0 0 170px;
+}
+
+.inkwell_timelines .inkwell_multi_selector .current_state span {
+    margin:3px 7px 1px 0;
+    color: #0084b4;
+    cursor: pointer;
+}
+
+.inkwell_timelines .inkwell_multi_selector .current_state span:hover {
+    text-decoration: underline;
+}
+
+.inkwell_timelines .inkwell_multi_selector .dropdown {
+    width:300px;
+    max-height: 200px;
+    position: absolute;
+    top:25px;
+    left:0;
+    cursor: default;
+    color: black;
+    background-color: white;
+    padding: 15px;
+    border: 1px solid #eee;
+    font-weight: normal;
+    overflow: auto;
+
+}
+
+.inkwell_timelines .inkwell_multi_selector .checkbox_with_label {
+    display: inline-block;
+    padding-left: 20px;
+    background: url('<%= asset_path 'inkwell_timelines/checkbox-unchecked.png' %>') no-repeat 0 1px;
+    margin: 0 0 5px 5px;
+}
+
+.inkwell_timelines .inkwell_multi_selector .checkbox_with_label.checked {
+    background: url('<%= asset_path 'inkwell_timelines/checkbox-checked.png' %>') no-repeat 0 1px;
+}
+
+.inkwell_timelines .inkwell_multi_selector .nesting {
+    display: inline-block;
+    width: 14px;
+    height: 14px;
+    float: left;
+}
+
+.inkwell_timelines .inkwell_multi_selector .nesting.expanded {
+    background: url('<%= asset_path 'inkwell_timelines/minus.png' %>') no-repeat 0 2px;
+}
+
+.inkwell_timelines .inkwell_multi_selector .nesting.collapsed {
+    background: url('<%= asset_path 'inkwell_timelines/plus.png' %>') no-repeat 0 1px;
+}
+
+.inkwell_timelines .inkwell_multi_selector .nested {
+    margin-left: 19px;
+}

data/app/assets/stylesheets/inkwell_timelines/tab-menu.css

@@ -0,0 +1,26 @@
+.inkwell_timelines .tab-menu {
+    padding: 8px 10px 15px 10px;
+    font-size: 14px;
+    font-weight: bolder;
+    border-bottom: 1px solid #eee;
+    width: 620px;
+}
+
+.inkwell_timelines .tab-menu span {
+    color: #0084b4;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+.inkwell_timelines .tab-menu span.active {
+    color: inherit;
+}
+
+.inkwell_timelines .tab-menu span:hover {
+    text-decoration: underline;
+}
+
+.inkwell_timelines .tab-menu > * {
+    margin: 5px 7px 0 0;
+    display: inline-block;
+}

data/app/assets/stylesheets/inkwell_timelines/wall_item.css.erb

@@ -0,0 +1,106 @@
+.inkwell_timelines .wall_item {
+    width: 620px;
+    padding: 15px 10px;
+    border-bottom: 1px solid #eee;
+}
+
+.inkwell_timelines .wall_item .avatar_link {
+    position: absolute;
+}
+
+.inkwell_timelines .wall_item .avatar {
+    width: 50px;
+    height: 50px;
+}
+
+.inkwell_timelines .wall_item .item_container {
+    margin-left: 60px;
+}
+
+.inkwell_timelines .wall_item .item_img {
+    width: 150px;
+}
+
+.inkwell_timelines .wall_item .item_img_link {
+    float: left;
+    padding: 0 10px 0 0;
+}
+
+.inkwell_timelines .wall_item .item_description {
+    margin-bottom: 10px;
+}
+
+.inkwell_timelines .item_description .name {
+    font-size: 14px;
+    padding-right: 7px;
+    color: #0084b4;
+    font-weight: bolder;
+}
+
+.inkwell_timelines .item_description .title {
+    font-weight: bolder;
+    font-size: 13px;
+}
+
+.inkwell_timelines .wall_item .item_menu {
+    padding-top: 10px;
+}
+
+
+/* Wall item menu */
+
+.inkwell_timelines .favorite_action:hover {
+    background: url('<%= asset_path 'inkwell_timelines/wi-favorite-hover.png' %>') 0 2px no-repeat;
+}
+
+.inkwell_timelines .favorite_action {
+    background: url('<%= asset_path 'inkwell_timelines/wi-favorite.png' %>') 0 2px no-repeat;
+}
+
+.inkwell_timelines .favorite_action.active {
+    background: url('<%= asset_path 'inkwell_timelines/wi-favorite-active.png' %>') 0 2px no-repeat;
+}
+
+.inkwell_timelines .reblog_action:hover {
+    background: url('<%= asset_path 'inkwell_timelines/wi-reblog-hover.png' %>') 0 3px no-repeat;
+}
+
+.inkwell_timelines .reblog_action {
+    background: url('<%= asset_path 'inkwell_timelines/wi-reblog.png' %>') 0 3px no-repeat;
+}
+
+.inkwell_timelines .reblog_action.active {
+    background: url('<%= asset_path 'inkwell_timelines/wi-reblog-active.png' %>') 0 3px no-repeat;
+}
+
+.inkwell_timelines .comment_action:hover {
+    background: url('<%= asset_path 'inkwell_timelines/wi-comment-hover.png' %>') 0 4px no-repeat;
+}
+
+.inkwell_timelines .comment_action {
+    background: url('<%= asset_path 'inkwell_timelines/wi-comment.png' %>') 0 4px no-repeat;
+}
+
+.inkwell_timelines .wall_item .action {
+    display: inline-block;
+    padding-left: 23px;
+    font-size: 11px;
+    height: 20px;
+    line-height: 23px;
+    color: #555;
+    cursor: pointer;
+    margin-right: 10px;
+    float: left;
+}
+
+
+/* Date */
+
+.inkwell_timelines .date {
+    display: inline;
+    font-size: 11px;
+    height: 18px;
+    line-height: 23px;
+    color: #555;
+    float: right;
+}

data/app/controllers/inkwell_timelines/application_controller.rb

@@ -0,0 +1,4 @@
+module InkwellTimelines
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/helpers/inkwell_timelines/application_helper.rb

@@ -0,0 +1,4 @@
+module InkwellTimelines
+  module ApplicationHelper
+  end
+end

data/app/views/default_partials/_comment.html.erb

@@ -0,0 +1,21 @@
+<div class="wall_item" id="<%= timeline %>_<%= record.item_id %>">
+  <a href="<%= user_path record.user.id %>" class="avatar_link"><img class="avatar" src="<%= record.user.avatar %>" alt="<%= record.user.nick %>"></a>
+
+  <div class="item_container">
+    <div class="item_description">
+      <span class="name"> <%= record.user.name %>:</span>
+    </div>
+
+    <p><%= truncate record.body, :length => 500 %></p>
+
+    <div class="clear item_menu">
+      <span class="favorite_action action<% if record.is_favorited %> active<% end%>"><%= record.favorite_count %></span>
+      <span class="reblog_action action<% if record.is_reblogged %> active<% end%>"><%= record.reblog_count %></span>
+      <span class="comment_action action"><%= record.comment_count %></span>
+      <span class="date" style="display: none;"><%= record.created_at.utc.to_i * 1000 %></span>
+
+      <div class="clear"></div>
+    </div>
+
+  </div>
+</div>