Merge branch 'feature/v0.9/autoplayer' into stable/v0.9

app/Resources/translations/elements.fr.yml

@@ -88,6 +88,10 @@ elements:
   ajax:
     more:
       noelements:       Pas d'autres éléments
+  autoplay:
+    launch:             Lecture automatique
+    noelements:
+      text:             Aucun partage a lire
       
 show:
   user:

src/Muzich/CoreBundle/Controller/ElementController.php

@@ -10,6 +10,8 @@ use Symfony\Component\HttpFoundation\Request;
 use Muzich\CoreBundle\Entity\Element;
 use Muzich\CoreBundle\Util\TagLike;
 use Muzich\CoreBundle\Entity\User;
+use Muzich\CoreBundle\lib\AutoplayManager;
+use Muzich\CoreBundle\Searcher\ElementSearcher;
 
 class ElementController extends Controller
 {
@@ -985,4 +987,142 @@ class ElementController extends Controller
     ));
   }
   
+  /**
+   * Retourne les données permettant de faire une playlist
+   * 
+   * @param Request $request 
+   * @param "filter"|"show"|"favorites" $type
+   * @param ~ $data
+   */
+  public function getDatasAutoplayAction(Request $request, $type, $data, $show_type = null, $show_id = null)
+  {
+    if (($response = $this->mustBeConnected(true)))
+    {
+      return $response;
+    }
+    
+    $elements = array();
+    $elements_json = array();
+    
+    if ($type == 'filter')
+    {
+      // Pour cette option on utilise le dernier filtre appliqué
+      $search_object = $this->getElementSearcher();
+      $search_object->update(array(
+        'count' => $this->container->getParameter('autoplay_max_elements')
+      ));
+      $elements = $search_object->getElements($this->getDoctrine(), $this->getUserId());
+    }
+    elseif ($type == 'show')
+    {
+      if ($show_type != 'user' && $show_type != 'group')
+      {
+        throw $this->createNotFoundException('Not found');
+      }
+      
+      $tags = null;
+      $tag_ids = json_decode($data);
+      $search_object = new ElementSearcher();
+      
+      if (count($tag_ids))
+      {
+        $tags = array();
+        foreach ($tag_ids as $id)
+        {
+          $tags[$id] = $id;
+        }
+      }
+
+      $search_object->init(array(
+        'tags'           => $tags,
+        $show_type.'_id' => $show_id,
+        'count'          => $this->container->getParameter('autoplay_max_elements')
+      ));
+      
+      $elements = $search_object->getElements($this->getDoctrine(), $this->getUserId());
+    }
+    elseif ($type == 'favorite')
+    {
+      $tags = null;
+      $tag_ids = json_decode($data);
+      $search_object = new ElementSearcher();
+      
+      if (count($tag_ids))
+      {
+        $tags = array();
+        foreach ($tag_ids as $id)
+        {
+          $tags[$id] = $id;
+        }
+      }
+
+      $search_object->init(array(
+        'tags'     => $tags,
+        'user_id'  => $show_id,
+        'favorite' => true,
+        'count'    => $this->container->getParameter('autoplay_max_elements')
+      ));
+      
+      $elements = $search_object->getElements($this->getDoctrine(), $this->getUserId());
+    }
+    
+    if (count($elements))
+    {
+      // On récupère les élements
+      $autoplaym = new AutoplayManager($elements, $this->container);
+      $elements_json = $autoplaym->getList();
+    }
+    
+    return $this->jsonResponse(array(
+      'status'    => 'success',
+      'data'      => $elements_json
+    ));
+  }
+  
+  public function getOneDomAction(Request $request, $element_id, $type)
+  {
+    if (($response = $this->mustBeConnected()))
+    {
+      return $response;
+    }
+    
+    if (!in_array($type, array('autoplay')))
+    {
+      return $this->jsonResponse(array(
+        'status' => 'error',
+        'errors' => array('NotAllowed')
+      ));
+    }
+    
+    // variables pour le template
+    $display_edit_actions  = true;
+    $display_player        = true;
+    $display_comments      = true;
+    
+    if ($type == 'autoplay')
+    {
+      $display_edit_actions  = false;
+      $display_player        = false;
+      $display_comments      = false;
+    }
+    
+    if (!($element = $this->getDoctrine()->getRepository('MuzichCoreBundle:Element')
+      ->findOneById($element_id)))
+    {
+      throw $this->createNotFoundException('Not found');
+    }
+    
+    $html = $this->render('MuzichCoreBundle:SearchElement:element.html.twig', array(
+      'element'               => $element,
+      'display_edit_actions'  => $display_edit_actions,
+      'display_player'        => $display_player,
+      'display_comments'      => $display_comments
+    ))->getContent();
+    
+    return $this->jsonResponse(array(
+      'status'  => 'success',
+      'data'    => $html
+    ));
+  }
+  
 }

src/Muzich/CoreBundle/Entity/Element.php

@@ -28,6 +28,12 @@ class Element
    * @var string 
    */
   const DATA_REF_ID         = "data_ref_id";
