#community dashboard - fixes

Francisco Marcelo de Araújo Lima Júnior
1 parent d6a51c5a
Showing 7 changed files with 72 additions and 24 deletions Show diff stats
plugins/community_hub/controllers/public/community_hub_plugin_public_controller.rb
plugins/community_hub/public/javascripts/community_hub.js
plugins/community_hub/public/style.css
plugins/community_hub/views/community_hub_plugin_public/_mediation.rhtml
plugins/community_hub/views/community_hub_plugin_public/_mediation_comment_form.rhtml
plugins/community_hub/views/community_hub_plugin_public/_post.rhtml
plugins/community_hub/views/content_viewer/hub.rhtml
@@ -53,10 +53,12 @@ class CommunityHubPluginPublicController &lt; PublicController
   def newer_mediation_comment
     latest_id = params[:latest_post]
     mediation = params[:mediation]
-    comments = Comment.find(:all, :conditions => ["id > :id and source_id = :mediation", {
-                            :id => latest_id, 
-                            :mediation => mediation
-                          }])
+    comments = Comment.find(:all, 
+                            :limit => 100,
+                            :conditions => ["id > :id and source_id = :mediation", {
+                              :id => latest_id, 
+                              :mediation => mediation
+                            }])
  
     render :partial => "mediation_comment", 
            :collection => comments
@@ -67,8 +69,12 @@ class CommunityHubPluginPublicController &lt; PublicController
 		latest_post = params[:latest_post]
     hub = Article.find(params[:hub])
 		posts = Comment.find(:all,
-                         :order => "id desc", 
-                        :conditions => ["id > ?", latest_post])
+                         :order => "id desc",
+                         :limit => 100,
+                         :conditions => ["id > :id and source_id = :hub", {
+                           :id => latest_post,
+                           :hub => hub
+                         }])
  
 		if !posts.empty?
 			oldest_post = posts.last.id
@@ -93,6 +99,7 @@ class CommunityHubPluginPublicController &lt; PublicController
     hub = Article.find(params[:hub])
     posts = Article.find(:all,
                          :order => "id desc", 
+                         :limit => 100,
                          :conditions => ["id > :id and type = :type and parent_id = :hub", {
                             :id => latest_post, 
                             :type => 'TinyMceArticle', 
@@ -117,13 +124,6 @@ class CommunityHubPluginPublicController &lt; PublicController
   end
  
  
-	def more_comments
-		@posts = Comment.find(:all)
-		render :partial => "post", :collection => @posts
-	end
-
-
-
   def settings
   	settings_section = params[:id]
   	render :partial => "settings/twitter", :layout => true
 var latest_post_id = 0;
 var oldest_post_id = 0;
+live_scroll_position = 0;
  
 function toogle_mediation_comments(mediation) {
   jQuery("#mediation-comment-list-" + mediation ).toggle();
@@ -153,7 +154,7 @@ function update_mediations() {
     }
   });
  
-  setTimeout(update_mediations, 10000);  
+  setTimeout(update_mediations, 7000);  
 }
  
  
@@ -176,6 +177,12 @@ function update_live_stream() {
     success: function(data) {
       if (data.trim().length > 0) {
         jQuery("#live-posts").prepend(data);
+        if (jQuery("#auto_scrolling").attr('checked')) {
+          jQuery("#live-posts").scrollTop(0); 
+        }
+        else {
+          jQuery("#live-posts").scrollTop(live_scroll_position);
+        }
       }
     },
     error: function(ajax, stat, errorThrown) {
@@ -188,6 +195,10 @@ function update_live_stream() {
  
  
 jQuery(document).ready(function() {
+  jQuery("#live-posts").scroll(function() {
+    live_scroll_position = jQuery("#live-posts").scrollTop();
+  });
+
   setTimeout(update_live_stream, 5000);
-  setTimeout(update_mediations, 10000);
+  setTimeout(update_mediations, 7000);
 });
 \ No newline at end of file
@@ -32,10 +32,12 @@
 }
  
 .hub .post {
-	border-bottom: 1px solid #ddd !important;
-	background: url("images/hub-time-bg.gif") repeat-y	left top #fff;
+	border-bottom: 1px solid #ddd;
+	background: url("images/hub-time-bg.gif") repeat-y left top #fff;
+	padding: 5px 0;
 }
  
+
 .hub .time{
     display: inline-block;
     font-size: 8px;
@@ -52,6 +54,12 @@
     margin: 0 10px;
     vertical-align: top;
     width: 43px;
+    text-align: center;
+}
+
+.hub .avatar img{
+    max-height: 43px;
+    max-width: 43px;
 }
  
 .hub .message{
@@ -60,7 +68,11 @@
 }
  
 .hub .message .author {
-  font-weight: bold;
+	font-weight: bold;
+	float: left;
+	display: inline-block;
+	line-height: 20px;
+	margin-right: 5px;
 }
  
 .hub .mediation-bar {
@@ -118,6 +130,18 @@
 	float: right;
 }
  
+.hub ul.mediation-comment-list{
+	margin-left: 80px;
+	display: inline-block;
+	padding: 10px 0;
+	background-color: #fff;
+	margin-bottom: 10px;
+}
+
+.hub ul.mediation-comment-list li{
+	padding-left: 10px;
+}
+
 /**/
  
 .hub .live {
@@ -139,6 +163,15 @@
 }
  
  
+.hub #live-posts .post {
+	background-color:#fff;
+}
+
+.hub ul#mediation-posts .post{
+  background-color:#eee;
+  border-color: #fff;
+}
+
 #content .main-block .hub .live h1{
 	 background-color: #f4f4f4;
 	 border: 1px solid lightGray
@@ -288,3 +321,8 @@
 .hub .settings .twitter, .hub .settings .facebook, .hub .settings .general {
    /* border: 1px solid red;*/
 }
+
+textarea#message_body {
+  width: auto;
+  margin-left: 80px;
+}
 \ No newline at end of file
