[Mezuro] Auto-loading every 20 seconds

Carlos Morais
1 parent 15de0856
Showing 6 changed files with 64 additions and 71 deletions Show diff stats
plugins/mezuro/lib/mezuro_plugin.rb
plugins/mezuro/public/javascripts/dynamic.js
plugins/mezuro/public/javascripts/project_content.js
plugins/mezuro/public/javascripts/source_tree_toggle.js
plugins/mezuro/views/content_viewer/_source_tree.rhtml
plugins/mezuro/views/content_viewer/show_project.rhtml
@@ -16,8 +16,4 @@ class MezuroPlugin &lt; Noosfero::Plugin
     true
   end
-  def js_files
-    ['javascripts/dynamic.js', 'javascripts/source_tree_toggle.js']
-  end
-
 end
@@ -1,51 +0,0 @@
-function dynamic($) {
-  $.get(endpoint('project_state'), {}, select_project_partial);
-}
-
-function endpoint(action){
-  var profile = jQuery('#project-content').attr('data-profile');
-  var project = jQuery('#project-content').attr('data-content');
-  return '/profile/' + profile + '/plugins/mezuro/' + action + '/' + project;
-}
-
-function select_project_partial(state){
-  var action, callback = show_project_content;
-  if (state == 'ERROR')
-    action = 'project_error';
-  else if (state == 'READY')
-    action = 'project_result';
-  else {
-//    wait(10);
-    action = 'project_state';
-    callback = select_project_partial;
-  }
-  jQuery.get(endpoint(action), {}, callback);
-}
-
-//function wait(seconds){
-//  var remaining = seconds;
-//  while(remaining > 0){
-//    setTimeout(function() {
-//        jQuery('#project-content').html("Processing. Trying again in " + remaining + " seconds");
-//      }, 1000);
-//    remaining--;
-//  }
-//  jQuery('#project-content').html("Trying now...");
-//}
-
-function show_project_content(content){
-  jQuery('#project-content').html(content);
-  jQuery('.module-result-link').click(show_module_result);
-  return false;
-}
-
-function show_module_result(){
-  var module_name = jQuery(this).attr('data-module-name');
-  jQuery('#module-result').html("Loading results for " + module_name + "...");
-  jQuery.get(endpoint('module_result'), { module_name: module_name }, show_result_table);
-  return false;
-}
-
-function show_result_table(content){
-  jQuery('#module-result').html(content);
-}
@@ -0,0 +1,57 @@
+jQuery(showProjectContent);
+
+function showProjectContent() {
+  callAction('project_state', {}, showProjectContentFor);
+}
+
+function showProjectContentFor(state){
+  if (state == 'ERROR')
+    callAction('project_error', {}, setProjectContent);
+  else if (state == 'READY')
+    callAction('project_result', {}, setProjectContent);
+  else if (state.endsWith("ING"))
+    showProjectContentAfter(20);
+}
+
+function showProjectContentAfter(seconds){
+  if (seconds > 0){
+    setProjectContent("Not ready. Trying again in " + seconds + " seconds");
+    setTimeout(function() { showProjectContentAfter(seconds - 1);}, 1000);
+  } else {
+    setProjectContent("Trying now...");
+    showProjectContent();
+  }
+}
+
+function setProjectContent(content){
+  jQuery('#project-content').html(content);
+  jQuery('.module-result-link').click(showModuleResult);
+}
+
+function showModuleResult(){
+  var module_name = jQuery(this).attr('data-module-name');
+  setModuleResult("Loading results for " + module_name + "...");
+  callAction('module_result', {module_name: module_name}, setModuleResult);
+  return false;
+}
+
+function setModuleResult(content){
+  jQuery('#module-result').html(content);
+}
+
+function callAction(action, params, callback){
+  var profile = projectContentData('profile');
+  var content = projectContentData('content');
+  var endpoint = '/profile/' + profile + '/plugins/mezuro/' + action + '/' + content;
+  jQuery.get(endpoint, params, callback);
+}
+
+function projectContentData(data){
+  return jQuery('#project-content').attr('data-' + data);
+}
+
+function sourceNodeToggle(id){
+  var suffixes = ['_hidden', '_plus', '_minus'];
+  for (var i in suffixes)
+    jQuery('#' + id + suffixes[i]).toggle();
+}
 \ No newline at end of file
@@ -1,6 +0,0 @@
-function source_tree_toggle(id){
-  var suffixes = ['_hidden', '_plus', '_minus'];
-  for (var i in suffixes){
-    jQuery('#' + id + suffixes[i]).toggle();
-  }
-}
@@ -5,9 +5,9 @@
     <tr>
       <td width="10%">
         <img alt="+" src="/plugins/mezuro/images/plus.png" class="link"
-	id="<%= module_name %>_plus" onclick="source_tree_toggle('<%= module_name %>')"/>
-        <img alt="-" src="/plugins/mezuro/images/minus.png" class="link"
-          id="<%= module_name %>_minus" onclick="source_tree_toggle('<%= module_name %>')" style="display: none"/>
+	id="<%= module_name %>_plus" onclick="sourceNodeToggle('<%= module_name %>')"/>
+        <img alt="-" src="/plugins/mezuro/images/minus.png" class="link" style="display: none"
+          id="<%= module_name %>_minus" onclick="sourceNodeToggle('<%= module_name %>')"/>
       </td>
       <td>
         <a href="#" class="module-result-link" data-module-name="<%= module_name %>">