+  
+  /**
+   * Identifiant de l'objet externe
+   * @var string 
+   */
+  const DATA_NORMALIZED_URL = "data_normalized_url";
   /**
    * Adresse HTTP(S) de la jaquette
    * @var string 

src/Muzich/CoreBundle/Factory/Elements/Soundcloudcom.php

@@ -154,6 +154,11 @@ class Soundcloudcom extends ElementFactory
         {
           $this->element->setData(Element::DATA_REF_ID, $result['id']);
         }
+        
+        if (array_key_exists('uri', $result) )
+        {
+          $this->element->setData(Element::DATA_NORMALIZED_URL, $result['uri']);
+        }
 
         if (array_key_exists('artwork_url', $result) )
         {
@@ -214,6 +219,12 @@ class Soundcloudcom extends ElementFactory
           .'width="100%" name="embed_'.$embed_id.'"></embed>
         </object>'
       );
+//      $this->element->setEmbed(
+//        '<iframe id="sc-widget_'.$this->element->getData(Element::DATA_REF_ID).
+//          '" src="http://w.soundcloud.com/player/?url='.
+//          $ref_id.'" width="100%" '.
+//          'height="'.$height.'" scrolling="no" frameborder="no"></iframe>'
+//      );
     }
   }
   

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

@@ -159,8 +159,23 @@ teapot:
 element_retrieve_api_datas:
   pattern: /ajax/element/get/datas/api
   defaults: { _controller: MuzichCoreBundle:Element:getDatasApi }
-  requirements:
+    
+elements_get_filter_data_autoplay:
+  pattern: /ajax/elements/get/datas/autoplay/{type}/{data}
+  defaults: { _controller: MuzichCoreBundle:Element:getDatasAutoplay, data: null }
+    
+elements_get_filter_data_autoplay_show:
+  pattern: /ajax/show/{show_type}/{show_id}/elements/get/datas/autoplay/{data}
+  defaults: { _controller: MuzichCoreBundle:Element:getDatasAutoplay, type: 'show', data: null }
+    
+elements_get_filter_data_autoplay_favorite:
+  pattern: /ajax/favorite/{show_type}/{show_id}/elements/get/datas/autoplay/{data}
+  defaults: { _controller: MuzichCoreBundle:Element:getDatasAutoplay, type: 'favorite', data: null }
     
 element_show_need_tags:
   pattern: /need-tags
   defaults: { _controller: MuzichHomeBundle:Home:needTags }
+
+element_dom_get_one:
+  pattern: /ajax/element/dom/get/{type}/{element_id}
+  defaults: { _controller: MuzichCoreBundle:Element:getOneDom, element_id: null }

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

@@ -1,9 +1,19 @@
+{% if display_edit_actions is not defined %}
+  {% set display_edit_actions = true %}
+{% endif %}
+{% if display_player is not defined %}
+  {% set display_player = true %}
+{% endif %}
+{% if display_comments is not defined %}
+  {% set display_comments = true %}
+{% endif %}
+
 <table>
   <tr>
     <td class="element_thumbnail">
       
       {% if element.embed %}
-        <a href="#" class="a_thumbnail element_open element_embed_open_link {% if element.embed %}embed{% else %}noembed{% endif %}">
+        <a href="#" class="a_thumbnail {% if display_player %}element_open element_embed_open_link{% endif %} {% if element.embed and display_player %}embed{% else %}noembed{% endif %}">
           <img class="play" style="display: none;" src="{{ asset('bundles/muzichcore/img/1328283150_media-playback-start.png') }}" alt="" />
           <img 
             class="element_thumbnail"
@@ -53,47 +63,55 @@
       
       {% if app.user.id != element.owner.id %}
       
-        <a title="{{ 'element.proposition_tags.link_title'|trans({}, 'userui') }}" 
-          class="element_propose_tags" 
-          href="{{ path('ajax_element_propose_tags_open', {'element_id' : element.id}) }}">
-          <img src="{{ asset('bundles/muzichcore/img/1333484018_rss-tag.png') }}" alt="tags_proposition" />
-        </a>
-        
-        <a title="{{ 'element.reshare.link_title'|trans({}, 'userui') }}" 
-          class="element_reshare" 
-          href="{{ path('ajax_reshare_element', {'element_id':element.id, 'token':app.user.getPersonalHash('reshare_'~element.id)}) }}">
-          <img src="{{ asset('bundles/muzichcore/img/1349338086_adept_update.png') }}" alt="re" />
-        </a>
+      {% if display_edit_actions %}
       
-        <a title="{{ 'element.report.link_title'|trans({}, 'userui') }}" 
-          class="element_report" 
-          href="{{ path('ajax_report_element', {'element_id':element.id, 'token':app.user.getPersonalHash}) }}">
-          <img src="{{ asset('bundles/muzichcore/img/1331832708_comment_alert.png') }}" alt="report" />
-        </a>
+          <a title="{{ 'element.proposition_tags.link_title'|trans({}, 'userui') }}" 
+            class="element_propose_tags" 
+            href="{{ path('ajax_element_propose_tags_open', {'element_id' : element.id}) }}">
+            <img src="{{ asset('bundles/muzichcore/img/1333484018_rss-tag.png') }}" alt="tags_proposition" />
+          </a>
+
+          <a title="{{ 'element.reshare.link_title'|trans({}, 'userui') }}" 
+            class="element_reshare" 
+            href="{{ path('ajax_reshare_element', {'element_id':element.id, 'token':app.user.getPersonalHash('reshare_'~element.id)}) }}">
+            <img src="{{ asset('bundles/muzichcore/img/1349338086_adept_update.png') }}" alt="re" />
+          </a>
+
+          <a title="{{ 'element.report.link_title'|trans({}, 'userui') }}" 
+            class="element_report" 
+            href="{{ path('ajax_report_element', {'element_id':element.id, 'token':app.user.getPersonalHash}) }}">
+            <img src="{{ asset('bundles/muzichcore/img/1331832708_comment_alert.png') }}" alt="report" />
+          </a>
+      
+      {% endif %}
       
       {% endif %}
       
       {% if app.user.id == element.owner.id %}
       
-        {% if element.hasTagProposition %}
-          <a title="{{ 'element.view_propositions.link'|trans({}, 'elements') }}" class="element_view_propositions_link" 
-             href="{{ path('ajax_element_proposed_tags_view', {'element_id' : element.id})  }}"
+        {% if display_edit_actions %}
+      
+          {% if element.hasTagProposition %}
+            <a title="{{ 'element.view_propositions.link'|trans({}, 'elements') }}" class="element_view_propositions_link" 
+              href="{{ path('ajax_element_proposed_tags_view', {'element_id' : element.id})  }}"
+            >
+              <img src="{{ asset('bundles/muzichcore/img/1333493527_tag_add.png') }}" alt="tags proposition" />
+            </a>
+          {% endif %}
+
+          <a title="{{ 'element.edit.link'|trans({}, 'elements') }}" class="element_edit_link" 
+            href="{{ path('element_edit', {'element_id' : element.id})  }}" style="display: none;"
           >
-            <img src="{{ asset('bundles/muzichcore/img/1333493527_tag_add.png') }}" alt="tags proposition" />
+            <img src="{{ asset('bundles/muzichcore/img/1327151338_desktop.png') }}" alt="edit" />
+          </a>
+
+          <a title="{{ 'element.remove.link'|trans({}, 'elements') }}" class="element_remove_link" 
+            href="{{ path('element_remove', {'element_id' : element.id})  }}" style="display: none;"
+          >
+            <img src="{{ asset('bundles/muzichcore/img/1327168960_fileclose.png') }}" alt="delete" />
           </a>
         {% endif %}
       
-        <a title="{{ 'element.edit.link'|trans({}, 'elements') }}" class="element_edit_link" 
-           href="{{ path('element_edit', {'element_id' : element.id})  }}" style="display: none;"
-        >
-          <img src="{{ asset('bundles/muzichcore/img/1327151338_desktop.png') }}" alt="edit" />
-        </a>
-
-        <a title="{{ 'element.remove.link'|trans({}, 'elements') }}" class="element_remove_link" 
-           href="{{ path('element_remove', {'element_id' : element.id})  }}" style="display: none;"
-        >
-          <img src="{{ asset('bundles/muzichcore/img/1327168960_fileclose.png') }}" alt="delete" />
-        </a>
       {% endif %}
       
       <br />
@@ -162,28 +180,31 @@
         {{ 'element.show.close_embed'|trans({}, 'elements') }}
       </a>
       
+      {% if display_comments %}
       
-      {% autoescape false %}
-        {% if element.comments|length > 1 %}
-          <a href="#hide_comments_{{ element.id }}" class="hide_comments" style="display: none;">
-            {{ 'element.comments.hideare'|trans({}, 'elements') }}
-          </a>  
-          <a href="#comments_{{ element.id }}" class="display_comments">
-            {{ 'element.comments.thereare'|trans({'%count%':element.comments|length}, 'elements') }}
-          </a>
-        {% elseif element.comments|length == 1 %}
-          <a href="#hide_comments_{{ element.id }}" class="hide_comments" style="display: none;">
-            {{ 'element.comments.hideis'|trans({}, 'elements') }}
-          </a> 
-          <a href="#comments_{{ element.id }}" class="display_comments">
-            {{ 'element.comments.thereis'|trans({}, 'elements') }}
-          </a>
-        {%endif %}
-      {% endautoescape %}
-                
-      <a href="#add_comment_{{ element.id }}" class="add_comment">
-        {{ 'element.comments.add'|trans({}, 'elements') }}
-      </a>
+        {% autoescape false %}
+          {% if element.comments|length > 1 %}
+            <a href="#hide_comments_{{ element.id }}" class="hide_comments" style="display: none;">
+              {{ 'element.comments.hideare'|trans({}, 'elements') }}
+            </a>  
+            <a href="#comments_{{ element.id }}" class="display_comments">
+              {{ 'element.comments.thereare'|trans({'%count%':element.comments|length}, 'elements') }}
+            </a>
+          {% elseif element.comments|length == 1 %}
+            <a href="#hide_comments_{{ element.id }}" class="hide_comments" style="display: none;">
+              {{ 'element.comments.hideis'|trans({}, 'elements') }}
+            </a> 
+            <a href="#comments_{{ element.id }}" class="display_comments">
+              {{ 'element.comments.thereis'|trans({}, 'elements') }}
+            </a>
+          {%endif %}
+        {% endautoescape %}
+
+        <a href="#add_comment_{{ element.id }}" class="add_comment">
+          {{ 'element.comments.add'|trans({}, 'elements') }}
+        </a>
+      
+      {% endif %}
       
       
     </td>
@@ -245,7 +266,7 @@
 {% endif %}
 {% endif %}
 
-{% if element.embed %}
+{% if element.embed and display_player %}
   {% autoescape false %}
     <div id="embed_{{ element.id }}" class="element_embed" style="display: none;">
       {{ element.embed }}
@@ -253,6 +274,8 @@
   {% endautoescape %}
 {% endif %}
 
+{% if display_comments %}
+
   <div class="comments" style="display: none;">
     <ul class="comments">
     {% if element.comments|length %}
@@ -286,3 +309,5 @@
     </a>
       
   </div>
+
+{% endif %}

src/Muzich/CoreBundle/Resources/views/layout.html.twig

@@ -23,6 +23,14 @@
   {% endif %}
   <script src="{{ asset('js/jquery-ui-1.8.7.min.js') }}" type="text/javascript"></script>
 	<script src="{{ asset('bundles/muzichcore/js/muzich.js') }}" type="text/javascript"></script>
+	
+  <script type="text/javascript" src="{{ asset('js/swfobject.js') }}"></script> 
+  
+       <script src="http://connect.soundcloud.com/sdk.js"></script>
+       <script src="http://w.soundcloud.com/player/api.js"></script>
+       
+  <script src="{{ asset('bundles/muzichcore/js/autoplay.js') }}" type="text/javascript"></script>
+  
   <script src="{{ asset('js/tags/jquery.autoGrowInput.js') }}" type="text/javascript"></script>
   <script src="{{ asset('js/tags/jquery.tagBox.js') }}" type="text/javascript"></script>
   <script src="{{ asset('js/formdefault/jquery.formdefaults.js') }}" type="text/javascript"></script>
@@ -68,6 +76,7 @@
     url_global_search = "{{ path('global_search') }}";
     url_datas_api = "{{ path('element_retrieve_api_datas') }}";
     url_element_add = "{{ path('element_add') }}";
+    url_element_dom_get_one_autoplay = "{{ path('element_dom_get_one', {'type':'autoplay'}) }}";
     
     url_img_ajax_loader = "{{ asset('/bundles/muzichcore/img/ajax-loader.gif') }}";
   </script>
@@ -76,6 +85,27 @@
 </head>
 <body>
   
+  <div id="autoplay" class="popin_block" style="display: none;">
+    <a href="javascript:void(0);" id="autoplay_close" >
+      <img src="{{ asset('/bundles/muzichcore/img/1353498913_window-close.png') }}" alt="close" />
+    </a>
+      
+      <a href="javascript:void(0);" id="autoplay_previous">
+        <img src="{{ asset('/bundles/muzichcore/img/1353505865_button_previous.png') }}" alt="previous" />
+      </a>
+      <a href="javascript:void(0);" id="autoplay_next">
+        <img src="{{ asset('/bundles/muzichcore/img/1353505874_button_next.png') }}" alt="next" />
+      </a>
+      
+    <ul id="autoplay_element"><li class="element" id="autoplay_element_container"></li></ul>
+    <div id="autoplay_player_container">
+      <div id="autoplay_player"></div>
+    </div>
+    <div id="autoplay_player_soundcloud"></div>
+    <img id="autoplay_loader" src="{{ asset('/bundles/muzichcore/img/ajax-loader.gif') }}" alt="loader" />
+    <p id="autoplay_noelements_text" style="display: none;">{{ 'elements.autoplay.noelements.text'|trans({}, 'elements') }}</p>
+  </div>
+    
   {% include "MuzichCoreBundle:Language:languages.html.twig" %}
   
   {% include "MuzichUserBundle:Account:topBar.html.twig" %}

src/Muzich/CoreBundle/lib/AutoplayManager.php

@@ -0,0 +1,64 @@
+<?php
+
+namespace Muzich\CoreBundle\lib;
+
+use Muzich\CoreBundle\Entity\Element;
+
+/**
+ *  Boite a outils pour les Tags. 
+ */
+class AutoplayManager
+{
+  
+  /**
+   *
+   * @var array of Element
+   */
+  private $elements;
+  
+  /**
+   *
+   * @var Container 
+   */
+  protected $container;
+  
+  /**
+   *
+   * @param array $elements 
+   */
+  public function __construct($elements, $container)
+  {
+    $this->elements = $elements;
+    $this->container = $container;
+  }
+  
+  public function getList()
+  {
+    $list = array();
+    
+    foreach ($this->elements as $element)
+    {
+      if (
+        // On doit connaitre l'id externe
+        ($ref_id = $element->getData(Element::DATA_REF_ID)) && 
+        // Et le site doit être pris en charge pour le autoplay
+        in_array(
+          ($element_type = $element->getType()), 
+          $this->container->getParameter('autoplay_sites_enabled')
+        )
+      )
+      
+      $list[] = array(
+        'element_ref_id'   => $ref_id,
+        'element_type'     => $element->getType(),
+        'element_id'       => $element->getId(),
+        'element_name'     => $element->getName(),
+        'element_url'      => $element->getUrl(),
+        'element_normalized_url' => $element->getData(Element::DATA_NORMALIZED_URL)
+      );
+    }
+    
+    return $list;
+  }
+  
+}

