Commit e99bdac03238fb5e111f609d64b98364f94d17b2
1 parent
28761672
Exists in
master
and in
5 other branches
Display terms of use link
Showing
5 changed files
with
56 additions
and
0 deletions
Show diff stats
index.html
... | ... | @@ -105,6 +105,8 @@ |
105 | 105 | <h1><a href="#">{{article.title}}</a></h1> |
106 | 106 | </header> |
107 | 107 | |
108 | + <div id="article-container" class="hide"></div> | |
109 | + | |
108 | 110 | <div id="content"> |
109 | 111 | {{{article.abstract}}} |
110 | 112 | </div> |
... | ... | @@ -431,6 +433,22 @@ |
431 | 433 | </ul> |
432 | 434 | </script> |
433 | 435 | |
436 | + <script id="article" type="text/x-handlebars-template"> | |
437 | + <div class="title"> | |
438 | + {{{title}}} | |
439 | + </div> | |
440 | + <div class="abstract"> | |
441 | + {{{abstract}}} | |
442 | + </div> | |
443 | + <div class="body"> | |
444 | + {{{body}}} | |
445 | + </div> | |
446 | + </script> | |
447 | + | |
448 | + <div class="terms-of-use"> | |
449 | + <a href="#/artigo/107880">Termos de uso</a> | |
450 | + </div> | |
451 | + | |
434 | 452 | <script type='text/javascript' > |
435 | 453 | loadRequireJS(); |
436 | 454 | </script> | ... | ... |
js/main.js
... | ... | @@ -9,6 +9,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F |
9 | 9 | var supportProposalTemplate = Handlebars.compile(document.getElementById('support-proposal-template').innerHTML); |
10 | 10 | var loginTemplate = Handlebars.compile(document.getElementById('login').innerHTML); |
11 | 11 | var resultsTemplate = Handlebars.compile(document.getElementById('results').innerHTML); |
12 | + var articleTemplate = Handlebars.compile(document.getElementById('article').innerHTML); | |
12 | 13 | |
13 | 14 | // The div/container that we are going to display the results in |
14 | 15 | var resultsPlaceholder = document.getElementById('proposal-result'); |
... | ... | @@ -225,6 +226,17 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F |
225 | 226 | } |
226 | 227 | return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4(); |
227 | 228 | }, |
229 | + display_article: function(article_id) { | |
230 | + var url = host + '/api/v1/articles/' + article_id + '?private_token=' + Main.private_token; | |
231 | + $.getJSON(url).done(function( data ) { | |
232 | + $('#article-container').html(articleTemplate(data.article)); | |
233 | + $('#article-container').show(); | |
234 | + $('#proposal-categories').hide(); | |
235 | + $('#proposal-group').hide(); | |
236 | + $('nav').hide(); | |
237 | + $('#content').hide(); | |
238 | + }); | |
239 | + }, | |
228 | 240 | display_category_tab: function(){ |
229 | 241 | $('#proposal-group').hide(); |
230 | 242 | $('#proposal-categories').show(); |
... | ... | @@ -233,6 +245,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F |
233 | 245 | $('.proposal-category-items').hide(); |
234 | 246 | $('.proposal-category .arrow-box').hide(); |
235 | 247 | $('.proposal-detail').hide(); |
248 | + $('#article-container').hide(); | |
236 | 249 | |
237 | 250 | $('#content').show(); |
238 | 251 | $('nav').show(); |
... | ... | @@ -243,6 +256,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F |
243 | 256 | $('#nav-proposal-group a').addClass('active'); |
244 | 257 | $('#nav-proposal-categories a').removeClass('active'); |
245 | 258 | $('#content').show(); |
259 | + $('#article-container').hide(); | |
246 | 260 | $('nav').show(); |
247 | 261 | }, |
248 | 262 | display_proposal: function(proposal_id){ |
... | ... | @@ -250,6 +264,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F |
250 | 264 | $('#proposal-group').hide(); |
251 | 265 | $('nav').hide(); |
252 | 266 | $('#content').hide(); |
267 | + $('#article-container').hide(); | |
253 | 268 | // $('.make-proposal-form').hide(); |
254 | 269 | // $('.login-container').hide(); |
255 | 270 | $('.proposal-detail').hide(); // hide all proposals |
... | ... | @@ -293,6 +308,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F |
293 | 308 | $('#proposal-group').hide(); |
294 | 309 | $('nav').hide(); |
295 | 310 | $('#content').hide(); |
311 | + $('#article-container').hide(); | |
296 | 312 | $proposal = $('#proposal-item-' + proposal_id); |
297 | 313 | $proposal.find('.make-proposal-form').hide(); |
298 | 314 | $proposal.find('.proposal-header').hide(); |
... | ... | @@ -403,6 +419,7 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F |
403 | 419 | var regexProposals = /#\/programas/; |
404 | 420 | var regexCategory = /#\/temas/; |
405 | 421 | var regexHideBarra = /barra=false$/; |
422 | + var regexArticle = /#\/artigo/; | |
406 | 423 | |
407 | 424 | if( !(regexHideBarra.exec(hash) !== null) && !HIDE_BARRA_DO_GOVERNO ){ |
408 | 425 | this.addBarraDoGoverno(); |
... | ... | @@ -417,6 +434,11 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F |
417 | 434 | |
418 | 435 | var isProposal = regexProposals.exec(hash) !== null; |
419 | 436 | var isCategory = regexCategory.exec(hash) !== null; |
437 | + var isArticle = regexArticle.exec(hash) !== null; | |
438 | + | |
439 | + if(isArticle) { | |
440 | + this.display_article(hash.split('/')[2]); | |
441 | + } | |
420 | 442 | |
421 | 443 | if( isProposal ){ |
422 | 444 | ... | ... |
sass/_footer.scss