Evolution #91: Favoris: Nouvelle présentation

src/Muzich/CoreBundle/Entity/UsersElementsFavorites.php

@@ -10,6 +10,7 @@ use Doctrine\ORM\Mapping as ORM;
  * 
  * @ORM\Entity
  * @ORM\Table(name="users_elements_favorites")
+ * @ORM\Entity(repositoryClass="Muzich\CoreBundle\Repository\UsersElementsFavoritesRepository")
  */
 class UsersElementsFavorites
 {

src/Muzich/CoreBundle/Repository/ElementRepository.php

@@ -142,9 +142,9 @@ class ElementRepository extends EntityRepository
     $where_id_limit = '';
     if (($id_limit = $searcher->getIdLimit()))
     {
-      $where_favorite = ($is_where) ? ' AND' : ' WHERE';
+      $where_id_limit = ($is_where) ? ' AND' : ' WHERE';
       $is_where = true;
-      $where_favorite .= " e_.id < :id_limit";
+      $where_id_limit .= " e_.id < :id_limit";
       $params_ids['id_limit'] = $id_limit;
     }
     

src/Muzich/CoreBundle/Repository/UsersElementsFavoritesRepository.php

@@ -0,0 +1,31 @@
+<?php
+
+namespace Muzich\CoreBundle\Repository;
+
+use Doctrine\ORM\EntityRepository;
+
+class UsersElementsFavoritesRepository extends EntityRepository
+{
+  
+  /**
+   * Retourne tous les tags des favoris de l'utilisateur
+   * 
+   * @return doctrine_collection
+   */
+  public function getTags($user_id)
+  {
+    return $this->getEntityManager()
+      ->createQuery('
+        SELECT t FROM MuzichCoreBundle:Tag t
+        LEFT JOIN t.elements e
+        LEFT JOIN e.elements_favorites f
+        WHERE f.user = :uid
+        ORDER BY t.name ASC'
+      )
+      ->setParameter('uid', $user_id)
+      ->getResult()
+    ;
+  }
+  
+}
+  

src/Muzich/FavoriteBundle/Controller/FavoriteController.php

@@ -134,12 +134,25 @@ class FavoriteController extends Controller
   {
     $search_object = $this->createSearchObject(array(
       'user_id'  => $this->getUserId(),
-      'favorite' => true
+      'favorite' => true,
+      'count'    => $this->container->getParameter('search_default_count')
     ));
     
+    $tags = $this->getDoctrine()->getRepository('MuzichCoreBundle:UsersElementsFavorites')
+      ->getTags($this->getUserId())      
+    ;
+    
+    $tags_id = array();
+    foreach ($tags as $tag)
+    {
+      $tags_id[] = $tag->getId();
+    }
+    
     return array(
-      'user'     => $this->getUser(),
-      'elements' => $search_object->getElements($this->getDoctrine(), $this->getUserId())
+      'tags'          => $tags,
+      'tags_id_json'  => json_encode($tags_id),
+      'user'          => $this->getUser(),
+      'elements'      => $search_object->getElements($this->getDoctrine(), $this->getUserId())
     );
   }
   
@@ -155,7 +168,8 @@ class FavoriteController extends Controller
     
     $search_object = $this->createSearchObject(array(
       'user_id'  => $viewed_user->getId(),
-      'favorite' => true
+      'favorite' => true,
+      'count'    => $this->container->getParameter('search_default_count')
     ));
     
     return array(
@@ -165,4 +179,48 @@ class FavoriteController extends Controller
     );
   }
   
+  public function getElementsAction($user_id, $tags_ids_json, $id_limit = null, $invert = false)
+  {
+    $tag_ids = json_decode($tags_ids_json);
+    $search_object = new ElementSearcher();
+    
+    $tags = array();
+    foreach ($tag_ids as $id)
+    {
+      $tags[$id] = $id;
+    }
+    
+    $search_object->init(array(
+      'tags'     => $tags,
+      'user_id'  => $user_id,
+      'favorite' => true,
+      'count'    => $this->container->getParameter('search_default_count'),
+      'id_limit' => $id_limit
+    ));
+    
+    $message = $this->trans(
+      'elements.ajax.more.noelements', 
+      array(), 
+      'elements'
+    );
+    
+    $elements = $search_object->getElements($this->getDoctrine(), $user_id);
+    $count = count($elements);
+    $html = '';
+    if ($count)
+    {
+      $html = $this->render('MuzichCoreBundle:SearchElement:default.html.twig', array(
+        'user'        => $this->getUser(),
+        'elements'    => $elements,
+        'invertcolor' => $invert
+      ))->getContent();
+    }
+    
+    return $this->jsonResponse(array(
+      'count'   => $count,
+      'message' => $message,
+      'html'    => $html
+    ));
+  }
+  
 }

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

@@ -13,4 +13,9 @@ favorites_my_list:
 
 favorite_user_list:
   pattern:   /user/{slug}/favorites
-  defaults: { _controller: MuzichFavoriteBundle:Favorite:userList }
+  defaults: { _controller: MuzichFavoriteBundle:Favorite:userList }
+
+# post
+favorite_get:
+  pattern:   /favorites/{user_id}/getElements/{tags_ids_json}/{id_limit}/{invert}
+  defaults: { _controller: MuzichFavoriteBundle:Favorite:getElements, id_limit: null, invert: false }

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

@@ -12,6 +12,33 @@
 
   <h2>{{ 'favorites.your_favorites'|trans({}, 'network') }}</h2>
 
