Download as
Browse Code »

Commit 44c19a89f695f9ec35a16175b409fba6daff2357

Authored by Victor Costa
1 parent 6747beed
Exists in master and in 6 other branches build, build2, capa, contigency_plan_recaptcha, production, staging

Share on twitter and g+

Showing 3 changed files with 40 additions and 18 deletions   Show diff stats
@@ -97,12 +97,7 @@ @@ -97,12 +97,7 @@
97 <h1><a href="#">{{article.title}}</a></h1> 97 <h1><a href="#">{{article.title}}</a></h1>
98 <a id="display-contrast" href="#">Alto Contraste</a> 98 <a id="display-contrast" href="#">Alto Contraste</a>
99 <div class="social top"> 99 <div class="social top">
100 - <ul>  
101 - <li><a href="#" class="fb-share icon icon-facebook" data-description="Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo">Compartilhar no Facebook</a></li>  
102 - <li><a class="tw-share disabled icon icon-twitter">Compartilhar no Twitter</a></li>  
103 - <li><a class="gp-share disabled icon icon-gplus">Compartilhar no Google Plus</a></li>  
104 - <li><a class="ws-share disabled icon icon-whatsapp">Compartilhar no WhatsApp</a></li>  
105 - </ul> 100 + {{#social_share "Dialoga Brasil" "Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo" "#"}}{{/social_share}}
106 </div> 101 </div>
107 </header> 102 </header>
108 103
@@ -204,12 +199,7 @@ @@ -204,12 +199,7 @@
204 <div class="col-sm-4 col-sm-offset-4"> 199 <div class="col-sm-4 col-sm-offset-4">
205 <div class="social right"> 200 <div class="social right">
206 <span>COMPARTILHE<br>ESTE PROGRAMA</span> 201 <span>COMPARTILHE<br>ESTE PROGRAMA</span>
207 - <ul>  
208 - <li><a href="#" class="fb-share icon icon-facebook" data-caption="{{title}}" data-description="{{stripTags abstract}}">Compartilhar no Facebook</a></li>  
209 - <li><a class="tw-share disabled icon icon-twitter">Compartilhar no Twitter</a></li>  
210 - <li><a class="gp-share disabled icon icon-gplus">Compartilhar no Google Plus</a></li>  
211 - <li><a class="ws-share disabled icon icon-whatsapp">Compartilhar no WhatsApp</a></li>  
212 - </ul> 202 + {{#social_share title abstract '#'}}{{/social_share}}
213 </div> 203 </div>
214 </div> 204 </div>
215 </div> 205 </div>
@@ -307,12 +297,7 @@ @@ -307,12 +297,7 @@
307 </div> 297 </div>
308 <div class="social"> 298 <div class="social">
309 <span>Compartilhe esta proposta</span> 299 <span>Compartilhe esta proposta</span>
310 - <ul>  
311 - <li><a href="#/programas/{{parent.id}}/propostas/{{id}}" class="fb-share icon icon-facebook" data-caption="{{parent.title}}" data-description="{{stripTags abstract}}">Compartilhar no Facebook</a></li>  
312 - <li><a class="tw-share disabled icon icon-twitter">Compartilhar no Twitter</a></li>  
313 - <li><a class="gp-share disabled icon icon-gplus">Compartilhar no Google Plus</a></li>  
314 - <li><a class="ws-share disabled icon icon-whatsapp">Compartilhar no WhatsApp</a></li>  
315 - </ul> 300 + {{#social_share parent.title abstract "#/programas/{{parent.id}}/propostas/{{id}}"}}{{/social_share}}
316 </div> 301 </div>
317 </script> 302 </script>
318 303
@@ -397,6 +382,14 @@ @@ -397,6 +382,14 @@
397 </form> 382 </form>
398 </script> 383 </script>
399 384
  385 + <script id="social-share" type="text/x-handlebars-template">
  386 + <ul>
  387 + <li><a href="#/programas/{{parent.id}}/propostas/{{id}}" class="fb-share icon icon-facebook" data-caption="{{parent.title}}" data-description="{{stripTags abstract}}">Compartilhar no Facebook</a></li>
  388 + <li><a href="https://twitter.com/intent/tweet?text={{stripTags abstract}}" class="tw-share icon icon-twitter popup">Compartilhar no Twitter</a></li>
  389 + <li><a href="https://plus.google.com/share?url=http://dialoga.gov.br" class="gp-share icon icon-gplus popup">Compartilhar no Google Plus</a></li>
  390 + <li><a class="ws-share disabled icon icon-whatsapp">Compartilhar no WhatsApp</a></li>
  391 + </ul>
  392 + </script>
400 393
401 <script type='text/javascript' > 394 <script type='text/javascript' >
402 loadRequireJS(); 395 loadRequireJS();
js/handlebars-helpers.js
  Diff comments   View file @44c19a8
@@ -94,6 +94,11 @@ define([&#39;handlebars&#39;], function(Handlebars){ @@ -94,6 +94,11 @@ define([&#39;handlebars&#39;], function(Handlebars){
94 return +(Math.round(num + "e+2") + "e-2"); 94 return +(Math.round(num + "e+2") + "e-2");
95 }); 95 });
96 96
  97 + Handlebars.registerHelper('social_share', function(title, description, url) {
  98 + var template = Handlebars.compile($('#social-share').html());
  99 + return template();
  100 + });
  101 +
97 function proposal_has_category(proposal, category_slug) { 102 function proposal_has_category(proposal, category_slug) {
98 for(var i=0; i<proposal.categories.length; i++) { 103 for(var i=0; i<proposal.categories.length; i++) {
99 if(proposal.categories[i].slug == category_slug) 104 if(proposal.categories[i].slug == category_slug)
@@ -730,6 +730,30 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F @@ -730,6 +730,30 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
730 }); 730 });
731 e.preventDefault(); 731 e.preventDefault();
732 }); 732 });
  733 +
  734 + var popupCenter = function(url, title, w, h) {
  735 + var dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : screen.left;
  736 + var dualScreenTop = window.screenTop !== undefined ? window.screenTop : screen.top;
  737 +
  738 + var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
  739 + var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
  740 +
  741 + var left = ((width / 2) - (w / 2)) + dualScreenLeft;
  742 + var top = ((height / 3) - (h / 3)) + dualScreenTop;
  743 +
  744 + var newWindow = window.open(url, title, 'scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
  745 +
  746 + // Puts focus on the newWindow
  747 + if (window.focus) {
  748 + newWindow.focus();
  749 + }
  750 + };
  751 +
  752 + $(document).on('click', '.social a.popup', {}, function popUp(e) {
  753 + var self = $(this);
  754 + popupCenter(self.attr('href'), self.find('.rrssb-text').html(), 580, 470);
  755 + e.preventDefault();
  756 + });
733 }); 757 });
734 758
735 window.addEventListener("message", function(ev) { 759 window.addEventListener("message", function(ev) {