Evolution #820: Likes / Twitt

app/Resources/translations/userui.en.yml

@@ -246,6 +246,8 @@ element:
       no:                No
   share:
     share_button:        Share
+    twitter:            
+      text:              "Some music ? "
     
 comment:
   report:

app/Resources/translations/userui.fr.yml

@@ -258,6 +258,8 @@ element:
       no:                Non
   share:
     share_button:        Partager
+    twitter:            
+      text:              "Un peu de musique ? "
     
 comment:
   report:

src/Muzich/CoreBundle/Resources/config/routing.yml

@@ -124,7 +124,7 @@ element_remove_from_group:
 
 element_show_one:
   pattern: /song/{element_id}/{element_slug}
-  defaults: { _controller: MuzichHomeBundle:Home:showOneElement }
+  defaults: { _controller: MuzichHomeBundle:Home:showOneElement, element_slug: null }
 
 ##
 

src/Muzich/CoreBundle/Resources/public/css/main.css

@@ -2516,6 +2516,23 @@ div#share_from_message
   font-size: 115%;
 }
 
+div.social_buttons ul
+{
+  list-style-type: none;
+  margin-left: 0;
+}
+
+div.social_buttons ul li
+{
+  display : inline;
+  margin-left: 5px;
+  float:left;
+}
+
+div.social_buttons ul li.googleplus {
+    margin-left: -25px;
+}
+
 /*
 *
 *

src/Muzich/CoreBundle/Resources/views/SearchElement/element.html.twig

@@ -410,6 +410,37 @@
       {% endif %}
       
       
+      <div class="social_buttons">
+        <ul>
+          <li class="facebook">
+            {{ facebookButton( {
+              'locale': 'fr_FR', 
+              'url': 'http:' ~ url('element_show_one', {
+                'element_id' : element.id,
+                'element_slug' : element.slug
+              }, true) })
+            }}
+          </li>
+          <li class="twitter">
+            {{ twitterButton( {
+              'locale': 'fr_FR', 
+              'url': 'http:' ~ url('element_show_one', {
+                'element_id' : element.id
+              }, true) }) 
+            }}
+          </li>
+          <li class="googleplus">
+            {{ googlePlusButton( {
+              'locale': 'fr_FR', 'url': 
+              'http:' ~ url('element_show_one', {
+                'element_id' : element.id,
+                'element_slug' : element.slug
+              }, true) }) 
+            }}
+          </li>
+        </ul>
+      </div>
+      
     </td>
   </tr>
 </table>

src/Muzich/CoreBundle/Resources/views/helper/facebookButton.html.twig

@@ -0,0 +1,18 @@
+{% if url is not defined or url == null %}
+    {% set url = app.request.uri %}
+{% endif %}
+
+{% spaceless %}
+ {# initialize facebook SDK #}
+ <div id="fb-root"></div>
+ <script>$(document).ready(function() {  (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/{{locale}}/all.js#xfbml=1";
+   fjs.parentNode.insertBefore(js, fjs);
+ }(document, 'script', 'facebook-jssdk'));  });</script>
+
+ <div class="fb-like" data-href="{{url}}" data-send="{{send}}" data-layout="{{layout}}" data-width="{{width}}" data-show-faces="{{showFaces}}"></div>
+
+{% endspaceless %}

src/Muzich/CoreBundle/Resources/views/helper/googlePlusButton.html.twig

@@ -0,0 +1,18 @@
+{% if url is not defined or url == null %}
+    {% set url = app.request.uri %}
+{% endif %}
+
+{% spaceless %}
+ <div class="g-plusone" data-size="{{size}}" data-annotation="{{annotation}}" data-width="{{width}}" data-href="{{url}}"></div>
+
+ <script type="text/javascript">
+   window.___gcfg = {lang: '{{locale}}'};
+
+   (function() {
+     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
+     po.src = 'https://apis.google.com/js/plusone.js';
+     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
+   })();
+ </script>
+
+{% endspaceless %}

src/Muzich/CoreBundle/Resources/views/helper/socialButtons.html.twig

@@ -0,0 +1,18 @@
+
+  {% if facebook is not sameas(false) %}
+    <div class="facebookButton">
+      {{ facebookButton(facebook) }}
+    </div>
+  {% endif %}
+
+  {% if googleplus is not sameas(false) %}
+    <div class="googleplus">
+      {{ googlePlusButton(googleplus) }}
+    </div>
+  {% endif %}
+
+  {% if twitter is not sameas(false) %}
+    <div class="twitterButton">
+      {{ twitterButton(twitter) }}
+    </div>
+  {% endif %}

src/Muzich/CoreBundle/Resources/views/helper/twitterButton.html.twig

@@ -0,0 +1,22 @@
+{% if url is not defined or url == null %}
+    {% set url = app.request.uri %}
+{% endif %}
+
+{% spaceless %}
+ <a href="https://twitter.com/share" class="twitter-share-button"
+
+   data-text="{{message}}" 
+   data-url="{{url}}"
+   data-lang="{{locale}}"
+
+   {% if via is not sameas(false) %}
+     data-via="{{via}}"
+   {% endif %}
+
+   {% if tag is not sameas(false) %}
+     data-hashtags="{{tag}}"
+   {% endif %}
+ >{{text}}</a>
+
+ <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+{% endspaceless %}

src/Muzich/CoreBundle/Templating/Helper/SocialBarHelper.php

@@ -0,0 +1,42 @@
+<?php
+
+namespace Muzich\CoreBundle\Templating\Helper;
+
+use Symfony\Component\Templating\Helper\Helper;
+use Symfony\Component\Templating\EngineInterface;
+
+class SocialBarHelper extends Helper
+{
+    protected $templating;
+
+    public function __construct(EngineInterface $templating)
+    {
+        $this->templating  = $templating;
+    }
+
+
+    public function socialButtons($parameters)
+    {
+      return $this->templating->render('MuzichCoreBundle:helper:socialButtons.html.twig', $parameters);
+    }
+
+    public function facebookButton($parameters)
+    {
+      return $this->templating->render('MuzichCoreBundle:helper:facebookButton.html.twig', $parameters);
+    }
+
+    public function twitterButton($parameters)
+    {
+      return $this->templating->render('MuzichCoreBundle:helper:twitterButton.html.twig', $parameters);
+    }
+
+    public function googlePlusButton($parameters)
+    {
+      return $this->templating->render('MuzichCoreBundle:helper:googlePlusButton.html.twig', $parameters);
+    }
+
+    public function getName()
+    {
+        return 'socialButtons';
+    }
+}

src/Muzich/CoreBundle/Twig/Extensions/MuzichTwigSocialBar.php

@@ -0,0 +1,112 @@
+<?php
+
+namespace Muzich\CoreBundle\Twig\Extensions;
+
+class MuzichTwigSocialBar extends \Twig_Extension{
+
+    protected $container;
+    protected $translator;
+
+    /**
+     * Constructor.
+     *
+     * @param ContainerInterface $container
+     */
+    public function __construct($container, $translator)
+    {
+        $this->container = $container;
+        $this->translator = $translator;
+    }
+    
+    public function getName()
+    {
+        return 'muzich_social_bar';
+    }
+    
+    public function getFunctions()
+    {
+      return array(
+        'socialButtons' => new \Twig_Function_Method($this, 'getSocialButtons' ,array('is_safe' => array('html'))),
+        'facebookButton' => new \Twig_Function_Method($this, 'getFacebookLikeButton' ,array('is_safe' => array('html'))),
+        'twitterButton' => new \Twig_Function_Method($this, 'getTwitterButton' ,array('is_safe' => array('html'))),
+        'googlePlusButton' => new \Twig_Function_Method($this, 'getGooglePlusButton' ,array('is_safe' => array('html'))),
+      );
+    }
+
+    public function getSocialButtons($parameters = array())
+    {
+      // no parameters were defined, keeps default values
+      if (!array_key_exists('facebook', $parameters)){
+        $render_parameters['facebook'] = array();
+      // parameters are defined, overrides default values
+      }else if(is_array($parameters['facebook'])){
+        $render_parameters['facebook'] = $parameters['facebook'];
+      // the button is not displayed 
+      }else{
+        $render_parameters['facebook'] = false;
+      }
+
+      if (!array_key_exists('twitter', $parameters)){
+        $render_parameters['twitter'] = array();
+      }else if(is_array($parameters['twitter'])){
+        $render_parameters['twitter'] = $parameters['twitter'];
+      }else{
+        $render_parameters['twitter'] = false;
+      }
+
+      if (!array_key_exists('googleplus', $parameters)){
+        $render_parameters['googleplus'] = array();
+      }else if(is_array($parameters['googleplus'])){
+        $render_parameters['googleplus'] = $parameters['googleplus'];
+      }else{
+        $render_parameters['googleplus'] = false;
+      }
+
+      // get the helper service and display the template
+      return $this->container->get('muzich.socialBarHelper')->socialButtons($render_parameters);
+    }
+ 
+    // https://developers.facebook.com/docs/reference/plugins/like/ 
+    public function getFacebookLikeButton($parameters = array())
+    {
+       // default values, you can override the values by setting them
+       $parameters = $parameters + array(
+            'url' => null,
+            'locale' => 'fr_FR',
+            'send' => false,
+            'width' => 300,
+            'showFaces' => false,
+            'layout' => 'button_count'
+        );
+
+       return $this->container->get('muzich.socialBarHelper')->facebookButton($parameters);
+    }
+
+    public function getTwitterButton($parameters = array())
+    {
+       $parameters = $parameters + array(
+            'url' => null,
+            'locale' => 'fr',
+            'message' => $this->translator->trans('element.share.twitter.text', array(), 'userui'),
+            'text' => 'Tweet',
+            'via' => 'Muzich_Official',
+            'tag' => 'music'
+        );
+
+
+       return $this->container->get('muzich.socialBarHelper')->twitterButton($parameters);
+    }
+
+    public function getGooglePlusButton($parameters = array())
+    {
+       $parameters = $parameters + array(
+            'url' => null,
+            'locale' => 'en',
+            'size' => 'medium',
+            'annotation' => 'bubble',
+            'width' => '300'
+        );
+
+       return $this->container->get('muzich.socialBarHelper')->googlePlusButton($parameters);
+    }
+}

src/Muzich/CoreBundle/Extension/MyTwigExtension.php → src/Muzich/CoreBundle/Twig/Extensions/MyTwigExtension.php

@@ -1,6 +1,6 @@
 <?php
 
-namespace Muzich\CoreBundle\Extension;
+namespace Muzich\CoreBundle\Twig\Extensions;
 
 use Symfony\Bundle\FrameworkBundle\Translation\Translator;
 use Muzich\CoreBundle\Entity\Event;