From 25840768cb99a515100ab073fea9d68bd07ccc14 Mon Sep 17 00:00:00 2001
From: Victor Costa <vfcosta@gmail.com>
Date: Thu, 21 May 2015 18:21:06 -0300
Subject: [PATCH] Share on facebook

---
 index.html        | 21 +++++++++++++++++++++
 js/main.js        | 19 +++++++++++++++++++
 sass/_header.scss |  3 +++
 3 files changed, 43 insertions(+), 0 deletions(-)
diff --git a/index.html b/index.html
index 8250b9d..9aada86 100644
--- a/index.html
+++ b/index.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="pt-br">
   <head>
     <meta charset="utf-8" />
@@ -5,6 +6,7 @@
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta property="og:title" content="Dialoga Brasil" />
 
     <script type="text/javascript">
       /**
@@ -74,6 +76,16 @@
 
   </head>
   <body>
+    <div id="fb-root"></div>
+    <script>(function(d, s, id) {
+      var js, fjs = d.getElementsByTagName(s)[0];
+      if (d.getElementById(id)) return;
+      js = d.createElement(s); js.id = id;
+      js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=301018783382906";
+      fjs.parentNode.insertBefore(js, fjs);
+    }(document, 'script', 'facebook-jssdk'));</script>
+
+
     <div class="container">
       <div id="proposal-result"></div>
     </div>
@@ -83,6 +95,9 @@
       <header>
         <h1><a href="#">{{article.title}}</a></h1>
         <a id="display-contrast" href="#">Alto Contraste</a>
+        <div class="social">
+          <a href="#" class="fb-share" data-description="Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo">Compartilhar</a>
+        </div>
       </header>
 
       <div id="content">
@@ -153,6 +168,9 @@
                 {{/each}}
               </ul>
 
+              <div class="social">
+                <a href="#" class="fb-share" data-caption="{{title}}" data-description="{{stripTags abstract}}">Compartilhar</a>
+              </div>
               <div class="proposal-header">
                 <div class="abstract">
                   <img src="{{../host}}{{image.url}}" alt="Imagem de apresentação do programa."/>
@@ -288,6 +306,9 @@
         <a href="#" class="skip">Pular</a>
         <a href="#" class="vote-result">Resultados</a>
       </div>
+      <div class="social">
+        <a href="#/programas/{{parent.id}}/propostas/{{id}}" class="fb-share" data-caption="{{parent.title}}" data-description="{{stripTags abstract}}">Compartilhar</a>
+      </div>
     </script>
 
     <script id="results" type="text/x-handlebars-template">
diff --git a/js/main.js b/js/main.js
index cfadbfd..69e9ad0 100644
--- a/js/main.js
+++ b/js/main.js
@@ -58,6 +58,8 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F
             }
 
             var article = data.articles[0];
+            var parentTitle = $('#proposal-item-'+topic_id).find('.proposal-header .title').text();
+            article.parent = {id: topic_id, title: parentTitle};
             $randomProposal.html(supportProposalTemplate(article));
             $body.off('click', '.vote-actions .skip');
             $body.on('click', '.vote-actions .skip', function(e) {
@@ -641,6 +643,23 @@ define(['handlebars', 'fastclick', 'handlebars_helpers'], function(Handlebars, F
       e.preventDefault();
     });
 
+    $(document).on('click', '.social .fb-share', function(e) {
+      var link = $(this).attr('href');
+      if(link==='#' || link ==='') {
+        link = window.location.href;
+      } else {
+        link = 'http:'+Url.addBaseUrl(link);
+      }
+      FB.ui({
+          method: 'feed',
+          link: link,
+          name: $(this).data('name') || 'Dialoga Brasil',
+          caption: $(this).data('caption') || 'dialoga.gov.br',
+          description: $(this).data('description'),
+      }, function(response){});
+      e.preventDefault();
+    });
+
     $(document).on('click', '.new-user', function(e) {
       var loginForm = $(this).parents('#login-form');
       loginForm.hide();
diff --git a/sass/_header.scss b/sass/_header.scss
index 2fa0d1c..173d411 100644
--- a/sass/_header.scss
+++ b/sass/_header.scss
@@ -4,4 +4,7 @@ header {
   margin: 0;
   padding: 0;
   position: relative;
+  .social {
+    float: right;
+  }
 }
--
libgit2 0.21.2

