Download as
Browse Code »

Commit 6b0b7fbda1cf05ee4f943098021943eab4b2b98e

Authored by Victor Costa
1 parent 14a19b72
Exists in master and in 11 other branches build, build2, capa, captcha, contigency_plan_recaptcha, jasmine-testing, make_harder_to_vote_twice, production, refactory-sass, session_cookie, staging

Display loading when fetch a random proposal

Showing 2 changed files with 23 additions and 11 deletions   Show diff stats
@@ -101,6 +101,13 @@ @@ -101,6 +101,13 @@
101 </div> 101 </div>
102 </div> 102 </div>
103 <div class='support-proposal-container'> 103 <div class='support-proposal-container'>
  104 + <div class='support-proposal'>
  105 + <div class='container-title'> Apoie outras propostas</div>
  106 + <div class='subtitle'> Propostas da sociedade</div>
  107 + <div class="random-proposal"></div>
  108 + <div class="loading">Carregando...</div>
  109 + <div class="no-proposals">Ainda não existe nenhuma proposta para este programa.</div>
  110 + </div>
104 </div> 111 </div>
105 <div class='experience-proposal-container'> 112 <div class='experience-proposal-container'>
106 <div class='experience-proposal'> 113 <div class='experience-proposal'>
@@ -131,15 +138,11 @@ @@ -131,15 +138,11 @@
131 </script> 138 </script>
132 139
133 <script id='support-proposal-template' type='text/x-handlebars-template'> 140 <script id='support-proposal-template' type='text/x-handlebars-template'>
134 - <div class='support-proposal'>  
135 - <div class='container-title'> Apoie outras propostas</div>  
136 - <div class='subtitle'> Propostas da sociedade</div>  
137 - <div class='abstract'><p>"{{abstract}}"</p></div>  
138 - <div class="vote-actions">  
139 - <a href="#" class="like dislike" data-vote-value="-1"></a>  
140 - <a href="#" class="like" data-vote-value="1"></a>  
141 - <a href="#" class="skip">Pular</a>  
142 - </div> 141 + <div class='abstract'><p>"{{abstract}}"</p></div>
  142 + <div class="vote-actions">
  143 + <a href="#" class="like dislike" data-vote-value="-1"></a>
  144 + <a href="#" class="like" data-vote-value="1"></a>
  145 + <a href="#" class="skip">Pular</a>
143 </div> 146 </div>
144 </script> 147 </script>
145 148
@@ -126,11 +126,20 @@ $.getJSON(noosferoAPI) @@ -126,11 +126,20 @@ $.getJSON(noosferoAPI)
126 }); 126 });
127 127
128 function loadRandomProposal(topic_id, private_token) { 128 function loadRandomProposal(topic_id, private_token) {
  129 + $(".no-proposals").hide();
  130 + $(".loading").show();
  131 + $('.random-proposal').html('');
129 var url = host + '/api/v1/articles/' + topic_id + '/children' + '?private_token=' + private_token + '&limit=1&order=random()&_='+new Date().getTime()+'&fields=id,name,abstract,created_by'; 132 var url = host + '/api/v1/articles/' + topic_id + '/children' + '?private_token=' + private_token + '&limit=1&order=random()&_='+new Date().getTime()+'&fields=id,name,abstract,created_by';
130 $.getJSON(url).done(function( data ) { 133 $.getJSON(url).done(function( data ) {
131 - if(data.articles.length == 0) return; 134 + $(".loading").hide();
  135 +
  136 + if(data.articles.length == 0) {
  137 + $(".no-proposals").show();
  138 + return;
  139 + }
  140 +
132 var article = data.articles[0]; 141 var article = data.articles[0];
133 - $('.support-proposal-container').html(supportProposalTemplate(article)); 142 + $('.random-proposal').html(supportProposalTemplate(article));
134 $(".abstract").dotdotdot(); 143 $(".abstract").dotdotdot();
135 $(document.body).off('click', '.vote-actions .skip'); 144 $(document.body).off('click', '.vote-actions .skip');
136 $(document.body).on('click', '.vote-actions .skip', function(e) { 145 $(document.body).on('click', '.vote-actions .skip', function(e) {