Modification element en ajax: bouton annuler.

app/Resources/translations/userui.fr.yml

@@ -54,6 +54,8 @@ element_edit:
     name:     Nom
   submit:
     value:    Mettre à jour
+  cancel:
+    value:    Annuler
     
 tags_filter:
   help:       Pour ne pas filtrer avec des tags, supprimez les tous de la liste.

src/Muzich/CoreBundle/Resources/views/Element/ajax.element.edit.html.twig

@@ -1,10 +1,11 @@
 
-<form name="{{ form_name }}" action="{{ path('element_update', {'element_id': element_id}) }}" method="post" {{ form_enctype(form) }}>
+<form class="edit_element" name="{{ form_name }}" action="{{ path('element_update', {'element_id': element_id}) }}" method="post" {{ form_enctype(form) }}>
 
   {% include "MuzichCoreBundle:Element:form.edit.html.twig" with { 
     'form'          : form, 
     'form_name'     : form_name
   } %}
 
+  <input type="button" value="{{ 'element_edit.cancel.value'|trans({}, 'userui') }}" class="cancel_edit" />
   <input type="submit" value="{{ 'element_edit.submit.value'|trans({}, 'userui') }}" />
 </form>

web/bundles/muzichcore/js/muzich.js

@@ -335,11 +335,14 @@ $(document).ready(function(){
     }
   });
 
+ elements_edited = new Array();
  // Ouverture du formulaire de modification
   $('a.element_edit_link').live('click', function(){
     
     link = $(this);
     li = link.parent('li.element');
+    // On garde en mémoire l'élément édité en cas d'annulation
+    elements_edited[li.attr('id')] = li.html();
     div_loader = li.find('div.loader');
     li.html(div_loader);
     li.find('img.element_loader').show();
@@ -367,6 +370,7 @@ $(document).ready(function(){
         if (response.status == 'success')
         {
           li.html(response.html);
+          delete(elements_edited[li.attr('id')]);
         }
         else if (response.status == 'error')
         {
@@ -386,6 +390,13 @@ $(document).ready(function(){
     });
     return false;
   });
+  
+  // Annulation d'un formulaire de modification d'élément
+  $('form.edit_element input.cancel_edit').live('click', function(){
+    var li = $(this).parent('form').parent('li');
+    li.html(elements_edited[li.attr('id')]);
+    delete(elements_edited[li.attr('id')]);
+  });
  
   ////////////////// TAG PROMPT ///////////////