fix social buttons

src/Muzich/CoreBundle/Resources/public/js/muzich.js

@@ -636,6 +636,8 @@ $(document).ready(function(){
           if (response.count)
           {
             $('ul.elements').append(response.html);
+            refresh_social_buttons();
+            
             $('img.elements_more_loader').hide();
             recolorize_element_list();
             
@@ -686,6 +688,7 @@ $(document).ready(function(){
       );
     
     $('ul.elements').html(response.html);
+    refresh_social_buttons();
     
     if (response.count)
      {
@@ -1283,6 +1286,7 @@ $(document).ready(function(){
     {
       $('form[name="add"]').find('ul.error_list').remove();
       $('ul.elements').prepend(response.html);
+      refresh_social_buttons();
       $('form[name="add"] input[type="text"]').val('');
       
       if ($('form[name="search"]').length)
@@ -1651,6 +1655,7 @@ $(document).ready(function(){
       );
       
       $('ul.elements').html(response.html);
+      refresh_social_buttons();
       
       if (response.count)
        {
@@ -1857,6 +1862,7 @@ $(document).ready(function(){
           }
 
           $('ul.elements').prepend(response.html);
+          refresh_social_buttons();
           recolorize_element_list();
         }
 
@@ -3384,8 +3390,37 @@ $(document).ready(function(){
   });
   
   
+  /*
+   * SOCIAL BUTTONS
+   * 
+   */
+  
+  refresh_social_buttons();
+  
 });
 
+var facebook_like_rendereds = new Array();
+function refresh_social_buttons()
+{
+  proceed_facebook_like_buttons();
+  gapi.plusone.go();
+  twttr.widgets.load();
+}
+
+function proceed_facebook_like_buttons()
+{
+  $('ul.elements li.element').each(function(){
+    
+    if ($.inArray($(this).get(0), facebook_like_rendereds) === -1)
+    {
+      FB.XFBML.parse($(this).get(0));
+    }
+    
+    facebook_like_rendereds.push($(this).get(0));
+  });
+  
+}
+
 function open_ajax_popin(url, callback, data)
 {
   if (!popin_opened)

src/Muzich/CoreBundle/Resources/views/Layout/head_js.html.twig

@@ -2,6 +2,16 @@
   {% set userecho = true %}
 {% endif %}
 
+
+<script type="text/javascript" src="//apis.google.com/js/plusone.js">
+  {parsetags: 'explicit'}
+</script>
+
+<script type="text/javascript" src="//connect.facebook.net/fr_FR/all.js#xfbml=1"></script>
+
+<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
+
+
 {% javascripts
   'js/jquery-1.8.2.prod.js'
   'js/jquery-ui-1.10.1.custom.min.js'

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

@@ -3,16 +3,5 @@
 {% 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>
-
+   <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

@@ -3,16 +3,5 @@
 {% 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>
-
+  <g:plusone href="{{ url }}" size="medium"></g:plusone>
 {% endspaceless %}

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

@@ -5,18 +5,17 @@
 {% spaceless %}
  <a href="https://twitter.com/share" class="twitter-share-button"
 
-   data-text="{{message}}" 
+   data-text="{{ message }}" 
    data-url="{{url}}"
-   data-lang="{{locale}}"
+   data-lang="{{ locale }}"
 
    {% if via is not sameas(false) %}
-     data-via="{{via}}"
+     data-via="{{ via }}"
    {% endif %}
 
    {% if tag is not sameas(false) %}
-     data-hashtags="{{tag}}"
+     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>
+     
+ >{{ text }}</a>
 {% endspaceless %}