#community dashboard - fixes

Francisco Marcelo de Araújo Lima Júnior
1 parent 4a11447a
Showing 5 changed files with 91 additions and 25 deletions Show diff stats
plugins/community_hub/lib/community_hub_plugin/hub.rb
plugins/community_hub/public/javascripts/community_hub.js
plugins/community_hub/public/style.css
plugins/community_hub/views/community_hub_plugin_public/_mediation_comment_form.rhtml
plugins/community_hub/views/content_viewer/hub.rhtml
@@ -18,6 +18,10 @@ class CommunityHubPlugin::Hub &lt; Folder
     hub.mediators = [hub.author.id]
   end
+  def notify_comments
+    false
+  end
+
   def self.icon_name(article = nil)
     'community-hub'
   end
@@ -2,39 +2,66 @@ var latest_post_id = 0;
 var oldest_post_id = 0;
 live_scroll_position = 0;
+function clearLoadingMediationCommentSignal(mediation) {
+ jQuery(".loading-mediation-comment").filter("#" + mediation).removeClass("loading-signal-error");
+ jQuery(".loading-mediation-comment").filter("#" + mediation).removeClass("loading-signal-done");
+}
+
+function clearLoadingMessageSignal() {
+ jQuery("#loading-message").removeClass("loading-signal-error");
+ jQuery("#loading-message").removeClass("loading-signal-done");
+}
+
+function clearLoadingMediationSignal() {
+ jQuery("#loading-mediation").removeClass("loading-signal-error");
+ jQuery("#loading-mediation").removeClass("loading-signal-done");
+}
+
 function toogle_mediation_comments(mediation) {
   jQuery("#mediation-comment-list-" + mediation ).toggle();
   jQuery("#mediation-comment-form-" + mediation ).toggle();
 }
-function hub_open_loading(button) {
-  var html = '<div id="hub-loading">' +
-               '<img src="/images/loading-small.gif" />' +
-             '</div>';
+function new_mediation_comment(button, mediation) {
+  var form = jQuery(button).parents("form");
-   //$('.hub .form .submit').after(html);
-   jQuery(button).after(html);
-   jQuery('#hub-loading').fadeIn('slow');
-}
+  jQuery(".loading-mediation-comment").filter("#" + mediation).addClass("loading-signal-processing");
+  jQuery.post(form.attr("action"), form.serialize(), function(data) {
+    jQuery(".loading-mediation-comment").filter("#" + mediation).removeClass("loading-signal-processing");
+    if (data.ok) {
+      jQuery(".hub .form #message_body").val('');
+      jQuery(".loading-mediation-comment").filter("#" + mediation).addClass("loading-signal-done");
+      setTimeout(function(){
+        clearLoadingMediationCommentSignal(mediation);
+      }, 3000);
+    }
+    else {
+      jQuery(".loading-mediation-comment").filter("#" + mediation).addClass("loading-signal-error");
+      setTimeout(clearLoadingMessageSignal, 3000);
+    }
+  }, 'json');
-function hub_close_loading() {
-  jQuery('#hub-loading').fadeOut('slow', function() {
-    jQuery('#hub-loading').remove();
-  });
 }
 function new_message(button) {
   var form = jQuery(button).parents("form");
-  //hub_open_loading();
+  jQuery("#loading-message").addClass("loading-signal-processing");
+
   jQuery.post(form.attr("action"), form.serialize(), function(data) {
+    jQuery("#loading-message").removeClass("loading-signal-processing");
     if (data.ok) {
-      jQuery("#message_body").val('');
+      jQuery(".hub .form #message_body").val('');
+      jQuery("#loading-message").addClass("loading-signal-done");
+      setTimeout(clearLoadingMessageSignal, 3000);
+    }
+    else {
+      jQuery("#loading-message").addClass("loading-signal-error");
+      setTimeout(clearLoadingMessageSignal, 3000);
     }
-    //hub_close_loading();
   }, 'json');
 }
@@ -43,23 +70,25 @@ function new_message(button) {
 function new_mediation(button) {
   var form = jQuery(button).parents("form");
-  //hub_open_loading();
+  jQuery("#loading-mediation").addClass("loading-signal-processing");
+
   tinymce.triggerSave();
   jQuery.post(form.attr("action"), form.serialize(), function(data) {
+    jQuery("#loading-mediation").removeClass("loading-signal-processing");
     if (data.ok) {
+      jQuery("#loading-mediation").addClass("loading-signal-done");
       tinymce.get('article_body').setContent('');
+      setTimeout(clearLoadingMediationSignal, 3000);
+    }
+    else {
+      jQuery("#loading-mediation").addClass("loading-signal-error");
+      setTimeout(clearLoadingMediationSignal, 3000);
     }
-    //hub_close_loading();
   }, 'json');
 }
-function toogleAutoScrolling() {
-  alert(jQuery("#auto_scrolling").attr('checked'));
-}
-
-
 function promote_user(user_id) {
   var hub_id = jQuery(".hub").attr('id');
@@ -201,4 +230,4 @@ jQuery(document).ready(function() {
   setTimeout(update_live_stream, 5000);
   setTimeout(update_mediations, 7000);
-});
 \ No newline at end of file
+});
@@ -367,3 +367,33 @@ textarea#message_body {
   width: 80%;
 }
