From 46bc4c4dc54ba9489f6a0905ee3e834ef652c7bc Mon Sep 17 00:00:00 2001 From: Evandro Jr Date: Mon, 25 Aug 2014 18:48:11 -0300 Subject: [PATCH] including side comments --- plugins/comment_paragraph/public/comment_paragraph_macro.js | 89 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------- plugins/comment_paragraph/public/style.css | 16 ++++++++++++++++ plugins/comment_paragraph/views/comment_paragraph_plugin_profile/_comment_paragraph.html.erb | 6 +++++- 3 files changed, 94 insertions(+), 17 deletions(-) diff --git a/plugins/comment_paragraph/public/comment_paragraph_macro.js b/plugins/comment_paragraph/public/comment_paragraph_macro.js index e0dbe3a..67ffe36 100644 --- a/plugins/comment_paragraph/public/comment_paragraph_macro.js +++ b/plugins/comment_paragraph/public/comment_paragraph_macro.js @@ -9,25 +9,82 @@ function getIdCommentParagraph(paragraphId){ } function moveCommentsToTheSide(paragraphId, mouseX, mouseY){ - $ = jQuery; - var element = sideCommentForm; + var $ = jQuery; + //var element = sideCommentForm; //element.detach(); - if ( $('body #side_comment_form').size == 0){ - $('body').append(element); - } - element.css({top: mouseY-50, left: $( window ).width()-490, position:'absolute'}); + //if ( $('body #side_comment_form').size === 0){ +// $('body').append(element); +// } + //element.css({top: 0, border-right: 20, position:'absolute'}); +} + +//function buildSideCommentBlock(){ +// var $ = jQuery; +// $("body").append('\ +//
\n\ +// [side comments collumn]
\n\ +// [side comments collumn]
\n\ +//
\n\ +// '); +// //Detects if there is any comment paragraph +// +// // var button = jQuery('#page-comment-form-' + paragraphId + ' a')[0]; +//} + +function buildSideCommentBox(id, commentCount ){ + var $ = jQuery; + //Search to top of the respective paragraph + var top = $('#comment_paragraph_' + id).offset().top; + var right = $('#comment_paragraph_' + id).offset().left + $('#comment_paragraph_' + id).width() + 20; + var height = $('#comment_paragraph_' + id).height() + 20; + console.log(top); + var boxComments="\ +
\n\ +
+
\n\ + Icons and formzczk
asakdlsk
ajsijiasjia
jkpoafdpasj
papdiasp
\n\\n\ + Icons and formzczk
asakdlsk
ajsijiasjia
jkpoafdpasj
papdiasp
\n\\n\\n\ + Icons and formzczk
asakdlsk
ajsijiasjia
jkpoafdpasj
papdiasp
\n\\n\ +
"; + return boxComments; +} + +function putSideComments(){ + var $ = jQuery; + + $(".comment-count").each(function(index){ + //Include all comments except the last + var id = $(this).attr('id'); + if(id != undefined ){ + var n = id.lastIndexOf('-'); + var id_number = id.substr(n + 1, id.length - n +1); +// console.log(index); +// console.log(this); +// console.log($(this).text()); + var commentCount = $(this).text().trim(); + commentCount = parseInt(commentCount); + var box = buildSideCommentBox(id_number, commentCount); + $('body').append(box); + } + + }); + + } jQuery(document).ready(function($) { rangy.init(); cssApplier = rangy.createCssClassApplier("commented-area", {normalize: false}); - //Add marked text bubble $("body").append('\ \
Comentar
+
\ '); + //buildSideCommentBlock(); + //Creates a side bubble for each paragraph with the amount of comments + putSideComments(); + $("#comment-bubble").hide(); //Undo previous highlight from the paragraph $('.comment_paragraph').mousedown(function(){ @@ -92,14 +149,14 @@ jQuery(document).ready(function($) { url: url }).done(function() { - var button = jQuery('#page-comment-form-' + paragraphId + ' a')[0]; - button.click(); -// window.location="#page-comment-form-" + paragraphId; - //Move comments - sideCommentForm = $('#side_comment_form'); - sideCommentForm.hide(); - sideCommentForm = $('.comment_form').first(); - sideCommentForm.attr("id",'side_comment_form'); + +// button.click(); +//// window.location="#page-comment-form-" + paragraphId; +// //Move comments +// sideCommentForm = $('#side_comment_form'); +// sideCommentForm.hide(); +// sideCommentForm = $('.comment_form').first(); +// sideCommentForm.attr("id",'side_comment_form'); moveCommentsToTheSide(paragraphId, event.pageX, event.pageY); }); }); @@ -166,7 +223,7 @@ function toggleParagraph(paragraph) { var div = jQuery('div.comments_list_toggle_paragraph_'+paragraph); var visible = div.is(':visible'); if(!visible) - jQuery('div.comment-paragraph-loading-'+paragraph).addClass('comment-button-loading'); + jQuery('div.comment-paragraph-loading-' + paragraph).addClass('comment-button-loading'); div.toggle('fast'); return visible; } diff --git a/plugins/comment_paragraph/public/style.css b/plugins/comment_paragraph/public/style.css index d78080e..d14365d 100644 --- a/plugins/comment_paragraph/public/style.css +++ b/plugins/comment_paragraph/public/style.css @@ -59,3 +59,19 @@ div.article-comments-list-more{ display: block; width: 0; } + + +.side-comments-box{ + position: absolute; + top: 0px; + border-style: solid; + border-width: 1px; + border-color: black; + z-index: 99; + width: 200px; + overflow-y: auto; +} + +.side-comments-counter{ + width: 20px; +} \ No newline at end of file diff --git a/plugins/comment_paragraph/views/comment_paragraph_plugin_profile/_comment_paragraph.html.erb b/plugins/comment_paragraph/views/comment_paragraph_plugin_profile/_comment_paragraph.html.erb index aae3597..9ed3740 100644 --- a/plugins/comment_paragraph/views/comment_paragraph_plugin_profile/_comment_paragraph.html.erb +++ b/plugins/comment_paragraph/views/comment_paragraph_plugin_profile/_comment_paragraph.html.erb @@ -19,7 +19,11 @@ } )%> -
<%= count %>
+
+ + <%= count %> + +