+  {% if tags|length %}
+    <input type="hidden" id="get_elements_url" value="{{ path('favorite_get', {'user_id': app.user.id, 'tags_ids_json' : ''}) }}" />
+    <ul id="favorite_tags">
+      {% for tag in tags %}
+        <li>
+          <a href="#{{ tag.id }}" class="button tag">
+            {{ tag.name }}
+          </a>
+        </li>
+      {% endfor %}
+    </ul>
+    <div class="clearboth" ></div>
+  {% endif %}
+
   {% include "MuzichCoreBundle:SearchElement:default.html.twig" %}
     
+  <div class="elements_loader_div">
+    <img class="elements_more_loader" style="display: none;" src="{{ asset('/bundles/muzichcore/img/ajax-loader.gif') }}" alt="loading" />
+  </div>
+  
+  {% 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">
+         {{ 'more'|trans({}, 'userui') }}
+       </a>
+     </span>
+  {% endif %}
+    
 {% endblock %}

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

@@ -3,6 +3,9 @@
 {% block css %}
 	<link href="{{ asset('bundles/muzichfavorite/css/favorite.css') }}" rel="stylesheet" media="screen" type="text/css" />
 {% endblock %}
+{% block js %}
+	<script src="{{ asset('bundles/muzichfavorite/js/favorite.js') }}" type="text/javascript"></script>
+{% endblock %}
 
 {% block main_content %}
   

web/bundles/muzichcore/css/main.css

@@ -45,6 +45,11 @@
   
 }
 
+div.clearboth
+{
+  clear: both;
+}
+
 .button {
 	display: inline-block;
 	line-height: 1;
@@ -67,6 +72,11 @@ input.button, button.button {
   background-color: #39c9cc;
 }
 
+.button.active
+{
+  background-color: #39C9CC;
+}
+
 #container a
 {
   text-decoration: none;

web/bundles/muzichcore/js/muzich.js

@@ -598,7 +598,7 @@ $(document).ready(function(){
                 for (n in string_exploded)
                 {
                   r_string = string_exploded[n];
-                  var re = new RegExp(r_string, "i") ;
+                  var re = new RegExp(r_string, "i");
                   t_string = t_string.replace(re,"<strong>" + r_string + "</strong>");
                 }
                                 

web/bundles/muzichfavorite/css/favorite.css

@@ -0,0 +1,14 @@
+
+ul#favorite_tags
+{
+  padding:0;
+  margin:0;
+  list-style-type:none;
+}
+
+ul#favorite_tags li
+{
+  display: inline;
+  margin-left:2px;
+  float:left; /*pour IE*/
+}

web/bundles/muzichfavorite/js/favorite.js

@@ -0,0 +1,92 @@
+$(document).ready(function(){
+   
+  function refresh_elements_with_tags_selected(link)
+  {
+    
+    
+    // Puis on fait notre rekékéte ajax.
+    $('ul.elements').html('');
+    $('div.no_elements').hide();
+    $('img.elements_more_loader').show();
+    $.getJSON($('input#get_elements_url').val()+'/'+array2json(tags_ids), function(response){
+      
+      $('ul.elements').html(response.html);
+      
+      if (response.count)
+       {
+         $('img.elements_more_loader').hide();
+         $('span.elements_more').show();
+         $('a.elements_more').show();
+       }
+    });
+    
+    return false;
+  }
+   
+  $('ul#favorite_tags a.tag').click(function(){
+    // Ensuite on l'active ou le désactive'
+    if ($(this).hasClass('active'))
+    {
+      $(this).removeClass('active');
+    }
+    else
+    {
+      $(this).addClass('active');
+    }
+    
+    // On construit notre liste de tags
+    tags_ids = new Array();
+    $('ul#favorite_tags a.tag.active').each(function(index){
+      id = str_replace('#', '', $(this).attr('href'));
+      tags_ids[id] = id;
+    });
+    
+    // On adapte le lien afficher plus de résultats
+    a_more = $('a.elements_more');
+    a_more.attr('href', $('input#more_elements_url').val()+'/'+array2json(tags_ids));
+    
+    return check_timelaps_and_find_with_tags($(this), new Date().getTime(), false);
+  });
+  
+  last_keypress = 0;
+  function check_timelaps_and_find_with_tags(link, time_id, timed)
+  {
+    if (!timed)
+    {
+      // C'est une nouvelle touche (pas redirigé) on lui donne un id
+      // et on met a jour l'id de la dernière pressé
+      last_keypress = new Date().getTime(); 
+      var this_time_id = last_keypress;
+    }
+    else
+    {
+      // Si elle a été redirigé, on met son id dans cette variable
+      var this_time_id = time_id;
+    }
+    
+    // C'est une touche redirigé dans le temps qui a été suivit d'une autre touche
+    if (time_id != last_keypress && timed)
+    {
+      // elle disparait
+    }
+    else
+    {
+      //
+      if ((new Date().getTime() - last_keypress) < 800 || timed == false)
+      {
+        // Si elle vient d'être tapé (timed == false) elle doit attendre (au cas ou une autre touche soit tapé)
+        // Si c'est une redirigé qui n'a pas été remplacé par une nouvelle lettre
+        // elle doit attendre au cas ou soit pressé.
+        setTimeout(function(){check_timelaps_and_find_with_tags(link, this_time_id, true)}, 900);
+      }
+      else
+      {
+        // il n'y a plus a attendre, on envoie la demande de tag.
+        return refresh_elements_with_tags_selected(link);
+      }
+    }
+    
+    return null;
+  }
+   
+});