@@ -37,7 +37,7 @@
  
     <% total_mediation_comments = mediation.comments.count %>
  
-    <span>
+    <span class="comment-count">
       <%= link_to(_( "#{total_mediation_comments} Comments" ) , '#', 
             :class => 'display-comment-form', 
             :id => 'top-post-comment-button', 
@@ -5,8 +5,7 @@
               :action => 'new_message',
               :article_id => mediation.id
             } do |f| %>
-  <%= f.text_area(:body, 
-                  :style => 'width: 97%;',
+  <%= f.text_area(:body,
                   :rows => 4,
                   :placeholder => _('Type your comment here')) %>
   <%= submit_button('add', _('Post'), :onclick => 'new_message(this); return false;') %>
 <% extend CommunityHubPlugin::HubHelper %>
  
-<li id="<%= post.id %>" class="<%=post_css_classes(post.id, latest_post, oldest_post)%>"> 
+<li id="<%= post.id %>" class="post"> 
   <ul>
     <li class="time"><%= post_time(post.created_at) %></li>
     <li class="avatar"><%= image_tag(profile_icon(post.author, :minor)) %></li>
-    <li class="message"><span class="author"><%= post.author_name %>:</span> <%= post.body %></li>
+    <li class="message"><span class="author"><%= post.author_name %>:</span><p><%= post.body %></p></li>
  
     <% if mediator?(hub) %>
     <li class="mediation-bar">
@@ -14,7 +14,7 @@
     </h1>
     <ul id="live-posts">
     </ul>
-    <!--span><%= check_box_tag 'auto_scrolling', 'yes', true %><%= _("Auto scrolling") %></span-->
+    <span><%= check_box_tag 'auto_scrolling', 'yes', true %><%= _("Auto scrolling") %></span>
   </div>
  
   <div class="mediation">
...	...	@@ -53,10 +53,12 @@ class CommunityHubPluginPublicController < PublicController
53	53	def newer_mediation_comment
54	54	latest_id = params[:latest_post]
55	55	mediation = params[:mediation]
56		- comments = Comment.find(:all, :conditions => ["id > :id and source_id = :mediation", {
57		- :id => latest_id,
58		- :mediation => mediation
59		- }])
	56	+ comments = Comment.find(:all,
	57	+ :limit => 100,
	58	+ :conditions => ["id > :id and source_id = :mediation", {
	59	+ :id => latest_id,
	60	+ :mediation => mediation
	61	+ }])
60	62
61	63	render :partial => "mediation_comment",
62	64	:collection => comments
...	...	@@ -67,8 +69,12 @@ class CommunityHubPluginPublicController < PublicController
67	69	latest_post = params[:latest_post]
68	70	hub = Article.find(params[:hub])
69	71	posts = Comment.find(:all,
70		- :order => "id desc",
71		- :conditions => ["id > ?", latest_post])
	72	+ :order => "id desc",
	73	+ :limit => 100,
	74	+ :conditions => ["id > :id and source_id = :hub", {
	75	+ :id => latest_post,
	76	+ :hub => hub
	77	+ }])
