Evolution #738: Playlist

src/Muzich/CoreBundle/Entity/Playlist.php

     $this->setElements($elements_manager->getContent());
   }
   
+  public function removeElementWithId($element_id)
+  {
+    $elements_manager = new ElementCollectionManager(json_decode($this->elements, true));
+    $elements_manager->removeWithReference($element_id);
+    $this->setElements($elements_manager->getContent());
+  }
+  
   public function getElementsIds()
   {
     $elements_manager = new ElementCollectionManager(json_decode($this->elements, true));

src/Muzich/CoreBundle/Form/Playlist/PlaylistForm.php

+<?php
+
+namespace Muzich\CoreBundle\Form\Playlist;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolverInterface;
+
+class PlaylistForm extends AbstractType
+{
+  public function buildForm(FormBuilderInterface $builder, array $options)
+  {
+    $builder->add('name', 'text', array(
+      'required' => true,
+    ));
+    $builder->add('public', 'checkbox', array(
+      'required' => false,
+    ));
+  }
+
+  public function getName()
+  {
+    return 'playlist';
+  }
+  
+  public function setDefaultOptions(OptionsResolverInterface $resolver)
+  {
+    $resolver->setDefaults(array(
+      'name'   => '',
+      'public' => true,
+    ));
+  
+    $resolver->setAllowedValues(array(
+      'public' => array(true, false)
+    ));
+  }
+}
+
+

src/Muzich/CoreBundle/Managers/PlaylistManager.php

     ;
   }
   
+  public function getOwnedsPlaylists(User $user)
+  {
+    return $this->getUserPublicsOrOwnedPlaylists($user, $user);
+  }
+  
+  /** @return Playlist */
   public function findOneAccessiblePlaylistWithId($playlist_id, User $user = null)
   {
     return $this->entity_manager->getRepository('MuzichCoreBundle:Playlist')
     ;
   }
   
+  /** @return Playlist */
+  public function findOwnedPlaylistWithId($playlist_id, User $user)
+  {
+    return $this->entity_manager->getRepository('MuzichCoreBundle:Playlist')
+      ->findOnePlaylistOwned($playlist_id, $user)
+      ->getQuery()->getOneOrNullResult()
+    ;
+  }
+  
   public function getPlaylistElements(Playlist $playlist, $offset = null)
   {
     $element_ids = $playlist->getElementsIds();
     return  $query_builder->getQuery()->getResult();
   }
   
-  public function getNewPlaylist(User $owner)
+  public function getNewPlaylist(User $owner = null)
   {
     $playlist = new Playlist();
     $playlist->setOwner($owner);
     $this->actualizePlaylistTags($playlist);
   }
   
-  public function removeElementFromPlaylist(Element $element, Playlist $playlist)
+  public function removePlaylistElementWithId(Playlist $playlist, $element_id)
   {
-    $playlist->removeElement($element);
+    $playlist->removeElementWithId($element_id);
     $this->actualizePlaylistTags($playlist);
+    $this->entity_manager->persist($playlist);
   }
   
   protected function actualizePlaylistTags(Playlist $playlist)
     $this->entity_manager->persist($playlist);
   }
   
+  public function updatePlaylistElementsOrder(Playlist $playlist, $elements_ids_ordereds)
+  {
+    $elements_origin_order = $playlist->getElements();
+    $elements_ordereds = array();
+    foreach ($elements_ids_ordereds as $element_id)
+    {
+      if (($element_record_match = $this->findElementRecordWithId($elements_origin_order, $element_id)))
+      {
+        $elements_ordereds[] = $element_record_match;
+      }
+    }
+    
+    $playlist->setElements($elements_ordereds);
+    $this->entity_manager->persist($playlist);
+  }
+  
+  protected function findElementRecordWithId($elements, $searched_id)
+  {
+    foreach ($elements as $element_record)
+    {
+      if ($element_record['id'] == $searched_id)
+      {
+        return $element_record;
+      }
+    }
+    
+    return null;
+  }
+  
 }

src/Muzich/CoreBundle/Repository/PlaylistRepository.php

     ;
   }
   