src/Muzich/FavoriteBundle/Controller/FavoriteController.php

@@ -246,11 +246,15 @@ class FavoriteController extends Controller
     
     $tag_ids = json_decode($tags_ids_json);
     $search_object = new ElementSearcher();
+    $tags = null;
     
-    $tags = array();
-    foreach ($tag_ids as $id)
+    if (count($tag_ids))
     {
-      $tags[$id] = $id;
+      $tags = array();
+      foreach ($tag_ids as $id)
+      {
+        $tags[$id] = $id;
+      }
     }
     
     $search_object->init(array(

src/Muzich/FavoriteBundle/Resources/views/Favorite/myList.html.twig

@@ -12,6 +12,15 @@
     'user_id' : app.user.id
   } %}
   
+  <a href="{{ path('elements_get_filter_data_autoplay_favorite', {
+        'show_type'  : 'user',
+        'show_id'    : app.user.id, 
+        'data'       : '[]'
+      }) }}" class="button" id="autoplay_launch" 
+     title="{{ 'elements.autoplay.launch'|trans({}, 'elements') }}" >
+    <img src="{{ asset('/bundles/muzichcore/img/1353494305_player_play.png') }}" alt="" />
+  </a>
+  
   {% include "MuzichCoreBundle:SearchElement:default.html.twig" %}
     
   <div class="elements_loader_div">