+.hub #loading-message,
+.hub #loading-mediation {
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  float: right;
+  margin-top: 17px;
+  margin-right: 270px;
+}
+
+.hub .loading-mediation-comment {
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  float: right;
+  margin-top: 16px;
+  margin-right: 260px;
+}
+
+.loading-signal-done {
+  background-image: url(/plugins/community_hub/icons/hub-sverde-a.png);
+}
+
+.loading-signal-error {
+  background-image: url(/plugins/community_hub/icons/hub-svermelho-a.png);
+}
+
+.loading-signal-processing {
+  background-image: url(/plugins/community_hub/icons/hub-samarelo.gif);
+}
@@ -8,5 +8,6 @@
   <%= f.text_area(:body,
                   :rows => 4,
                   :placeholder => _('Type your comment here')) %>
-  <%= submit_button('add', _('Post'), :onclick => 'new_message(this); return false;') %>
-<% end %>
 \ No newline at end of file
+  <%= submit_button('add', _('Post'), :onclick => "new_mediation_comment(this,#{mediation.id}); return false;") %>
+  <span id="<%=mediation.id%>" class="loading-mediation-comment"></span>
+<% end %>
@@ -43,6 +43,7 @@
         <br />
         <%= f.text_area :body, :style => "width: 99%;", :cols => "38", :rows => "10", :placeholder => _("Type your message here") %>
         <%= submit_button('add', _('Post'), :onclick => 'new_message(this); return false;') %>
+        <span id="loading-message"></span>
       <% end %>
     <% else %>
@@ -59,6 +60,7 @@
         <%= f.hidden_field :parent_id, :value => @page.id %>
         <%= f.text_area :body, :style => "width: 100%;", :class => "mceEditor" %>
         <%= submit_button('add', _('Post'), :onclick => 'new_mediation(this); return false;') %>
+        <span id="loading-mediation"></span>
       <% end %>
     <% end %>
	@@ -367,3 +367,33 @@ textarea#message_body {		@@ -367,3 +367,33 @@ textarea#message_body {
367	width: 80%;	367	width: 80%;
368	}	368	}
369		369
		370	+.hub #loading-message,
		371	+.hub #loading-mediation {
		372	+ width: 16px;
		373	+ height: 16px;
		374	+ display: inline-block;
		375	+ float: right;
		376	+ margin-top: 17px;
		377	+ margin-right: 270px;
		378	+}
		379	+
		380	+.hub .loading-mediation-comment {
		381	+ width: 16px;
		382	+ height: 16px;
		383	+ display: inline-block;
		384	+ float: right;
		385	+ margin-top: 16px;
		386	+ margin-right: 260px;
		387	+}
		388	+
		389	+.loading-signal-done {
		390	+ background-image: url(/plugins/community_hub/icons/hub-sverde-a.png);
		391	+}
		392	+
		393	+.loading-signal-error {
		394	+ background-image: url(/plugins/community_hub/icons/hub-svermelho-a.png);
		395	+}
		396	+
		397	+.loading-signal-processing {
		398	+ background-image: url(/plugins/community_hub/icons/hub-samarelo.gif);
		399	+}