Fix social-share. Add missing params (image, url, title, etc.)

Leonardo Merlin
1 parent a779ab01
Showing 5 changed files with 46 additions and 22 deletions Show diff stats
src/app/components/proposal-box/proposal-box.directive.js
src/app/components/proposal-box/proposal-box.html
src/app/components/social-share/social-share.directive.js
src/app/components/social-share/social-share.html
src/app/pages/programas/programa.html
@@ -205,9 +205,23 @@
       return vm.$state.href('programa', {
         slug: vm.topic.slug,
         proposal_id: vm.proposal.id,
+      }, {
+        absolute: true
       });
     };
+    ProposalBoxController.prototype.getSocialText = function() {
+      var vm = this;
+
+      return vm.proposal.abstract;
+    };
+
+    ProposalBoxController.prototype.getSocialImage = function() {
+      var vm = this;
+
+      return vm.$rootScope.basePath + vm.topic.image.url;
+    };
+
     var directive = {
       restrict: 'E',
       templateUrl: 'app/components/proposal-box/proposal-box.html',
@@ -30,10 +30,10 @@
                               <span class="icon icon-social-share" aria-hidden="true"></span>
                             </button>
                             <social-share
-                              url="vm.getSocialUrl()"
-                              text="vm.getSocialText()"
-                              image="vm.getSocialImage()"
-                              class="dropdown-menu dropdown-menu-right ng-isolate-scope"></social-share>
+                              social-url="vm.getSocialUrl()"
+                              social-text="vm.getSocialText()"
+                              social-image="vm.getSocialImage()"
+                              class="dropdown-menu dropdown-menu-right"></social-share>
                             </div>
                         </div>
                         <div class="col-xs-6 feedback--next">
@@ -184,6 +184,11 @@
       <div class="dropdown">
         <button id="dropdown-share-btn" class="btn btn-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Mostrar ou esconder a lista redes sociais para compartilhamento"><span class="icon icon-social-share-small" aria-hidden="true"></span></button>
         <social-share class="dropdown-menu dropdown-menu-right"></social-share>
+        <social-share
+          social-url="vm.getSocialUrl()"
+          social-text="vm.getSocialText()"
+          social-image="vm.getSocialImage()"
+          class="dropdown-menu dropdown-menu-right"></social-share>
       </div>
     </div>
     <div class="proposal-box--ranking">
@@ -11,10 +11,11 @@
       restrict: 'E',
       templateUrl: 'app/components/social-share/social-share.html',
       scope: {
-        url: '=',
-        image: '=',
-        text: '=',
-        arrowClass: '@',
+        socialVia: '=',
+        socialUrl: '=',
+        socialImage: '=',
+        socialText: '=',
+        arrowClass: '@'
       },
       controller: SocialShareController,
       controllerAs: 'vm',
@@ -27,7 +28,13 @@
     function SocialShareController($log) {
       $log.debug('SocialShareController');
-      // var vm = this;
+      var vm = this;
+
+      vm.socialVia = vm.socialVia || "687948707977695"; // 476168325877872
+      vm.socialUrl = vm.socialUrl || "http://dialoga.gov.br/";
+      vm.socialImage = vm.socialImage || "http://dialoga.gov.br/images/logo.png";
+      vm.socialText = vm.socialText || "Conheça o Dialoga Brasil. Dialoga Brasil | O País fica melhor quando VOCÊ PARTICIPA.";
+
     }
   }
@@ -3,17 +3,15 @@
 </div>
 <ul class="social-share list-inline">
   <li>
-      <!-- socialshare-via="687948707977695" dialoga -->
-      <!-- socialshare-via="476168325877872" MyApp / Test -->
     <a href="#" role="button"
       socialshare
       socialshare-provider="facebook"
       socialshare-type="feed"
-      socialshare-via="687948707977695"
-      socialshare-url="http://dialoga.gov.br"
+      socialshare-via="vm.socialVia"
+      socialshare-url="vm.socialUrl"
       socialshare-redirect-uri="https://dialoga.gov.br/"
-      socialshare-media="http://dialoga.gov.br/images/logo.png"
-      socialshare-text="Conheça o Dialoga Brasil. Dialoga Brasil | O País fica melhor quando VOCÊ PARTICIPA."
+      socialshare-media="vm.socialImage"
+      socialshare-text="vm.socialText"
       title="Compartilhar no Facebook">
       <span aria-hidden="true" class="icon-circle icon-small icon-circle-social-facebook"><span class="icon icon-social-facebook"></span></span>
       <span class="sr-only">Compartilhar no Facebook</span>
@@ -23,8 +21,8 @@
     <a href="#" role="button"
       socialshare
       socialshare-provider="twitter"
-      socialshare-url="http://dialoga.gov.br"
-      socialshare-text="Conheça o Dialoga Brasil. Dialoga Brasil | O País fica melhor quando VOCÊ PARTICIPA."
+      socialshare-url="vm.socialUrl"
+      socialshare-text="vm.socialText"
       socialshare-hastags="dialogabrasil"
       title="Compartilhar no Twitter">
       <span aria-hidden="true" class="icon-circle icon-small icon-circle-social-twitter"><span class="icon icon-social-twitter"></span></span>
@@ -35,8 +33,8 @@
     <a href="#" role="button"
       socialshare
       socialshare-provider="google+"
-      socialshare-url="http://dialoga.gov.br"
-      socialshare-text="Conheça o Dialoga Brasil. Dialoga Brasil | O País fica melhor quando VOCÊ PARTICIPA."
+      socialshare-url="vm.socialUrl"
+      socialshare-text="vm.socialText"
       title="Compartilhar no Google Plus">
       <span aria-hidden="true" class="icon-circle icon-small icon-circle-social-googleplus"><span class="icon icon-social-googleplus"></span></span>
       <span class="sr-only">Compartilhar no Google Plus</span>
@@ -46,9 +46,9 @@
                     <div class="dropdown">
                       <button id="dropdown-share-btn" class="btn btn-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Mostrar ou esconder a lista redes sociais para compartilhamento"><span class="icon icon-social-share-small" aria-hidden="true"></span></button>
                       <social-share
-                        url=""
-                        text=""
-                        image=""
+                        social-url="pagePrograma.$state.href('programa', {slug: pagePrograma.article.slug}, {absolute: true})"
+                        social-text="pagePrograma.article.title"
+                        social-image="pagePrograma.banner.src"
                         arrow-class="social-share--arrow"
                         class="dropdown-menu dropdown-menu-right"
                         ></social-share>
	@@ -205,9 +205,23 @@		@@ -205,9 +205,23 @@
205	return vm.$state.href('programa', {	205	return vm.$state.href('programa', {
206	slug: vm.topic.slug,	206	slug: vm.topic.slug,
207	proposal_id: vm.proposal.id,	207	proposal_id: vm.proposal.id,
		208	+ }, {
		209	+ absolute: true
208	});	210	});
209	};	211	};
210		212
		213	+ ProposalBoxController.prototype.getSocialText = function() {
		214	+ var vm = this;
		215	+
		216	+ return vm.proposal.abstract;
		217	+ };
		218	+
		219	+ ProposalBoxController.prototype.getSocialImage = function() {
		220	+ var vm = this;
		221	+
		222	+ return vm.$rootScope.basePath + vm.topic.image.url;
		223	+ };
		224	+
211	var directive = {	225	var directive = {
212	restrict: 'E',	226	restrict: 'E',
213	templateUrl: 'app/components/proposal-box/proposal-box.html',	227	templateUrl: 'app/components/proposal-box/proposal-box.html',