@@ -21,10 +30,16 @@
   {% if elements|length %}
      <span class="elements_more">
        <input type="hidden" id="more_elements_url" value="{{ path('favorite_get', {'user_id': app.user.id, 'tags_ids_json' : ''}) }}" />
-       <a href="{{ path('favorite_get', {'user_id': app.user.id, 'tags_ids_json' : tags_id_json}) }}" class="elements_more button">
+       <a href="{{ path('favorite_get', {'user_id': app.user.id, 'tags_ids_json' : '[]'}) }}" class="elements_more button">
          {{ 'more'|trans({}, 'userui') }}
        </a>
      </span>
   {% endif %}
+  
+  <input type="hidden" id="autoplay_url" value="{{ path('elements_get_filter_data_autoplay_favorite', {
+    'show_type'  : 'user',
+    'show_id'    : app.user.id, 
+    'data' : ''
+  }) }}" />
     
 {% endblock %}

src/Muzich/FavoriteBundle/Resources/views/Favorite/userList.html.twig

@@ -19,6 +19,16 @@
   {% include "MuzichCoreBundle:Tag:tagsList.favorite.html.twig" with {
     'user_id' : viewed_user.id
   } %}
+  
+  <a href="{{ path('elements_get_filter_data_autoplay_favorite', {
+        'show_type'  : 'user',
+        'show_id'    : viewed_user.id, 
+        'data'       : '[]'
+      }) }}" class="button" id="autoplay_launch" 
+     title="{{ 'elements.autoplay.launch'|trans({}, 'elements') }}" >
+    <img src="{{ asset('/bundles/muzichcore/img/1353494305_player_play.png') }}" alt="" />
+  </a>
+  
 
   {% include "MuzichCoreBundle:SearchElement:default.html.twig" %}
     
