Display terms of use link

Victor Costa
1 parent 28761672
Showing 5 changed files with 56 additions and 0 deletions Show diff stats
index.html
js/main.js
sass/_article.scss
sass/_footer.scss
sass/style.scss
@@ -105,6 +105,8 @@
         <h1><a href="#">{{article.title}}</a></h1>
       </header>
+      <div id="article-container" class="hide"></div>
+
       <div id="content">
         {{{article.abstract}}}
       </div>
@@ -431,6 +433,22 @@
       </ul>
     </script>
+    <script id="article" type="text/x-handlebars-template">
+      <div class="title">
+        {{{title}}}
+      </div>
+      <div class="abstract">
+        {{{abstract}}}
+      </div>
+      <div class="body">
+        {{{body}}}
+      </div>
+    </script>
+
+    <div class="terms-of-use">
+      <a href="#/artigo/107880">Termos de uso</a>
+    </div>
+
     <script type='text/javascript'	>
       loadRequireJS();
     </script>
@@ -9,6 +9,7 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
   var supportProposalTemplate = Handlebars.compile(document.getElementById('support-proposal-template').innerHTML);
   var loginTemplate = Handlebars.compile(document.getElementById('login').innerHTML);
   var resultsTemplate = Handlebars.compile(document.getElementById('results').innerHTML);
+  var articleTemplate = Handlebars.compile(document.getElementById('article').innerHTML);
   // The div/container that we are going to display the results in
   var resultsPlaceholder = document.getElementById('proposal-result');
@@ -225,6 +226,17 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
           }
           return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
         },
+        display_article: function(article_id) {
+          var url = host + '/api/v1/articles/' + article_id + '?private_token=' + Main.private_token;
+          $.getJSON(url).done(function( data ) {
+            $('#article-container').html(articleTemplate(data.article));
+            $('#article-container').show();
+            $('#proposal-categories').hide();
+            $('#proposal-group').hide();
+            $('nav').hide();
+            $('#content').hide();
+          });
+        },
         display_category_tab: function(){
           $('#proposal-group').hide();
           $('#proposal-categories').show();
@@ -233,6 +245,7 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
           $('.proposal-category-items').hide();
           $('.proposal-category .arrow-box').hide();
           $('.proposal-detail').hide();
+          $('#article-container').hide();
           $('#content').show();
           $('nav').show();
@@ -243,6 +256,7 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
           $('#nav-proposal-group a').addClass('active');
           $('#nav-proposal-categories a').removeClass('active');
           $('#content').show();
+          $('#article-container').hide();
           $('nav').show();
         },
         display_proposal: function(proposal_id){
@@ -250,6 +264,7 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
           $('#proposal-group').hide();
           $('nav').hide();
           $('#content').hide();
+          $('#article-container').hide();
           // $('.make-proposal-form').hide();
           // $('.login-container').hide();
           $('.proposal-detail').hide(); // hide all proposals
@@ -293,6 +308,7 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
           $('#proposal-group').hide();
           $('nav').hide();
           $('#content').hide();
+          $('#article-container').hide();
           $proposal = $('#proposal-item-' + proposal_id);
           $proposal.find('.make-proposal-form').hide();
           $proposal.find('.proposal-header').hide();
@@ -403,6 +419,7 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
           var regexProposals = /#\/programas/;
           var regexCategory = /#\/temas/;
           var regexHideBarra = /barra=false$/;
+          var regexArticle = /#\/artigo/;
           if( !(regexHideBarra.exec(hash) !== null) && !HIDE_BARRA_DO_GOVERNO ){
             this.addBarraDoGoverno();
@@ -417,6 +434,11 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
           var isProposal = regexProposals.exec(hash) !== null;
           var isCategory = regexCategory.exec(hash) !== null;
+          var isArticle  = regexArticle.exec(hash) !== null;
+
+          if(isArticle) {
+            this.display_article(hash.split('/')[2]);
+          }
           if( isProposal ){
@@ -0,0 +1,10 @@
+#article-container .abstract {
+  font-style: italic;
+  color: rgb(114, 114, 114);
+  margin-bottom: 30px;
+  margin-top: 10px;
+}
+
+#article-container .title {
+  font-size: 22px;
+}
 footer {
   // display: none;
 }
+
+.terms-of-use {
+  text-align: center;
+  margin-top: 20px;
+}
@@ -11,6 +11,7 @@
 @import 'slick';
 @import 'slick-theme';
 @import 'share';
+@import 'article';
 @import 'proposal_detail/proposal-detail-base';
 @import 'proposal_detail/urgencia-e-emergencia';
	@@ -105,6 +105,8 @@		@@ -105,6 +105,8 @@
105	<h1><a href="#">{{article.title}}</a></h1>	105	<h1><a href="#">{{article.title}}</a></h1>
106	</header>	106	</header>
107		107
		108	+ <div id="article-container" class="hide"></div>
		109	+
108	<div id="content">	110	<div id="content">
109	{{{article.abstract}}}	111	{{{article.abstract}}}
110	</div>	112	</div>
	@@ -431,6 +433,22 @@		@@ -431,6 +433,22 @@
431	</ul>	433	</ul>
432	</script>	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	<script type='text/javascript' >	452	<script type='text/javascript' >
435	loadRequireJS();	453	loadRequireJS();
436	</script>	454	</script>
@@ -0,0 +1,10 @@		@@ -0,0 +1,10 @@
	1	+#article-container .abstract {
	2	+ font-style: italic;
	3	+ color: rgb(114, 114, 114);
	4	+ margin-bottom: 30px;
	5	+ margin-top: 10px;
	6	+}
	7	+
	8	+#article-container .title {
	9	+ font-size: 22px;
	10	+}
1	footer {	1	footer {
2	// display: none;	2	// display: none;
3	}	3	}
		4	+
		5	+.terms-of-use {
		6	+ text-align: center;
		7	+ margin-top: 20px;
		8	+}
	@@ -11,6 +11,7 @@		@@ -11,6 +11,7 @@
11	@import 'slick';	11	@import 'slick';
12	@import 'slick-theme';	12	@import 'slick-theme';
13	@import 'share';	13	@import 'share';
		14	+@import 'article';
14		15
15	@import 'proposal_detail/proposal-detail-base';	16	@import 'proposal_detail/proposal-detail-base';
16	@import 'proposal_detail/urgencia-e-emergencia';	17	@import 'proposal_detail/urgencia-e-emergencia';