Evolution #98: Formulaire filtre: Plus de chargement après click sur tag

src/Muzich/CoreBundle/Controller/SearchController.php

@@ -163,7 +163,7 @@ class SearchController extends Controller
     foreach ($tags as $i => $tag)
     {
       // Pas plus de trois caractères en plus de la recherche
-      if (strlen(str_replace(strtoupper($search), '', strtoupper($tag))) < 4)
+      if (strlen(str_replace(strtoupper($search), '', strtoupper($tag['name']))) < 4)
       {
         unset($tag_sorted[$i]);
         $tag_sorted = array_merge(array($tag), $tag_sorted);
@@ -175,7 +175,7 @@ class SearchController extends Controller
     foreach ($tags as $i => $tag)
     {
       // Pas plus de trois caractères en plus de la recherche
-      if (strtoupper($search) == strtoupper($tag))
+      if (strtoupper($search) == strtoupper($tag['name']))
       {
         unset($tag_sorted[$i]);
         $tag_sorted = array_merge(array($tag), $tag_sorted);
@@ -213,7 +213,7 @@ class SearchController extends Controller
         }
 
         $tags = $this->getDoctrine()->getEntityManager()->createQuery("
-          SELECT t.name FROM MuzichCoreBundle:Tag t
+          SELECT t.name, t.id FROM MuzichCoreBundle:Tag t
           $where
           ORDER BY t.name ASC"
         )->setParameters($params)
@@ -223,7 +223,7 @@ class SearchController extends Controller
         $tags_response = array();
         foreach ($tags as $tag)
         {
-          $tags_response[] = $tag['name'];
+          $tags_response[] = array('name' => $tag['name'], 'id' => $tag['id']);
         }
         
         $tags_response = $this->sort_search_tags($tags_response, $string_search);

src/Muzich/CoreBundle/Resources/views/Tag/tagsPrompt.html.twig

@@ -12,6 +12,7 @@
   {% endif %}
   
    <input class="tags_prompt_list" id="tags_prompt_list_{{ form_name }}" name="tags" value=""> 
+   <input id="tags_selected_tag_{{ form_name }}" type="hidden" value="" />
    <div id="search_tag_{{ form_name }}" class="search_tag_list" style="display: none;">
      <span class="info"></span>
      <div class="tag_loader_div">
@@ -133,23 +134,34 @@
               more = false;
               // Pour chaque tags retournés
               for (i in tags)
-              {                
+              {
+                var tag_name = tags[i]['name'];
+                var tag_id = tags[i]['id'];
                 // On construit un li
                 var sstr = $.trim(input.val());
                 var re = new RegExp(sstr, "i") ;
-                var t_string = tags[i].replace(re,"<strong>" + sstr + "</strong>");
+                var t_string = tag_name.replace(re,"<strong>" + sstr + "</strong>");
                 
                 li_tag = 
                   $('<li>').append(
-                    $('<a>').attr('href','#'+tags[i])
+                    $('<a>').attr('href','#'+tag_id+'#'+tag_name)
                     // qui réagit quand on clique dessus
                     .click(function(e){
                       // On récupère le nom du tag
-                      inputTag.val($(this).attr('href').substr(1,$(this).attr('href').length));
+                      name = $(this).attr('href').substr(1,$(this).attr('href').length);
+                      name = name.substr(strpos(name, '#')+1, name.length);
+                                            
+                      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
                       inputTag.trigger("selectTag");
                       // On cache la liste puisque le choix vient d'être fait
                       divtags.hide();
+                      inputTag.val(tag_text_help); 
                       return false;
                     })
                     .append(t_string)

web/bundles/muzichcore/js/muzich.js

@@ -55,6 +55,19 @@ function json_to_array(json_string)
   return new Array();
 }
 
+function strpos (haystack, needle, offset) {
+    // Finds position of first occurrence of a string within another  
+    // 
+    // version: 1109.2015
+    // discuss at: http://phpjs.org/functions/strpos    // +   original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
+    // +   improved by: Onno Marsman    
+    // +   bugfixed by: Daniel Esteban
+    // +   improved by: Brett Zamir (http://brett-zamir.me)
+    // *     example 1: strpos('Kevin van Zonneveld', 'e', 5);    // *     returns 1: 14
+    var i = (haystack + '').indexOf(needle, (offset || 0));
+    return i === -1 ? false : i;
+}
+
 /**
  * Converts the given data structure to a JSON string.
  * Argument: arr - The data structure that must be converted to JSON

web/js/tags/jquery.tagBox.js

@@ -56,28 +56,30 @@
         });
         
         self.tagInput.bind("selectTag", function(event) {
+          
           if(!$(this).val()) {
               return;
           }
           
           input = $(this);
+          inputId = $('input#tags_selected_tag_'+options.form_name);
           
           // Ici il faut faire un ajax q pour connaitre l'id, on a que le string
           // ajax loader gif
-          $('#tag_loader_'+options.form_name).css('display', 'block');
+          //$('#tag_loader_'+options.form_name).css('display', 'block');
           // On bloque le submit le temps de la validation du tag
-          $('form[name="'+options.form_name+'"] input[type="submit"]').attr('disabled', 'disabled');
-          $.getJSON('/app_dev.php/fr/search/tagid/'+$(this).val(), function(data) {
-            if (isInteger(data))
-            {
-              self.addTag(input.val(), data, options.form_name, false);
-              input.val("");
-              $('#tag_loader_'+options.form_name).css('display', 'none');
-              $('form[name="'+options.form_name+'"] input[type="submit"]').removeAttr('disabled');
-            }
-          });
+          //$('form[name="'+options.form_name+'"] input[type="submit"]').attr('disabled', 'disabled');
+//          $.getJSON('/app_dev.php/fr/search/tagid/'+$(this).val(), function(data) {
+//            if (isInteger(data))
+//            {
+//              self.addTag(input.val(), data, options.form_name, false);
+//              input.val("");
+//              $('#tag_loader_'+options.form_name).css('display', 'none');
+//              $('form[name="'+options.form_name+'"] input[type="submit"]').removeAttr('disabled');
+//            }
+//          });
 
-          
+          self.addTag(input.val(), inputId.val(), options.form_name, false);
         });
         
         self.tagbox = $('<ul>', {