@@ -29,10 +39,16 @@
   {% if elements|length %}
      <span class="elements_more">
        <input type="hidden" id="more_elements_url" value="{{ path('favorite_get', {'user_id': viewed_user.id, 'tags_ids_json' : ''}) }}" />
-       <a href="{{ path('favorite_get', {'user_id': viewed_user.id, 'tags_ids_json' : tags_id_json}) }}" class="elements_more button">
+       <a href="{{ path('favorite_get', {'user_id': viewed_user.id, 'tags_ids_json' : '[]'}) }}" class="elements_more button">
          {{ 'more'|trans({}, 'userui') }}
        </a>
      </span>
   {% endif %}
+  
+  <input type="hidden" id="autoplay_url" value="{{ path('elements_get_filter_data_autoplay_favorite', {
+    'show_type'  : 'user',
+    'show_id'    : viewed_user.id, 
+    'data' : ''
+  }) }}" />
     
 {% endblock %}

src/Muzich/HomeBundle/Controller/ShowController.php

@@ -156,13 +156,18 @@ class ShowController extends Controller
       throw new \Exception("Wrong Type.");
     }
     
-    $tag_ids = json_decode($tags_ids_json);
     $search_object = new ElementSearcher();
+    $tags = null;
+    $tag_ids = json_decode($tags_ids_json);
     
-    $tags = array();
-    foreach ($tag_ids as $id)
+    if (count($tag_ids))
     {
-      $tags[$id] = $id;
+
+      $tags = array();
+      foreach ($tag_ids as $id)
+      {
+        $tags[$id] = $id;
+      }
     }
     
     $search_object->init(array(

src/Muzich/HomeBundle/Resources/views/Home/index.html.twig

@@ -90,8 +90,17 @@
     } %}
     
     <input class="main button" type="submit" value="{{ 'filter.submit'|trans({}, 'userui') }}"/>
+        
   </form>
 
+  
+  <a href="{{ path('elements_get_filter_data_autoplay', {
+    'type' : 'filter'
+  }) }}" class="button" id="autoplay_launch" 
+     title="{{ 'elements.autoplay.launch'|trans({}, 'elements') }}" >
+    <img src="{{ asset('/bundles/muzichcore/img/1353494305_player_play.png') }}" alt="" />
+  </a>
+
   <div class="display_more_elements" style="display: none;">
     <span></span>
   </div>

src/Muzich/HomeBundle/Resources/views/Show/showGroup.html.twig

@@ -54,6 +54,15 @@
     'object_type' : 'group'
   } %}
   
+  <a href="{{ path('elements_get_filter_data_autoplay_show', {
+        'show_type'  : 'group',
+        'show_id'    : group.id, 
+        'data'       : '[]'
+      }) }}" class="button" id="autoplay_launch" 
+     title="{{ 'elements.autoplay.launch'|trans({}, 'elements') }}" >
+    <img src="{{ asset('/bundles/muzichcore/img/1353494305_player_play.png') }}" alt="" />
+  </a>
+  
   {% if his_group or group.open %}
   
     <div id="element_add_box" style="display: none;">
@@ -95,7 +104,7 @@
      <a href="{{ path('show_elements_get', {
         'type'          : 'group',
         'object_id'     : group.id, 
