Download as
Browse Code »

Commit 7e613b9f278f8c942d820d76d43e122e6b0224bc

Authored by Evandro Jr
2 parents f84ac88b dfd04c06
Exists in theme-brasil-digital-from-staging and in 9 other branches angular_poc, api-article-archived, backup-7-jan-2016, captcha_serpro_plugin, login-captcha, production, resend_confirmation_email, staging, staging_rails3

Merge branch 'AI3205-comment-paragraph' into stable

Showing 2 changed files with 75 additions and 54 deletions   Show diff stats
plugins/comment_paragraph/public/style.css
  Diff comments   View file @7e613b9
@@ -34,6 +34,11 @@ div.article-comments-list-more{ @@ -34,6 +34,11 @@ div.article-comments-list-more{
34 34
35 .comment_paragraph{ 35 .comment_paragraph{
36 padding: 0px; 36 padding: 0px;
  37 + position: relative;
  38 + left: -20px;
  39 + width: 450px;
  40 + font-weight: bold;
  41 + text-align: justify;
37 } 42 }
38 43
39 .triangle-right { 44 .triangle-right {
@@ -81,8 +86,6 @@ div.article-comments-list-more{ @@ -81,8 +86,6 @@ div.article-comments-list-more{
81 .side-comment .comment_title{display: none;} 86 .side-comment .comment_title{display: none;}
82 .side-comment label[for="comment_title"] {display: none;} 87 .side-comment label[for="comment_title"] {display: none;}
83 88
84 -  
85 -  
86 div[class^='comments_list_toggle_paragraph_'] { 89 div[class^='comments_list_toggle_paragraph_'] {
87 border-style: solid; 90 border-style: solid;
88 border-width: 1px; 91 border-width: 1px;
@@ -93,9 +96,9 @@ div[class^='comments_list_toggle_paragraph_'] { @@ -93,9 +96,9 @@ div[class^='comments_list_toggle_paragraph_'] {
93 } 96 }
94 97
95 div[class^='comment-paragraph-loading-'] { 98 div[class^='comment-paragraph-loading-'] {
96 - background-color: whitesmoke; 99 + position: relative;
  100 + left: 470px;
97 z-index: 99; 101 z-index: 99;
98 - right: -230px;  
99 } 102 }
100 103
101 #content .side-comment .comment-balloon div[class^='comment-wrapper-']{ 104 #content .side-comment .comment-balloon div[class^='comment-wrapper-']{
@@ -146,9 +149,6 @@ div[class^='comment-paragraph-loading-'] { @@ -146,9 +149,6 @@ div[class^='comment-paragraph-loading-'] {
146 149
147 .comment-replies .comment-from-owner.comment-content {background: none;} 150 .comment-replies .comment-from-owner.comment-content {background: none;}
148 151
149 -  
150 -  
151 -  
152 .side-comment .comment-balloon-content { 152 .side-comment .comment-balloon-content {
153 margin: 0; 153 margin: 0;
154 } 154 }
@@ -210,4 +210,29 @@ div[class^='comment-paragraph-loading-'] { @@ -210,4 +210,29 @@ div[class^='comment-paragraph-loading-'] {
210 210
211 .side-comment .comment-count { 211 .side-comment .comment-count {
212 bg-color: #b3b2d4; 212 bg-color: #b3b2d4;
  213 +}
  214 +
  215 +.comment-paragraph-rowset{
  216 + padding: 0;
  217 + margin: 0;
  218 + list-style: none;
  219 +
  220 + display: -webkit-box;
  221 + display: -moz-box;
  222 + display: -ms-flexbox;
  223 + display: -webkit-flex;
  224 + display: flex;
  225 +
  226 + -webkit-flex-flow: row wrap;
  227 + justify-content: space-around;
  228 +
  229 +}
  230 +.comment-paragraph-comments{
  231 + background: lightblue;
  232 + padding: 5px;
  233 + width: 150px;
  234 + margin-top: 10px;
  235 + color: white;
  236 + font-weight: bold;
  237 + text-align: center;
213 } 238 }
214 \ No newline at end of file 239 \ No newline at end of file
plugins/comment_paragraph/views/comment_paragraph_plugin_profile/_comment_paragraph.html.erb
  Diff comments   View file @7e613b9
1 -<div class="comments">  
2 - <table border="0">  
3 - <tr>  
4 - <td width="90%">  
5 - <div class="comment_paragraph" id="comment_paragraph_<%= paragraph_id %>" data-paragraph="<%= paragraph_id %>">  
6 - <%= inner_html %>  
7 - </div>  
8 - </td>  
9 - <td>  
10 - <div align="center" class="side-comments-counter" id="side_comments_counter_<%= paragraph_id %>" data-paragraph="<%= paragraph_id %>" style="vertical-align: middle; padding-left: 3px; padding-right: 5px;">  
11 - <span id="comment-count-<%= paragraph_id %>" class='comment-count'>  
12 - <%= count %>  
13 - </span>  
14 - </div>  
15 - </td>  
16 - <td valign="top">  
17 - <div align="center">  
18 - <%=  
19 - url = { :profile => profile_identifier, :controller => 'comment_paragraph_plugin_profile', :action => 'view_comments', :paragraph_id => paragraph_id, :article_id => article_id}  
20 - link_to_remote(  
21 - '',  
22 - {  
23 - :url => url,  
24 - :method => :post,  
25 - :condition => "!toggleParagraph(#{paragraph_id})",  
26 - :complete => "loadCompleted(#{paragraph_id})"  
27 - },  
28 - {  
29 - :id => "link_to_ajax_comments_#{paragraph_id}",  
30 - :'data-url' => url_for(url)  
31 - }  
32 - )%>  
33 - </div>  
34 - <div class="side-comment" id="side_comment_<%= paragraph_id %>" data-paragraph="<%= paragraph_id %>" style="display:none">  
35 - <div class="comment-paragraph-loading-<%= paragraph_id %>" style="position: absolute;">  
36 - <div class="comments_list_toggle_paragraph_<%= paragraph_id %>" >  
37 - <div class="article-comments-list" id="comments_list_paragraph_<%= paragraph_id %>"></div>  
38 - <div class ="article-comments-list-more" id="comments_list_paragraph_<%= paragraph_id %>_more"></div>  
39 - <div id="page-comment-form-<%= paragraph_id %>" class='post_comment_box closed'>  
40 - <%= render :partial => 'comment/comment_form', :locals => {:comment => Comment.new, :display_link => true, :cancel_triggers_hide => true, :paragraph_id => paragraph_id}%>  
41 - </div>  
42 - </div>  
43 - </div>  
44 - </div>  
45 - </td>  
46 - </tr>  
47 - </table> 1 +<ul class="comments comment-paragraph-rowset">
  2 + <li class="comment_paragraph" id="comment_paragraph_<%= paragraph_id %>" data-paragraph="<%= paragraph_id %>">
  3 + <%= inner_html %>
  4 + </li>
  5 +
  6 + <li align="center" class="side-comments-counter" id="side_comments_counter_<%= paragraph_id %>" data-paragraph="<%= paragraph_id %>" style="vertical-align: middle; padding-left: 3px; padding-right: 5px;">
  7 + <span id="comment-count-<%= paragraph_id %>" class='comment-count'>
  8 + <%= count %>
  9 + </span>
  10 + </li>
  11 +
  12 + <div align="center">
  13 + <%=
  14 + url = { :profile => profile_identifier, :controller => 'comment_paragraph_plugin_profile', :action => 'view_comments', :paragraph_id => paragraph_id, :article_id => article_id}
  15 + link_to_remote(
  16 + '',
  17 + {
  18 + :url => url,
  19 + :method => :post,
  20 + :condition => "!toggleParagraph(#{paragraph_id})",
  21 + :complete => "loadCompleted(#{paragraph_id})"
  22 + },
  23 + {
  24 + :id => "link_to_ajax_comments_#{paragraph_id}",
  25 + :'data-url' => url_for(url)
  26 + }
  27 + )%>
  28 + </div>
  29 +
  30 + <div class="side-comment" id="side_comment_<%= paragraph_id %>" data-paragraph="<%= paragraph_id %>" style="display:none">
  31 + <div class="comment-paragraph-loading-<%= paragraph_id %>" style="position: absolute;">
  32 + <div class="comments_list_toggle_paragraph_<%= paragraph_id %>" >
  33 + <div class="article-comments-list" id="comments_list_paragraph_<%= paragraph_id %>"></div>
  34 + <div class ="article-comments-list-more" id="comments_list_paragraph_<%= paragraph_id %>_more"></div>
  35 + <div id="page-comment-form-<%= paragraph_id %>" class='post_comment_box closed'>
  36 + <%= render :partial => 'comment/comment_form', :locals => {:comment => Comment.new, :display_link => true, :cancel_triggers_hide => true, :paragraph_id => paragraph_id}%>
  37 + </div>
  38 + </div>
  39 + </div>
  40 + </div>
  41 + </ul>
  42 +
  43 +