72	78
73	79	if !posts.empty?
74	80	oldest_post = posts.last.id
...	...	@@ -93,6 +99,7 @@ class CommunityHubPluginPublicController < PublicController
93	99	hub = Article.find(params[:hub])
94	100	posts = Article.find(:all,
95	101	:order => "id desc",
	102	+ :limit => 100,
96	103	:conditions => ["id > :id and type = :type and parent_id = :hub", {
97	104	:id => latest_post,
98	105	:type => 'TinyMceArticle',
...	...	@@ -117,13 +124,6 @@ class CommunityHubPluginPublicController < PublicController
117	124	end
118	125
119	126
120		- def more_comments
121		- @posts = Comment.find(:all)
122		- render :partial => "post", :collection => @posts
123		- end
124		-
125		-
126		-
127	127	def settings
128	128	settings_section = params[:id]
129	129	render :partial => "settings/twitter", :layout => true
...	...
1	1	var latest_post_id = 0;
2	2	var oldest_post_id = 0;
	3	+live_scroll_position = 0;
3	4
4	5	function toogle_mediation_comments(mediation) {
5	6	jQuery("#mediation-comment-list-" + mediation ).toggle();
...	...	@@ -153,7 +154,7 @@ function update_mediations() {
153	154	}
154	155	});
155	156
156		- setTimeout(update_mediations, 10000);
	157	+ setTimeout(update_mediations, 7000);
157	158	}
158	159
159	160
...	...	@@ -176,6 +177,12 @@ function update_live_stream() {
176	177	success: function(data) {
177	178	if (data.trim().length > 0) {
178	179	jQuery("#live-posts").prepend(data);
	180	+ if (jQuery("#auto_scrolling").attr('checked')) {
	181	+ jQuery("#live-posts").scrollTop(0);
	182	+ }
	183	+ else {
	184	+ jQuery("#live-posts").scrollTop(live_scroll_position);
	185	+ }
179	186	}
180	187	},
181	188	error: function(ajax, stat, errorThrown) {
...	...	@@ -188,6 +195,10 @@ function update_live_stream() {
188	195
189	196
190	197	jQuery(document).ready(function() {
	198	+ jQuery("#live-posts").scroll(function() {
	199	+ live_scroll_position = jQuery("#live-posts").scrollTop();
	200	+ });
	201	+
191	202	setTimeout(update_live_stream, 5000);
192		- setTimeout(update_mediations, 10000);
	203	+ setTimeout(update_mediations, 7000);
193	204	});
194	205	\ No newline at end of file
...	...
...	...	@@ -32,10 +32,12 @@
32	32	}
33	33
34	34	.hub .post {
35		- border-bottom: 1px solid #ddd !important;
36		- background: url("images/hub-time-bg.gif") repeat-y left top #fff;
	35	+ border-bottom: 1px solid #ddd;
	36	+ background: url("images/hub-time-bg.gif") repeat-y left top #fff;
	37	+ padding: 5px 0;
37	38	}
38	39
	40	+
39	41	.hub .time{
40	42	display: inline-block;
41	43	font-size: 8px;
...	...	@@ -52,6 +54,12 @@
52	54	margin: 0 10px;
53	55	vertical-align: top;
54	56	width: 43px;
	57	+ text-align: center;
	58	+}
	59	+
	60	+.hub .avatar img{
	61	+ max-height: 43px;
	62	+ max-width: 43px;
55	63	}
56	64
57	65	.hub .message{
...	...	@@ -60,7 +68,11 @@
60	68	}
61	69
62	70	.hub .message .author {
63		- font-weight: bold;
	71	+ font-weight: bold;
	72	+ float: left;
	73	+ display: inline-block;
	74	+ line-height: 20px;
	75	+ margin-right: 5px;
64	76	}
65	77
66	78	.hub .mediation-bar {
...	...	@@ -118,6 +130,18 @@
118	130	float: right;
119	131	}
120	132
	133	+.hub ul.mediation-comment-list{
	134	+ margin-left: 80px;
	135	+ display: inline-block;
	136	+ padding: 10px 0;
	137	+ background-color: #fff;
	138	+ margin-bottom: 10px;
	139	+}
	140	+
	141	+.hub ul.mediation-comment-list li{
	142	+ padding-left: 10px;
	143	+}
	144	+
121	145	/**/
122	146
123	147	.hub .live {
...	...	@@ -139,6 +163,15 @@
139	163	}
140	164
141	165
	166	+.hub #live-posts .post {
	167	+ background-color:#fff;
	168	+}
	169	+
	170	+.hub ul#mediation-posts .post{
	171	+ background-color:#eee;
	172	+ border-color: #fff;
	173	+}
	174	+
142	175	#content .main-block .hub .live h1{
143	176	background-color: #f4f4f4;
144	177	border: 1px solid lightGray
...	...	@@ -288,3 +321,8 @@
288	321	.hub .settings .twitter, .hub .settings .facebook, .hub .settings .general {
289	322	/* border: 1px solid red;*/
290	323	}
	324	+
	325	+textarea#message_body {
	326	+ width: auto;
	327	+ margin-left: 80px;
	328	+}