-        'tags_ids_json' : tags_id_json
+        'tags_ids_json' : '[]'
       }) }}" class="elements_more button" >
        {{ 'more'|trans({}, 'userui') }}
      </a>
@@ -103,4 +112,10 @@
   {% endif %}
   {% endif %}
   
+  <input type="hidden" id="autoplay_url" value="{{ path('elements_get_filter_data_autoplay_show', {
+    'show_type'          : 'group',
+    'show_id'            : group.id, 
+    'data' : ''
+  }) }}" />
+            
 {% endblock %}

src/Muzich/HomeBundle/Resources/views/Show/showUser.html.twig

@@ -85,6 +85,15 @@
     'object_type' : 'user'
   } %}
   
+  <a href="{{ path('elements_get_filter_data_autoplay_show', {
+        'show_type'  : 'user',
+        'show_id'    : viewed_user.id, 
+        'data'       : '[]'
+      }) }}" class="button" id="autoplay_launch" 
+     title="{{ 'elements.autoplay.launch'|trans({}, 'elements') }}" >
+    <img src="{{ asset('/bundles/muzichcore/img/1353494305_player_play.png') }}" alt="" />
+  </a>
+  
   {% include "MuzichCoreBundle:SearchElement:default.html.twig" %}
     
   <div class="elements_loader_div">
@@ -102,7 +111,7 @@
      <a href="{{ path('show_elements_get', {
         'type'          : 'user',
         'object_id'     : viewed_user.id, 
-        'tags_ids_json' : tags_id_json
+        'tags_ids_json' : '[]'
       }) }}" class="elements_more button" >
        {{ 'more'|trans({}, 'userui') }}
      </a>
@@ -110,4 +119,10 @@
   {% endif %}
   {% endif %}
   
+  <input type="hidden" id="autoplay_url" value="{{ path('elements_get_filter_data_autoplay_show', {
+    'show_type'          : 'user',
+    'show_id'     : viewed_user.id, 
+    'data' : ''
+  }) }}" />
+  
 {% endblock %}

web/bundles/muzichcore/css/main.css

@@ -84,13 +84,13 @@ input.button, button.button {
   background-color: #39C9CC;
 }
 
-#container a
+#container a, #autoplay a
 {
   text-decoration: none;
   color: #00d0de;
 }
 
-#container a.button
+#container a.button, #autoplay a.button
 {
   color: white;
 }
@@ -542,7 +542,7 @@ li.element
   left: 483px;
 }*/
 
-#container li.element a.favorite_link:hover
+#container li.element a.favorite_link:hover, #autoplay li.element a.favorite_link:hover
 {
   text-decoration: none;
 }
@@ -585,7 +585,7 @@ li.element img.element_thumbnail
   height: 90px;
 }
 
-#container li.element span.element_name a
+#container li.element span.element_name a, #autoplay li.element span.element_name a
 {
   color: black;
 }
@@ -596,7 +596,7 @@ li.element img.play, li.element img.open
   
 }
 
-ul.elements
+ul.elements, ul#autoplay_element
 {
   margin-left: 0px;
 }
@@ -612,7 +612,7 @@ ul.elements li.even
   margin-left: 0px;
 }
   
