From 80989ce243635ef93e69ab686c62b5aab85066dc Mon Sep 17 00:00:00 2001
From: Leonardo Merlin <leonardo.merlin@serpro.gov.br>
Date: Wed, 28 Oct 2015 14:15:14 -0200
Subject: [PATCH] Update: add top 3 proposals ranking

---
 index.html      | 17 ++++++++++++++++-
 js/main.js      | 58 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 sass/style.sass |  2 ++
 3 files changed, 75 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index f704033..f0e9a48 100644
--- a/index.html
+++ b/index.html
@@ -328,7 +328,22 @@
                       </p>
                     </div>
 
-                    <div class="freeze--top-proposals"></div>
+                    <div class="freeze--top-proposals" style="display: none;">
+
+                      <table>
+                        <thead>
+                          <tr class="header">
+                            <th class="position">Posição <a href="#/artigo/108047" class="question-link"><span class="fa fa-question"></span></a></th>
+                            <th class="abstract-text" data-toggle="true">Propostas</th>
+                            <th class="views" data-hide="phone">Exibições</th>
+                            <th class="votes-for" data-hide="phone"><span class="sr-only">A favor</span><span class="fa fa-check"></span></th>
+                            <th class="votes-against" data-hide="phone"><span class="sr-only">Contra</span><span class="fa fa-times"></span></th>
+                          </tr>
+                        </thead>
+                        <tbody></tbody>
+                      </table>
+
+                    </div>
 
                     <div class="results-container hide col-sm-12"></div>
                   </div>
diff --git a/js/main.js b/js/main.js
index d90e600..5cb17ab 100644
--- a/js/main.js
+++ b/js/main.js
@@ -22,7 +22,8 @@ define(['jquery', 'handlebars', 'fastclick', 'proposal_app', 'handlebars_helpers
 
   var lastHash = window.location.hash;
 
-  var isProduction = /^http:\/\/dialoga\.gov\.br\//.test(window.location.href);
+  // var isProduction = /^http:\/\/dialoga\.gov\.br\//.test(window.location.href);
+  var isProduction = true;
   var host = isProduction ? 'http://login.dialoga.gov.br' : 'http://hom.login.dialoga.gov.br';
   var serpro_captcha_clienteId = 'fdbcdc7a0b754ee7ae9d865fda740f17';
   var dialoga_community = 19195;
@@ -241,6 +242,60 @@ define(['jquery', 'handlebars', 'fastclick', 'proposal_app', 'handlebars_helpers
             $('.support-proposal .alert').show();
           });
       },
+      loadTopProposals: function (topic_id) {
+        
+        // TODO: start loading
+        
+        var url = host + '/api/v1/proposals_discussion_plugin/' + topic_id + '/ranking?per_page=3&page=1';
+        $.getJSON(url).done(function( data, stats, xhr ) {
+          
+          // TODO: stop loading
+          
+          if ( !data || !data.proposals ) {
+            console.error('Proposals not found.');
+            return;
+          }
+
+          var $containerWrapper = $('#proposal-item-' + topic_id);
+          var $containerTopProposals = $containerWrapper.find('.freeze--top-proposals');
+          var $tbody = $containerTopProposals.find('tbody');
+
+          if ( $containerTopProposals.css('display') === 'block' ) {
+            console.log('Top ranking already loaded.');
+            return;
+          }
+
+          var TEMPLATE_TR = '' +
+          '<tr>' +
+            '<td>{{position}}°</td>' +
+            '<td>{{abstract}}</td>' +
+            '<td>{{hits}}</td>' +
+            '<td>{{votes_for}}</td>' +
+            '<td>{{votes_against}}</td>' +
+          '</tr>';
+          
+          var proposals = data.proposals;
+          var proposal = null;
+          var proposal_tpl = null;
+          
+          for (var i = proposals.length - 1; i >= 0; i--) {
+            proposal = proposals[i];
+            proposal_tpl = '' + TEMPLATE_TR;
+            proposal_tpl = replace(proposal_tpl, '{{position}}', proposal.position);
+            proposal_tpl = replace(proposal_tpl, '{{abstract}}', proposal.abstract);
+            proposal_tpl = replace(proposal_tpl, '{{hits}}', proposal.hits);
+            proposal_tpl = replace(proposal_tpl, '{{votes_for}}', proposal.votes_for);
+            proposal_tpl = replace(proposal_tpl, '{{votes_against}}', proposal.votes_against);
+
+            $tbody.prepend($(proposal_tpl));
+          }
+
+          $containerTopProposals.css('display', 'block');
+
+          console.log('data', data);
+
+        });
+      },
       loadRanking: function($resultsContainer, topic_id, page) {
         $resultsContainer.find('.loading').show();
         $resultsContainer.find('.results-content').hide();
@@ -483,6 +538,7 @@ define(['jquery', 'handlebars', 'fastclick', 'proposal_app', 'handlebars_helpers
 
         var topic_id = proposal_id.split('-').pop();
         this.loadRandomProposal(topic_id);
+        this.loadTopProposals(topic_id);
         Main.display_events(category_id, active_category);
       },
       display_proposal_detail: function(proposal_id){
diff --git a/sass/style.sass b/sass/style.sass
index e147c2c..eb4e6b5 100644
--- a/sass/style.sass
+++ b/sass/style.sass
@@ -1279,6 +1279,8 @@ td
 .freeze--theme-message
   font-weight: bold
   margin: 10px 0
+.freeze--top-proposals
+  margin: 10px 0
 
 // ------------------------------------
 // 7 - Modificadores
--
libgit2 0.21.2