Evolution #115: Ajax sur tag et filtre

src/Muzich/CoreBundle/Controller/CoreController.php

@@ -324,4 +324,29 @@ class CoreController extends Controller
     return $this->redirect($this->container->get('request')->headers->get('referer'));
   }
   
+  public function getFavoriteTagsAction()
+  {
+    if ($this->getUser() == 'anon.')
+    {
+      if ($this->getRequest()->isXmlHttpRequest())
+      {
+        return $this->jsonResponse(array(
+          'status' => 'mustbeconnected'
+        ));
+      }
+      else
+      {
+        return $this->redirect($this->generateUrl('index'));
+      }
+    }
+    
+    // On construit l'element searcher avec les tags favoris
+    $es = $this->getElementSearcher(null, true);
+    // Et on retourne les tags
+    return $this->jsonResponse(array(
+      'response' => 'success',
+      'tags'     => $es->getTags()
+    ));
+  }
+  
 }

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

@@ -40,6 +40,10 @@ filter_mytags:
   pattern: /filter/my-tags
   defaults: { _controller: MuzichCoreBundle:Core:filterMytags }
 
+ajax_get_favorites_tags:
+  pattern: /ajax/my-favorites-tags
+  defaults: { _controller: MuzichCoreBundle:Core:getFavoriteTags }
+
 ####
 
 info_about:
@@ -67,4 +71,5 @@ element_update:
 element_remove:
   pattern: /element/{element_id}/remove
   defaults: { _controller: MuzichCoreBundle:Element:remove }
+  
   

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

@@ -75,6 +75,7 @@ security:
         - { path: ^/(?:fr|en)/show/user/, role: IS_AUTHENTICATED_ANONYMOUSLY }
         - { path: ^/(?:fr|en)/show/group/, role: IS_AUTHENTICATED_ANONYMOUSLY }
         - { path: ^/(?:fr|en)/favoritesajax, role: IS_AUTHENTICATED_ANONYMOUSLY }
+        - { path: ^/(?:fr|en)/ajax, role: IS_AUTHENTICATED_ANONYMOUSLY }
                                 
         - { path: ^/, roles: ROLE_USER }
         

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

@@ -31,6 +31,7 @@
     
     url_index = "{{ path('index') }}";
     url_search_tag = "{{ path('search_tag') }}";
+    url_get_favorites_tags = "{{ path('ajax_get_favorites_tags') }}";
   </script>
   {% block js %}{% endblock %}
   

web/bundles/muzichcore/js/muzich.js

@@ -185,15 +185,15 @@ function explode (delimiter, string, limit) {
     // *     returns 1: {0: 'Kevin', 1: 'van', 2: 'Zonneveld'}
     // *     example 2: explode('=', 'a=bc=d', 2);
     // *     returns 2: ['a', 'bc=d']
-    var emptyArray = {        0: ''
+    var emptyArray = {0: ''
     };
  
     // third argument is not required
-    if (arguments.length < 2 || typeof arguments[0] == 'undefined' || typeof arguments[1] == 'undefined') {        return null;
+    if (arguments.length < 2 || typeof arguments[0] == 'undefined' || typeof arguments[1] == 'undefined') {return null;
     }
  
     if (delimiter === '' || delimiter === false || delimiter === null) {
-        return false;    }
+        return false;}
  
     if (typeof delimiter == 'function' || typeof delimiter == 'object' || typeof string == 'function' || typeof string == 'object') {
         return emptyArray;
@@ -205,7 +205,7 @@ function explode (delimiter, string, limit) {
         return string.toString().split(delimiter.toString());
     }
     // support for limit argument
-    var splitted = string.toString().split(delimiter.toString());    var partA = splitted.splice(0, limit - 1);
+    var splitted = string.toString().split(delimiter.toString());var partA = splitted.splice(0, limit - 1);
     var partB = splitted.join(delimiter.toString());
     partA.push(partB);
     return partA;
@@ -242,12 +242,43 @@ $(document).ready(function(){
   }
   
   // Bouton de personalisation du filtre
-  // pour le moment ce ne sotn que des redirection vers des actions
   $('.tags_prompt input.clear, a.filter_clear_url').live("click", function(){
-    $(location).attr('href', $('input.filter_clear_url').val());
+    $('img.elements_more_loader').show();
+    $('ul.elements').html('');
+    form = $(this).parent('div').parent('form');
+    remove_tags(form.attr('name'));
+    form.submit();
   });
   $('.tags_prompt input.mytags').live("click", function(){
-    $(location).attr('href', $('input.filter_mytags_url').val());
+    
+    $('img.elements_more_loader').show();
+    $('ul.elements').html('');
+    
+    form = $(this).parent('div').parent('form');
+    
+    $.getJSON(url_get_favorites_tags, function(response) {
+      if (response.status == 'mustbeconnected')
+      {
+        $(location).attr('href', url_index);
+      }
+      
+      remove_tags(form.attr('name'));
+//      if (tags.length)
+//      {
+        inputTag = $("div#tags_prompt_"+form.attr('name')+" input.form-default-value-processed");
+        for (i in response.tags)
+        {
+          $('input#tags_selected_tag_'+form.attr('name')).val(i);
+          inputTag.val(response.tags[i]);
+                                        
+          // Et on execute l'évènement selectTag de l'input
+          inputTag.trigger("selectTag");
+        }
+        
+        form.submit();
+      //}
+      
+    });
   });
 
   // Affichage un/des embed
@@ -659,7 +690,7 @@ $(document).ready(function(){
                       id = $(this).attr('href').substr(1,$(this).attr('href').length);
                       id = str_replace(name, '', id);
                       id = str_replace('#', '', id);
-                                            
+                                     
                       $('input#tags_selected_tag_'+form_name).val(id);
                       inputTag.val(name);
                       // Et on execute l'évènement selectTag de l'input

web/js/tags/jquery.tagBox.js

@@ -56,7 +56,7 @@
         });
         
         self.tagInput.bind("selectTag", function(event) {
-          
+                    
           if(!$(this).val()) {
               return;
           }