Remodelage js du formulaire d'ajout, de façon a ce que même a l'étape 1 on puisse

src/Muzich/CoreBundle/Controller/ElementController.php

       return $response;
     }
     
+    $url =  null;
+    if (count(($element_add_values = $request->get('element_add'))))
+    {
+      $url = $element_add_values['url'];
+    }
+    
     // On vérifie la tête de l'url quand même
-    if (filter_var($request->get('url'), FILTER_VALIDATE_URL) === false)
+    if (filter_var($url, FILTER_VALIDATE_URL) === false)
     {
       return $this->jsonResponse(array(
         'status' => 'error',
     
     // On construit l'élèment qui va nous permettre de travailler avec l'api
     $element = new Element();
-    $element->setUrl($request->get('url'));
+    $element->setUrl($url);
     
     $factory = new ElementManager($element, $this->getEntityManager(), $this->container);
     $factory->proceedFill($this->getUser());

src/Muzich/CoreBundle/Resources/views/Element/form.add.html.twig

 {% form_theme form 'MuzichCoreBundle:Form:errors.html.twig' %}
 
 {{ form_errors(form) }}
+<input type="hidden" id="form_add_step" value="1" />
 
 <div id="form_add_first_part">
 
       'type': 'URL'
     }) }}
 
-    <a href="#" id="form_add_check_url" class="button">
-      {{ 'home.check_url'|trans({}, 'navigationui') }}
-    </a>
+    <input class="button" type="submit" value="{{ 'home.check_url'|trans({}, 'navigationui') }}" />
 
   </div>
     

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

     url_element_new_get = "{{ path('element_new_get') }}";
     url_global_search = "{{ path('global_search') }}";
     url_datas_api = "{{ path('element_retrieve_api_datas') }}";
+    url_element_add = "{{ path('element_add') }}";
     
     url_img_ajax_loader = "{{ asset('/bundles/muzichcore/img/ajax-loader.gif') }}";
   </script>

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

       << {{ 'home.add_element_box.close'|trans({}, 'navigationui') }}
     </a>
     