-.elements ul.element_tags li
+.elements ul.element_tags li, ul#autoplay_element ul.element_tags li
 {
   display: inline;
   font-size: 90%;
@@ -1306,4 +1306,60 @@ span#add_url_title
 {
   font-weight: bold;
   font-size: 15px;
+}
+
+div#autoplay
+{
+  text-align: left;
+  padding-top: 0px;
+}
+
+a#autoplay_launch
+{
+  float: right;
+  margin-top: -25px;
+}
+
+div#autoplay.popin_block
+{
+  width: 500px;
+}
+
+a#autoplay_previous
+{
+  float: left;
+  text-decoration: none;
+  margin-left: -50px;
+}
+
+a#autoplay_next
+{
+  float: right;
+  text-decoration: none;
+  margin-right: -50px;
+}
+
+div#autoplay_title
+{
+  font-weight: bold;
+  margin-left: 35px;
+  margin-right: 35px;
+}
+
+a#autoplay_close
+{
+  float: right;
+  text-decoration: none;
+  margin-top: -32px;
+  margin-right: -32px;
+}
+
+div#autoplay_player_container
+{
+  text-align: center;
+}
+
+div#autoplay ul.elements, div#autoplay
+{
+  margin-top: 0px;
 }

web/bundles/muzichcore/js/autoplay.js

@@ -0,0 +1,313 @@
+/* Librairie Autoplay pour muzi.ch  */
+$(document).ready(function(){
+ 
+  /*
+   * Section commune
+   */
+  
+  // Liste de données pour la lecture
+  var autoplay_list = new Array;
+  // object player
+  var autoplay_player = null;
+  // Ritournelle pour le lecteur soundcloud (une seule variable sinon bug)
+  var autoplay_player_soundcloud = null;
+  // identifiant de la division du lecteur
+  var autoplay_player_div_id = "autoplay_player";
+  // identifiant du lecteur
+  var autoplay_player_id     = "autoplay_player_id";
+  // étape de lecture, on commence naturellement a 0
+  var autoplay_step = 0;
+  
+  // En cas de click sur un bouton de lecture
+  $('a#autoplay_launch').click(function(){
+    
+    // On ouvre la boite de dialogue pendant la demande ajax
+    open_popin_dialog('autoplay');
+    $('img#autoplay_loader').show();
+    
+    $.getJSON($(this).attr('href'), function(response) {
+      if (response.status == 'mustbeconnected')
+      {
+        $(location).attr('href', url_index);
+      }
+      
+      if (response.status == 'success')
+      {
+        // On récupère la liste d'élèments
+        autoplay_list = response.data;
+        autoplay_run(0);
+      }
+      
+    });
+    return false;
+  });
+  
+  // Lancement de l'élèment suivant
+  function autoplay_run(step)
+  {
+    // En premier lieu on réinitialise le lecteur en détruisant le dom qui a
+    // pu être créé par la lecture précedente.
+    $('div#'+autoplay_player_div_id+'_container').html('<div id="'+autoplay_player_div_id+'"></div>');
+    $('#autoplay_noelements_text').hide();
+    $('li#autoplay_element_container').html('');
+    $('img#autoplay_loader').show();
+    
+    
+    ////// TMP to check
+    if (autoplay_player_soundcloud)
+    {
+      autoplay_player_soundcloud.pause();
+    }
+    $('div#autoplay_player_soundcloud').hide();
+    
+    if (autoplay_list.length)
+    {
+    
+      if (array_key_exists(step, autoplay_list))
+      {
+        
+        // Récupération du dom d'un élement
+        $.getJSON(url_element_dom_get_one_autoplay+'/'+autoplay_list[step].element_id, function(response) {
+          if (response.status == 'mustbeconnected')
+          {
+            $(location).attr('href', url_index);
+          }
+          
+          if (response.status == 'success')
+          {
+            // On récupère la liste d'élèments
+            $('li#autoplay_element_container').html(response.data);
+            
+            // Youtube case
+            if (autoplay_list[step].element_type == 'youtube.com' || autoplay_list[step].element_type == 'youtu.be')
+            {
+              youtube_create_player(autoplay_list[step].element_ref_id);
+            }
+            
+            if (autoplay_list[step].element_type == 'soundcloud.com')
+            {
+              soundcloud_create_player(autoplay_list[step].element_ref_id, autoplay_list[step].element_normalized_url);
+            }
+          }
+
+        });
+        
+        
+      }
+    
+    }
+    else
+    {
+      autoplay_display_nomore();
+    }
+  }
+  
+  function autoplay_display_nomore()
+  {
+    $('div#'+autoplay_player_div_id+'_container').html('<div id="'+autoplay_player_div_id+'"></div>');
+    $('li#autoplay_element_container').html('');
+    $('#autoplay_noelements_text').show();
+    $('img#autoplay_loader').hide();
+    if (autoplay_player_soundcloud)
+    {
+      $('div#autoplay_player_soundcloud').hide();
+      autoplay_player_soundcloud.pause();
+    }
+  }
+  
+  // Avancer d'un élelement dans la liste
+  function autoplay_next()
+  {
+    autoplay_step++;
+    if (array_key_exists(autoplay_step, autoplay_list))
+    {
+      autoplay_run(autoplay_step);
+    }
+    else
+    {
+      autoplay_display_nomore();
+      autoplay_step = autoplay_list.length;
+    }
+  }
+  
+  // Reculer d'un élement dans la liste
+  function autoplay_previous()
+  {
+    autoplay_step--;
+    if (array_key_exists(autoplay_step, autoplay_list))
+    {
+      autoplay_run(autoplay_step);
+    }
+    else
+    {
+      autoplay_display_nomore();
+      autoplay_step = -1;
+    }
+  }
+  
+  // bouton précedent
+  $('a#autoplay_previous').click(function(){autoplay_previous();});
+  // bouton suivant
+  $('a#autoplay_next').click(function(){autoplay_next();});
+  // Fermeture de la lecture auto
+  $('a#autoplay_close').click(function(){
+    // Fond gris
+    $('#fade').fadeOut(1000, function(){$('#fade').remove();});
+    // On cache le lecteur
+    $('#autoplay').hide();
+    // On vide le dom du lecteur
+    $('div#'+autoplay_player_div_id+'_container').html('<div id="'+autoplay_player_div_id+'"></div>');
+  });
+   
+  
+  /*
+   *
+   *
+   *
+   * Fonction youtube.com et youtu.be
+   * 
+   * 
+   * 
+   */
+    
+  // Création du lecteur FLASH youtube
+  function youtube_create_player(ref_id)
+  {
+    var playerapiid = "ytplayerapiid";
+    var params = {allowScriptAccess: "always"};
+    var atts = {id: autoplay_player_id};
+    swfobject.embedSWF(
+      "http://www.youtube.com/v/"+ref_id+"?enablejsapi=1&playerapiid="+playerapiid+"&version=3",
+      autoplay_player_div_id,
+      "425",
+      "356",
+      "8",
+      null,
+      null,
+      params,
+      atts
+    );
+  }
+  
+  // Fonction appelé par l'ActionScript (flash) du lecteur youtube quand il est prêt
+  window.onYouTubePlayerReady = function()
+  {
+    autoplay_player = document.getElementById(autoplay_player_id);
+    autoplay_player.addEventListener("onStateChange", "youtube_StateChange");
+    $('img#autoplay_loader').hide();
+    youtube_play();
+  }
+  
+  // Fonction appelé par le lecteur youtube quand il change d'état
+  window.youtube_StateChange = function(newState)
+  {
+    // Lorsque la lecture est terminé
+    if (newState === 0)
+    {
+      autoplay_next();
+    }
+  }
+
+  // Lecture
+  function youtube_play()
+  {
+    if (autoplay_player)
+    {
+      autoplay_player.playVideo();
+    }
+  }
+  
+  /*
+   * 
+   * 
+   * Fonctions soundcloud
+   * 
+   * 
+   * 
+   */
+  
+  function soundcloud_create_player(ref_id, ref_url)
+  {
+    
+    // Variable dans lequelle on met l'index dela track lu précedamment
+    var index_track_previous = 0;
+     
+    if (!$('iframe#soundcloud_iframe_player').length)
+    {
+      $('div#autoplay_player_soundcloud').show();
+
+        // TODO: on garde ?
+        SC.initialize({
+          client_id: '39946ea18e3d78d64c0ac95a025794e1'
+        });
+
+      // Aucun lecteur soundcloud n'a été ouvert pour le moment
+      $('#autoplay_player_soundcloud').html(
+        '<iframe id="soundcloud_iframe_player" src="http://w.soundcloud.com/player/?url='
+          +ref_url+'&show_artwork=false&auto_play=true" width="100%" '
+          +'height="370" scrolling="no" frameborder="no"></iframe>'
+      );
+
+      //console.debug(document.getElementById('sc-widget_'+ref_id));
+      var widgetIframe = document.getElementById('soundcloud_iframe_player');
+      autoplay_player_soundcloud = SC.Widget(widgetIframe);
+
+      // Lorsque le lecteur est prêt on lance la lecture
+      autoplay_player_soundcloud.bind(SC.Widget.Events.READY, function ()
+      {
+        autoplay_player_soundcloud.play();
+        $('img#autoplay_loader').hide();
+
+      });
+
+      autoplay_player_soundcloud.bind(SC.Widget.Events.PLAY, function ()
+      {
+        // Lorsque le lecteur commence une lecture
+        // On garde en mémoire l'index de la lecture en cours
+        autoplay_player_soundcloud.getCurrentSoundIndex(function(value){
+            index_track_previous = value;
+        });
+      });
+
+      // Lorsque le lecteur a terminé sa lecture, on passe au suivant
+      autoplay_player_soundcloud.bind(SC.Widget.Events.FINISH, function ()
+      {
+
+        // Cette variable contient le nombre de pistes dans la liste de lecture
+        var track_count = 1;
+        autoplay_player_soundcloud.getSounds(function(value){
+          // On récupère le nomre de pistes
+          track_count = value.length;
+        });
+
+        autoplay_player_soundcloud.getCurrentSoundIndex(function(value){
+
+          // Si la index_track_previous est la même maintenant que la piste
+          // est terminé, c'est que l'on est arrivé en fin de liste.
+          // Cependant, si c'est une liste avec une piste unique, on passe 
+          // tout de suite a la suite
+          if (value == index_track_previous || track_count == 1)
+          {
+            autoplay_next();
+          }
+
+          // Sinon on prend al nouvelle valeur
+          index_track_previous = value;
+
+        });
+
+      });
+
+    }
+    else
+    {
+      // Le lecteur iframe existait déjà
+    $('div#autoplay_player_soundcloud').show();
+      autoplay_player_soundcloud.load(ref_url+'&show_artwork=false&auto_play=true');
+      //autoplay_player_soundcloud.play();
+    $('img#autoplay_loader').hide();
+    }
+         
+  }
+  
+});

web/bundles/muzichcore/js/muzich.js

@@ -46,6 +46,21 @@ function findKeyWithValue(arrayt, value)
   return "";
 }
 