+  public function findOnePlaylistOwned($playlist_id, User $user)
+  {
+    return $this->getPlaylistsQueryBuilder()
+      ->andWhere('p.owner = :owner_id AND p.id = :playlist_id')
+      ->setParameters(array(
+        'owner_id'    => $user->getId(),
+        'playlist_id' => $playlist_id
+      ))
+    ;
+  }
+  
   public function findOnePlaylistOwnedOrPublic($playlist_id, User $user = null)
   {
     $query_builder = $this->getPlaylistsQueryBuilder()

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

   font-size: 11px;
   font-weight: normal;
   padding: 4px;
+}
+
+div.playlists_prompt
+{
+  padding: 10px;
+  border: 1px solid red;
+  width: 320px;
+  background-color: white;
 }

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

    
   $('ul.playlist_elements li a.open_element').live('click', function(){
     
+    // Pour le moment
+    return false;
+    
     var line = $(this).parents('li.playlist_element');
     
     $.getJSON($(this).attr('href'), function(response) {
     return false;
   });
   
-  $('a.autoplay_playlist').live('click', function(){
+  $('ul.playlist_elements').sortable({
+    update: function( event, ui ) {
+      
+      var form = ui.item.parents('form')
+      
+      $.ajax({
+       type: 'POST',
+       url: form.attr('action'),
+       data: form.serialize(),
+       success: function(response) {
+        
+          window.ResponseController.execute(
+            response,
+            function(){},
+            function(){}
+          );
+          
+          
+        },
+       dataType: "json"
+     });
+      
+    }
+  });
+  
+  $('html').click(function() {
+    if ($("div.playlists_prompt").is(':visible'))
+    {
+      $("div.playlists_prompt").hide();
+    }
+  });
+  $("div.playlists_prompt, div.playlists_prompt div, div.playlists_prompt a, div.playlists_prompt input").live('click', function(event){
+    event.stopPropagation();
+    $("div.playlists_prompt").show();
+  });
+  
+  $('ul.elements a.add_to_playlist').live('click', function(event){
     
+    var prompt = $('<div class="playlists_prompt"><img class="loader" src="/bundles/muzichcore/img/ajax-loader.gif" alt="loading..." /></div>');
+    $('body').append(prompt);
+    
+    prompt.position({
+      my: "left+3 bottom+0",
+      of: event,
+      collision: "fit"
+    });
+    
+    $.getJSON($(this).attr('href'), function(response) {
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
+      
+      prompt.find('img.loader').hide();
+      if (response.status == 'success')
+      {
+        prompt.append(response.data);
+      }
+      
+    });
+    
+    return false;
+  });
+  
+  $('a.add_element_to_playlist').live('click', function(){
+    $.getJSON($(this).attr('href'), function(response) {
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
+    });
+    
+    $(this).parents('div.playlists_prompt').remove();
+    return false;
+  });
+  
+  $('ul.playlist_elements a.remove_element').live('click', function () {
+    
+    $.getJSON($(this).attr('href'), function(response) {
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
+    });
+    
+    $(this).parents('li.playlist_element').remove();
+    return false;
   });
    
 });

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

             </a>
           </li>
         {% endif %}
+        
+        <li>
+          <a class="add_to_playlist" href="{{ path('playlists_add_element_prompt', { 'element_id' : element.id }) }}">
+            +
+          </a>
+        </li>
+        
       </ul>
       
       <span class="element_name">

src/Muzich/CoreBundle/lib/Collection/CollectionManager.php

     $this->content = $new_content;
   }
   
+  public function removeWithReference($reference)
+  {
+    $new_content = array();
+    foreach ($this->content as $content_line)
+    {
+      if ($reference != $content_line[lcfirst($this->object_reference_attribute)])
+      {
+        $new_content[] = $content_line;
+      }
+    }
+    
+    $this->content = $new_content;
+  }
+  
   public function getAttributes($attribute)
   {
     if (!in_array($attribute, $this->schema))

src/Muzich/CoreBundle/lib/Controller.php

     }
   }
   
+  protected function getUserOrNullIfVisitor()
+  {
+    if (($user = $this->getUser()) === 'anon.')
+    {
+      return null;
+    }
+    
+    return $user;
+  }
+  
   /**
    *  Retourne l'id de l'utilisateur en cours
    */
     return $response;
   }
   