-<% @project = @page.project %>
+<script src="/plugins/mezuro/javascripts/project_content.js" type="text/javascript"></script>
+<% @project = @page.project %>
 <table>
   <tr>
     <td><%= _('Name') %></td>
@@ -29,10 +30,6 @@
 <br />
-<div id="project-content" data-profile="<%= @page.profile.identifier %>" data-content='<%= @page.id %>'>
+<div id="project-content" data-profile="<%= @page.profile.identifier %>" data-content="<%= @page.id %>">
   <h3><%= _('Processing ') + @project.name + '...' %></h3>
-</div>
-
-<script type="text/javascript">
-  jQuery(dynamic);
-</script>
+</div>
 \ No newline at end of file
	@@ -16,8 +16,4 @@ class MezuroPlugin < Noosfero::Plugin		@@ -16,8 +16,4 @@ class MezuroPlugin < Noosfero::Plugin
16	true	16	true
17	end	17	end
18		18
19	- def js_files
20	- ['javascripts/dynamic.js', 'javascripts/source_tree_toggle.js']
21	- end
22	-
23	end	19	end
	@@ -1,51 +0,0 @@	@@ -1,51 +0,0 @@
1	-function dynamic($) {
2	- $.get(endpoint('project_state'), {}, select_project_partial);
3	-}
4	-
5	-function endpoint(action){
6	- var profile = jQuery('#project-content').attr('data-profile');
7	- var project = jQuery('#project-content').attr('data-content');
8	- return '/profile/' + profile + '/plugins/mezuro/' + action + '/' + project;
9	-}
10	-
11	-function select_project_partial(state){
12	- var action, callback = show_project_content;
13	- if (state == 'ERROR')
14	- action = 'project_error';
15	- else if (state == 'READY')
16	- action = 'project_result';
17	- else {
18	-// wait(10);
19	- action = 'project_state';
20	- callback = select_project_partial;
21	- }
22	- jQuery.get(endpoint(action), {}, callback);
23	-}
24	-
25	-//function wait(seconds){
26	-// var remaining = seconds;
27	-// while(remaining > 0){
28	-// setTimeout(function() {
29	-// jQuery('#project-content').html("Processing. Trying again in " + remaining + " seconds");
30	-// }, 1000);
31	-// remaining--;
32	-// }
33	-// jQuery('#project-content').html("Trying now...");
34	-//}
35	-
36	-function show_project_content(content){
37	- jQuery('#project-content').html(content);
38	- jQuery('.module-result-link').click(show_module_result);
39	- return false;
40	-}
41	-
42	-function show_module_result(){
43	- var module_name = jQuery(this).attr('data-module-name');
44	- jQuery('#module-result').html("Loading results for " + module_name + "...");
45	- jQuery.get(endpoint('module_result'), { module_name: module_name }, show_result_table);
46	- return false;
47	-}
48	-
49	-function show_result_table(content){
50	- jQuery('#module-result').html(content);
51	-}
	@@ -0,0 +1,57 @@		@@ -0,0 +1,57 @@
		1	+jQuery(showProjectContent);
		2	+
		3	+function showProjectContent() {
		4	+ callAction('project_state', {}, showProjectContentFor);
		5	+}
		6	+
		7	+function showProjectContentFor(state){
		8	+ if (state == 'ERROR')
		9	+ callAction('project_error', {}, setProjectContent);
		10	+ else if (state == 'READY')
		11	+ callAction('project_result', {}, setProjectContent);
		12	+ else if (state.endsWith("ING"))
		13	+ showProjectContentAfter(20);
		14	+}
		15	+
		16	+function showProjectContentAfter(seconds){
		17	+ if (seconds > 0){
		18	+ setProjectContent("Not ready. Trying again in " + seconds + " seconds");
		19	+ setTimeout(function() { showProjectContentAfter(seconds - 1);}, 1000);
		20	+ } else {
		21	+ setProjectContent("Trying now...");
		22	+ showProjectContent();
		23	+ }
		24	+}
		25	+
		26	+function setProjectContent(content){
		27	+ jQuery('#project-content').html(content);
		28	+ jQuery('.module-result-link').click(showModuleResult);
		29	+}
		30	+
		31	+function showModuleResult(){
		32	+ var module_name = jQuery(this).attr('data-module-name');
		33	+ setModuleResult("Loading results for " + module_name + "...");
		34	+ callAction('module_result', {module_name: module_name}, setModuleResult);
		35	+ return false;
		36	+}
		37	+
		38	+function setModuleResult(content){
		39	+ jQuery('#module-result').html(content);
		40	+}
		41	+
		42	+function callAction(action, params, callback){
		43	+ var profile = projectContentData('profile');
		44	+ var content = projectContentData('content');
		45	+ var endpoint = '/profile/' + profile + '/plugins/mezuro/' + action + '/' + content;
		46	+ jQuery.get(endpoint, params, callback);
		47	+}
		48	+
		49	+function projectContentData(data){
		50	+ return jQuery('#project-content').attr('data-' + data);
		51	+}
		52	+
		53	+function sourceNodeToggle(id){
		54	+ var suffixes = ['_hidden', '_plus', '_minus'];
		55	+ for (var i in suffixes)
		56	+ jQuery('#' + id + suffixes[i]).toggle();
		57	+}
0	\ No newline at end of file	58	\ No newline at end of file
	@@ -1,6 +0,0 @@	@@ -1,6 +0,0 @@
1	-function source_tree_toggle(id){
2	- var suffixes = ['_hidden', '_plus', '_minus'];
3	- for (var i in suffixes){
4	- jQuery('#' + id + suffixes[i]).toggle();
5	- }
6	-}