+function array_key_exists (key, search) {
+  // http://kevin.vanzonneveld.net
+  // +   original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
+  // +   improved by: Felix Geisendoerfer (http://www.debuggable.com/felix)
+  // *     example 1: array_key_exists('kevin', {'kevin': 'van Zonneveld'});
+  // *     returns 1: true
+  // input sanitation
+  if (!search || (search.constructor !== Array && search.constructor !== Object)) {
+    return false;
+  }
+
+  return key in search;
+}
+
+
 function json_to_array(json_string)
 {
   if (json_string.length)
@@ -1480,6 +1495,9 @@ $(document).ready(function(){
     var a_more = $('a.elements_more');
     a_more.attr('href', $('input#more_elements_url').val()+'/'+array2json(tags_ids_for_filter));
     
+    // On adapte aussi le lien de l'autoplay
+    $('a#autoplay_launch').attr('href', $('input#autoplay_url').val()+'/'+array2json(tags_ids_for_filter));
+    
     return check_timelaps_and_find_with_tags(link, new Date().getTime(), false);
   }
    
@@ -2359,5 +2377,30 @@ $(document).ready(function(){
     
   });
 
+});
+
+
 
-});
+/*
+ * Ouverture d'une boite avec effet fade et centré
+ *   code origine: form_add_open_dialog_for_new_tag
+ */
+
+  function open_popin_dialog(object_id)
+  {
+    
+    // Effet fade-in du fond opaque
+    $('body').append($('<div>').attr('id', 'fade')); 
+    //Apparition du fond - .css({'filter' : 'alpha(opacity=80)'}) pour corriger les bogues de IE
+    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
+    
+    $('#'+object_id).css({
+      position: 'absolute',
+      left: ($(window).width() 
+        - $('#'+object_id).width())/2,
+//      top: ($(window).height() 
+//        - $('#'+object_id).height())/2
+        top: '20%'
+      });
+    $('#'+object_id).show();
+  }