291	329	\ No newline at end of file
...	...
...	...	@@ -37,7 +37,7 @@
37	37
38	38	<% total_mediation_comments = mediation.comments.count %>
39	39
40		- <span>
	40	+ <span class="comment-count">
41	41	<%= link_to(_( "#{total_mediation_comments} Comments" ) , '#',
42	42	:class => 'display-comment-form',
43	43	:id => 'top-post-comment-button',
...	...
...	...	@@ -5,8 +5,7 @@
5	5	:action => 'new_message',
6	6	:article_id => mediation.id
7	7	} do \|f\| %>
8		- <%= f.text_area(:body,
9		- :style => 'width: 97%;',
	8	+ <%= f.text_area(:body,
10	9	:rows => 4,
11	10	:placeholder => _('Type your comment here')) %>
12	11	<%= submit_button('add', _('Post'), :onclick => 'new_message(this); return false;') %>
...	...
1	1	<% extend CommunityHubPlugin::HubHelper %>
2	2
3		-<li id="<%= post.id %>" class="<%=post_css_classes(post.id, latest_post, oldest_post)%>">
	3	+<li id="<%= post.id %>" class="post">
4	4	<ul>
5	5	<li class="time"><%= post_time(post.created_at) %></li>
6	6	<li class="avatar"><%= image_tag(profile_icon(post.author, :minor)) %></li>
7		- <li class="message"><span class="author"><%= post.author_name %>:</span> <%= post.body %></li>
	7	+ <li class="message"><span class="author"><%= post.author_name %>:</span><p><%= post.body %></p></li>
8	8
9	9	<% if mediator?(hub) %>
10	10	<li class="mediation-bar">
...	...
...	...	@@ -14,7 +14,7 @@
14	14	</h1>
15	15	<ul id="live-posts">
16	16	</ul>
17		- <!--span><%= check_box_tag 'auto_scrolling', 'yes', true %><%= _("Auto scrolling") %></span-->
	17	+ <span><%= check_box_tag 'auto_scrolling', 'yes', true %><%= _("Auto scrolling") %></span>
18	18	</div>
19	19
20	20	<div class="mediation">
...	...