+  protected function jsonSuccessResponse($data = array())
+  {
+    $response = new Response(json_encode(array(
+      'status' => 'success',
+      'data'   => $data
+    )));
+    $response->headers->set('Content-Type', 'application/json; charset=utf-8');
+    return $response;
+  }
+  
   /**
    * Permet d'utiliser la méthode Assert que l'on utilise dans les templates
    * afin d'avoir une url correcte vers une ressource web (img, js, ...)
     return null;
   }
   
+  protected function getElementWithId($element_id)
+  {
+    return $this->getEntityManager()->getRepository('MuzichCoreBundle:Element')
+      ->findOneById($element_id);
+  }
+  
 }

src/Muzich/PlaylistBundle/Controller/EditController.php

+<?php
+
+namespace Muzich\PlaylistBundle\Controller;
+
+use Muzich\CoreBundle\lib\Controller;
+use Muzich\CoreBundle\Entity\Playlist;
+use Symfony\Component\HttpFoundation\Request;
+
+class EditController extends Controller
+{
+  
+  // TODO: Cette méthode ET les autres: Mettre à jour avec le gestionnaire d'accès (Security)
+  public function updateOrderAction(Request $request, $playlist_id)
+  {
+    $playlist_manager = $this->getPlaylistManager();
+    if (!($playlist = $playlist_manager->findOwnedPlaylistWithId($playlist_id, $this->getUser())) || !$request->get('elements'))
+      return $this->jsonNotFoundResponse();
+    
+    $playlist_manager->updatePlaylistElementsOrder($playlist, $request->get('elements'));
+    $this->flush();
+    return $this->jsonSuccessResponse();
+  }
+  
+  public function removeElementAction($playlist_id, $element_id)
+  {
+    $playlist_manager = $this->getPlaylistManager();
+    if (!($playlist = $playlist_manager->findOwnedPlaylistWithId($playlist_id, $this->getUser())))
+      return $this->jsonNotFoundResponse();
+    
+    $playlist_manager->removePlaylistElementWithId($playlist, $element_id);
+    $this->flush();
+    return $this->jsonSuccessResponse();
+  }
+  
+  public function addElementAction($playlist_id, $element_id)
+  {
+    $playlist_manager = $this->getPlaylistManager();
+    if (!($playlist = $playlist_manager->findOwnedPlaylistWithId($playlist_id, $this->getUser()))
+        || !($element = $this->getElementWithId($element_id)))
+      return $this->jsonNotFoundResponse();
+    
+    $playlist_manager->addElementToPlaylist($element, $playlist);
+    $this->flush();
+    return $this->jsonSuccessResponse();
+  }
+  
+}

src/Muzich/PlaylistBundle/Controller/ShowController.php

 use Muzich\CoreBundle\lib\Controller;
 use Muzich\CoreBundle\Entity\Playlist;
 use Muzich\CoreBundle\lib\AutoplayManager;
+use Muzich\CoreBundle\Form\Playlist\PlaylistForm;
 
 class ShowController extends Controller
 {
     ));
   }
   
+  public function getAddElementPromptAction($element_id)
+  {
+    return $this->jsonSuccessResponse(
+      $this->render('MuzichPlaylistBundle:Show:prompt.html.twig', array(
+        'form'       => $this->getPlaylistForm()->createView(),
+        'element_id' => $element_id,
+        'playlists'  => (!$this->isVisitor())?$this->getPlaylistManager()->getOwnedsPlaylists($this->getUser()):array()
+      ))->getContent()
+    );
+  }
+  
+  protected function getPlaylistForm()
+  {
+    return $this->createForm(new PlaylistForm(), $this->getPlaylistManager()->getNewPlaylist($this->getUserOrNullIfVisitor()));
+  }
+  
 }

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

 
 playlist_datas_for_autoplay:
   pattern: /ajax/autoplay/playlist/datas/{playlist_id}/{offset}
-  defaults: { _controller: MuzichPlaylistBundle:Show:getAutoplayData, offset: null }
+  defaults: { _controller: MuzichPlaylistBundle:Show:getAutoplayData, offset: null }
+
+playlist_update_order:
+  pattern: /ajax/playlist/order/update/{playlist_id}
+  defaults: { _controller: MuzichPlaylistBundle:Edit:updateOrder }
+
+playlist_remove_element:
+  pattern: /ajax/playlist/element/remove/{playlist_id}/{element_id}
+  defaults: { _controller: MuzichPlaylistBundle:Edit:removeElement }
+
+playlists_add_element_prompt:
+  pattern: /ajax/playlist/element/add/prompt/{element_id}
+  defaults: { _controller: MuzichPlaylistBundle:Show:getAddElementPrompt }
+
+playlists_add_element:
+  pattern: /ajax/playlist/element/add/{playlist_id}/{element_id}
+  defaults: { _controller: MuzichPlaylistBundle:Edit:addElement }
+
+playlist_add_element_and_create:
+  pattern: /ajax/playlist/element/add-and-create/{element_id}
+  defaults: { _controller: MuzichPlaylistBundle:Edit:addElementAndcreate }
+  

src/Muzich/PlaylistBundle/Resources/views/Show/prompt.html.twig

+
+<div class="create_playlist">
+  <form action="{{ path('playlist_add_element_and_create', { 'element_id' : element_id }) }}" method="post">
+    
+    <div class="field">
+      {{ form_widget(form.name, {'attr':{'class':'niceinput'}}) }}
+      {{ form_widget(form.public) }}
+    </div>
+    
+    {{ form_rest(form) }}
+    
+    <input type="submit" value="CREATE" />
+  </form>
+</div>
+
+<div class="playlists_for_element">
+  {% if playlists|length %}
+    <ul>
+      {% for playlist in playlists %}
+        <li>
+          <a class="add_element_to_playlist" href="{{ path('playlists_add_element', {
+            'playlist_id' : playlist.id,
+            'element_id'  : element_id
+          }) }}">
+            {{ playlist.name }}
+          </a>
+        </li>
+      {% endfor %}
+    </ul>
+  {% else %}
+    <p>NO PLAYLIST</p>
+  {% endif %}
+</div>

src/Muzich/PlaylistBundle/Resources/views/Show/show.html.twig

     } %}
     
     {% if playlist.elements|length %}
-      <ul class="playlist_elements">
-        {% for element in playlist.elements %}
-          <li class="playlist_element">
-            <a class="autoplay_playlist" href="{{ path('playlist_datas_for_autoplay', { 'playlist_id' : playlist.id, 'offset' : loop.index0 }) }}">
-              play
-            </a>
-            <a class="open_element" href="{{ path('element_get_one', { 'element_id' : element.id }) }}" data-id="{{ element.id }}">
-              {{ element.name }}
-            </a>
-          </li>
-        {% endfor %}
-      </ul>
+      <form action="{{ path('playlist_update_order', { 'playlist_id' : playlist.id }) }}" method="post">
+        <ul class="playlist_elements">
+          {% for element in playlist.elements %}
+            <li class="playlist_element">
+              <input type="hidden" name="elements[]"  value="{{ element.id }}" />
+              <a class="autoplay_playlist" href="{{ path('playlist_datas_for_autoplay', { 'playlist_id' : playlist.id, 'offset' : loop.index0 }) }}">
+                play
+              </a>
+              <a class="open_element" href="{{ path('element_get_one', { 'element_id' : element.id }) }}" data-id="{{ element.id }}">
+                {{ element.name }}
+              </a>
+              <a class="remove_element" href="{{ path('playlist_remove_element', { 'playlist_id' : playlist.id, 'element_id' : element.id }) }}">
+                X
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+      </form>
     {% endif %}
   
   </div>

src/Muzich/PlaylistBundle/Resources/views/Show/user.html.twig

   <ul class="playlists">
     {% for playlist in playlists %}
       <li>
+        
+        <a class="autoplay_playlist" href="{{ path('playlist_datas_for_autoplay', { 'playlist_id' : playlist.id }) }}" >
+          Lire
+        </a>
+        
         <a href="{{ path('playlist', { 'user_slug' : viewed_user.slug, 'playlist_id' : playlist.id }) }}">
           {{ playlist.name }}
         </a>