Passando o gráfico para a view de ranking

EspelhoPolitico · Nov 22, 2014 · 4c5f261 · alvarofernandoms · Nov 25, 2014 · 4c5f261
1 parent f117985
commit 4c5f261
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 2 deletions.
diff --git a/app/controllers/rankings_controller.rb b/app/controllers/rankings_controller.rb
@@ -2,6 +2,7 @@ class RankingsController < ApplicationController
   def index
     @themes = order_themes(Theme.all)
     @selected_theme_id = find_theme_id_by_params(params)
+    @qtdOutros = count_other_themes
   end
 
   def find_theme_id_by_params(params)
@@ -17,4 +18,13 @@ def order_themes(themes)
     themes  = themes.to_a
     themes.sort! {|b,a| a.propositions.count <=> b.propositions.count}
   end
+
+  def count_other_themes
+    qtdThemes = Theme.count
+    qtd = 0
+    for i in 10..qtdThemes
+      qtd = qtd + @themes[i].propositions.count
+      return qtd
+    end
+  end
 end
diff --git a/app/views/rankings/index.html.erb b/app/views/rankings/index.html.erb
@@ -1,3 +1,5 @@
+<%= javascript_include_tag "http://www.google.com/jsapi", "chartkick" %>
+<%= javascript_include_tag "//www.google.com/jsapi", "chartkick" %>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <script type="text/javascript">
   $(document).on( "click", ".theme-chooser", function() {
@@ -18,8 +20,24 @@
                 <li class="name">
                   <h1><a href="#">Ranking Área de Investimento x Parlamentares</a></h1>
                 </li>
-              </ul>
+              </ul>  
+            </nav>
+                <div>
+                  <%= pie_chart [[@themes[0].description, @themes[0].propositions.count],
+                                [@themes[1].description, @themes[1].propositions.count],
+                                [@themes[2].description, @themes[2].propositions.count],
+                                [@themes[3].description, @themes[3].propositions.count],
+                                [@themes[4].description, @themes[4].propositions.count],
+                                [@themes[5].description, @themes[5].propositions.count],
+                                [@themes[6].description, @themes[6].propositions.count],
+                                [@themes[7].description, @themes[7].propositions.count],
+                                [@themes[8].description, @themes[8].propositions.count],
+                                [@themes[9].description, @themes[9].propositions.count],
+                                ["Outros", @qtdOutros]
+                                ] %>
+                </div>     
           </div>
+
           <div style="width:50%;height:600px;line-height:3em;overflow:scroll;padding:5px;float:left">
             <aside>
               <ul class="side-nav">
@@ -44,7 +62,6 @@
               </ul>
             </div>
           </div>
-        </nav>
        <a class="exit-off-canvas"></a>
        </div>
      </div>