From 44c19a89f695f9ec35a16175b409fba6daff2357 Mon Sep 17 00:00:00 2001
From: Victor Costa <vfcosta@gmail.com>
Date: Sat, 23 May 2015 15:51:43 -0300
Subject: [PATCH] Share on twitter and g+

---
 index.html               | 29 +++++++++++------------------
 js/handlebars-helpers.js |  5 +++++
 js/main.js               | 24 ++++++++++++++++++++++++
 3 files changed, 40 insertions(+), 18 deletions(-)

diff --git a/index.html b/index.html
index 3a90b2a..f70db23 100644
--- a/index.html
+++ b/index.html
@@ -97,12 +97,7 @@
         <h1><a href="#">{{article.title}}</a></h1>
         <a id="display-contrast" href="#">Alto Contraste</a>
         <div class="social top">
-          <ul>
-            <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>
-            <li><a class="tw-share disabled icon icon-twitter">Compartilhar no Twitter</a></li>
-            <li><a class="gp-share disabled icon icon-gplus">Compartilhar no Google Plus</a></li>
-            <li><a class="ws-share disabled icon icon-whatsapp">Compartilhar no WhatsApp</a></li>
-          </ul>
+          {{#social_share "Dialoga Brasil" "Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo" "#"}}{{/social_share}}
         </div>
       </header>
 
@@ -204,12 +199,7 @@
                     <div class="col-sm-4 col-sm-offset-4">
                       <div class="social right">
                         <span>COMPARTILHE<br>ESTE PROGRAMA</span>
-                          <ul>
-                            <li><a href="#" class="fb-share icon icon-facebook" data-caption="{{title}}" data-description="{{stripTags abstract}}">Compartilhar no Facebook</a></li>
-                            <li><a class="tw-share disabled icon icon-twitter">Compartilhar no Twitter</a></li>
-                            <li><a class="gp-share disabled icon icon-gplus">Compartilhar no Google Plus</a></li>
-                            <li><a class="ws-share disabled icon icon-whatsapp">Compartilhar no WhatsApp</a></li>
-                          </ul>
+                        {{#social_share title abstract '#'}}{{/social_share}}
                       </div>
                     </div>
                   </div>
@@ -307,12 +297,7 @@
       </div>
       <div class="social">
         <span>Compartilhe esta proposta</span>
-          <ul>
-            <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>
-            <li><a class="tw-share disabled icon icon-twitter">Compartilhar no Twitter</a></li>
-            <li><a class="gp-share disabled icon icon-gplus">Compartilhar no Google Plus</a></li>
-            <li><a class="ws-share disabled icon icon-whatsapp">Compartilhar no WhatsApp</a></li>
-          </ul>
+        {{#social_share parent.title abstract "#/programas/{{parent.id}}/propostas/{{id}}"}}{{/social_share}}
       </div>
     </script>
 
@@ -397,6 +382,14 @@
       </form>
     </script>
 
+    <script id="social-share" type="text/x-handlebars-template">
+      <ul>
+        <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>
+        <li><a href="https://twitter.com/intent/tweet?text={{stripTags abstract}}" class="tw-share icon icon-twitter popup">Compartilhar no Twitter</a></li>
+        <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>
+        <li><a class="ws-share disabled icon icon-whatsapp">Compartilhar no WhatsApp</a></li>
+      </ul>
+    </script>
 
     <script type='text/javascript'	>
       loadRequireJS();
diff --git a/js/handlebars-helpers.js b/js/handlebars-helpers.js
index 3736c0d..bb60f0c 100644
--- a/js/handlebars-helpers.js
+++ b/js/handlebars-helpers.js
@@ -94,6 +94,11 @@ define(['handlebars'], function(Handlebars){
     return +(Math.round(num + "e+2")  + "e-2");
   });
 
+  Handlebars.registerHelper('social_share', function(title, description, url) {
+    var template = Handlebars.compile($('#social-share').html());
+    return template();
+  });
+
   function proposal_has_category(proposal, category_slug) {
     for(var i=0; i<proposal.categories.length; i++) {
       if(proposal.categories[i].slug == category_slug)
diff --git a/js/main.js b/js/main.js
index c2488d4..79b7e30 100644
--- a/js/main.js
+++ b/js/main.js
@@ -730,6 +730,30 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F
       });
       e.preventDefault();
     });
+
+    var popupCenter = function(url, title, w, h) {
+      var dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : screen.left;
+      var dualScreenTop = window.screenTop !== undefined ? window.screenTop : screen.top;
+
+      var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
+      var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
+
+      var left = ((width / 2) - (w / 2)) + dualScreenLeft;
+      var top = ((height / 3) - (h / 3)) + dualScreenTop;
+
+      var newWindow = window.open(url, title, 'scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);
+
+      // Puts focus on the newWindow
+      if (window.focus) {
+        newWindow.focus();
+      }
+    };
+
+    $(document).on('click', '.social a.popup', {}, function popUp(e) {
+      var self = $(this);
+      popupCenter(self.attr('href'), self.find('.rrssb-text').html(), 580, 470);
+      e.preventDefault();
+    });
   });
 
   window.addEventListener("message", function(ev) {
--
libgit2 0.21.2