-    <form novalidate name="{{ add_form_name }}" action="{{ path('element_add') }}" method="post" {{ form_enctype(add_form) }}>
+    <form novalidate name="{{ add_form_name }}" 
+      action="{{ path('element_retrieve_api_datas') }}" method="post" {{ form_enctype(add_form) }}
+    >
 
       {% include "MuzichCoreBundle:Element:form.add.html.twig" with { 
         'form'          : add_form, 

web/bundles/muzichcore/js/muzich.js

 
   // Ajout d'un element #ajouter (première partie)
   
-  // Click sur "ajouter" (l'url)
-  $('a#form_add_check_url').click(function(){
-    
-    // On fait tourner notre gif loader
-    $('img#form_add_loader').show();
-    
-    $.ajax({
-      type: 'POST',
-      url: url_datas_api,
-      data: {'url':$('input#element_add_url').val()},
-      success: function(response){
-        
-        if (response.status == 'mustbeconnected')
-        {
-          $(location).attr('href', url_index);
-        }
+//  // Click sur "ajouter" (l'url)
+//  $('a#form_add_check_url').click(function(){
+//    
+//    // On fait tourner notre gif loader
+//    $('img#form_add_loader').show();
+//    
+//    $.ajax({
+//      type: 'POST',
+//      url: url_datas_api,
+//      data: {'url':$('input#element_add_url').val()},
+//      success: function(response){
+//        
+//        if (response.status == 'mustbeconnected')
+//        {
+//          $(location).attr('href', url_index);
+//        }
+//
+//        if (response.status == 'success')
+//        {
+//          // On cache notre gif loader.
+//          $('img#form_add_loader').hide();
+//          
+//          // On commence par renseigner les champs si on a du concret
+//          // name
+//          if (response.name)
+//          {
+//            $('input#element_add_name').val(response.name);
+//          }
+//          
+//          // thumb
+//          $('div#form_add_thumb img').attr('src', '/bundles/muzichcore/img/nothumb.png');
+//          if (response.thumb)
+//          {
+//            $('div#form_add_thumb img').attr('src', response.thumb);
+//          }
+//          
+//          // Proposition de tags
+//          if (response.tags)
+//          {
+//            $('ul#form_add_prop_tags li').remove();
+//            $('ul#form_add_prop_tags').show();
+//            $('ul#form_add_prop_tags_text').show();
+//            
+//            for (tags_index = 0; tags_index < response.tags.length; tags_index++)
+//            {
+//              var tag = response.tags[tags_index];
+//              var tag_id = '';
+//              var tag_name = tag.original_name;
+//              // Si il y a des équivalent en base.
+//              if (tag.like_found)
+//              {
+//                tag_id = tag.like.id;
+//                tag_name = tag.like.name;
+//              }
+//                
+//              // On aura plus qu'a vérifie le href pour savoir si c'est une demande d'ajout de tags =)
+//              $('ul#form_add_prop_tags').append(
+//                '<li>'+
+//                  '<a href="#'+tag_id+'" class="form_add_prop_tag">'+
+//                    tag_name+
+//                  '</a>'+
+//                '</li>'
+//              );
+//            }
+//          }
+//          
+//          // On a plus qu'a afficher les champs
+//          $('div#form_add_second_part').slideDown();
+//          $('div#form_add_first_part').slideUp();
+//          form_add_hide_errors();
+//        }
+//        else if (response.status == 'error')
+//        {
+//          form_add_display_errors(response.errors);
+//          $('#form_add_loader').hide();
+//          return false;
+//        }
+//      },
+//      dataType: 'json'
+//    });
+//    
+//  });
+  
+  function element_add_proceed_data_apis(response)
+  {
+    if (response.status == 'mustbeconnected')
+    {
+      $(location).attr('href', url_index);
+    }
 
-        if (response.status == 'success')
+    if (response.status == 'success')
+    {
+      // On cache notre gif loader.
+      $('img#form_add_loader').hide();
+
+      // On commence par renseigner les champs si on a du concret
+      // name
+      if (response.name)
+      {
+        $('input#element_add_name').val(response.name);
+      }
+
+      // thumb
+      $('div#form_add_thumb img').attr('src', '/bundles/muzichcore/img/nothumb.png');
+      if (response.thumb)
+      {
+        $('div#form_add_thumb img').attr('src', response.thumb);
+      }
+
+      // Proposition de tags
+      if (response.tags)
+      {
+        $('ul#form_add_prop_tags li').remove();
+        $('ul#form_add_prop_tags').show();
+        $('ul#form_add_prop_tags_text').show();
+
+        for (tags_index = 0; tags_index < response.tags.length; tags_index++)
         {
-          // On cache notre gif loader.
-          $('img#form_add_loader').hide();
-          
-          // On commence par renseigner les champs si on a du concret
-          // name
-          if (response.name)
-          {
-            $('input#element_add_name').val(response.name);
-          }
-          
-          // thumb
-          $('div#form_add_thumb img').attr('src', '/bundles/muzichcore/img/nothumb.png');
-          if (response.thumb)
-          {
-            $('div#form_add_thumb img').attr('src', response.thumb);
-          }
-          
-          // Proposition de tags
-          if (response.tags)
+          var tag = response.tags[tags_index];
+          var tag_id = '';
+          var tag_name = tag.original_name;
+          // Si il y a des équivalent en base.
+          if (tag.like_found)
           {
-            $('ul#form_add_prop_tags li').remove();
-            $('ul#form_add_prop_tags').show();
-            $('ul#form_add_prop_tags_text').show();
-            
-            for (tags_index = 0; tags_index < response.tags.length; tags_index++)
-            {
-              var tag = response.tags[tags_index];
-              var tag_id = '';
-              var tag_name = tag.original_name;
-              // Si il y a des équivalent en base.
-              if (tag.like_found)
-              {
-                tag_id = tag.like.id;
-                tag_name = tag.like.name;
-              }
-                
-              // On aura plus qu'a vérifie le href pour savoir si c'est une demande d'ajout de tags =)
-              $('ul#form_add_prop_tags').append(
-                '<li>'+
-                  '<a href="#'+tag_id+'" class="form_add_prop_tag">'+
-                    tag_name+
-                  '</a>'+
-                '</li>'
-              );
-            }
+            tag_id = tag.like.id;
+            tag_name = tag.like.name;
           }
-          
-          // On a plus qu'a afficher les champs
-          $('div#form_add_second_part').slideDown();
-          $('div#form_add_first_part').slideUp();
-          form_add_hide_errors();
-        }
-        else if (response.status == 'error')
-        {
-          form_add_display_errors(response.errors);
-          $('#form_add_loader').hide();
-          return false;
+
+          // On aura plus qu'a vérifie le href pour savoir si c'est une demande d'ajout de tags =)
+          $('ul#form_add_prop_tags').append(
+            '<li>'+
+              '<a href="#'+tag_id+'" class="form_add_prop_tag">'+
+                tag_name+
+              '</a>'+
+            '</li>'
+          );
         }
-      },
-      dataType: 'json'
-    });
+      }
+
+      return true;
+    }
+    else if (response.status == 'error')
+    {
+      return false;
+    }
     
-  });
+    return true;
+  }
   
   /*
    * Formulaire d'ajout: click sur proposition de tags du a une api
     
     $('form[name="add"] img.tag_loader').hide();
     
-    if (element_add_proceed_json_response(response))
+    // Si on en est a la promière étape la réponse sera des données récupérés auprès
+    // des apis
+    if ($('input#form_add_step').val() == '1')
+    {
+      if (element_add_proceed_data_apis(response))
+      {
+        // On a plus qu'a afficher les champs
+        $('div#form_add_second_part').slideDown();
+        $('div#form_add_first_part').slideUp();
+        form_add_hide_errors();
+        $('#form_add_loader').hide();
+        $('input#form_add_step').val('2');
+        $('form[name="add"]').attr('action', url_element_add);
+      }
+      else
+      {
+        form_add_display_errors(response.errors);
+        $('#form_add_loader').hide();
+      }
+    }
+    else if ($('input#form_add_step').val() == '2')
     { 
+      if (element_add_proceed_json_response(response))
+      {
       form_add_reinit();
+      }
     }
 
     

web/bundles/muzichhome/js/home.js

      $('#element_add_box').slideDown("slow");
      $('#element_add_link').hide();
      $('form[name="search"]').slideUp();
+     // Au cas ou firefox garde la valeur step 2:
+        $('input#form_add_step').val('1');
      return false;
    });