Ajouter un element caché: clic sur lien pour l'afficher.

app/Resources/translations/navigationui.fr.yml

@@ -17,5 +17,10 @@ registration:
 login:
   display:              J'ai déjà un compte
   
+home:
+  add_element:          Ajouter un élément
+  add_element_box:
+    close:              Fermer
+  
 title:
   hello:                Découvrez et partagez la musique !

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

@@ -4,17 +4,26 @@
 
 {% block content %}
 
-  <form action="{{ path('element_add') }}" method="post" {{ form_enctype(add_form) }}>
+  <div id="element_add_box" style="display: none;">
     
-    {% include "MuzichCoreBundle:Element:form.add.html.twig" with { 
-      'form'          : add_form, 
-      'form_name'     : add_form_name
-    } %}
+    <a href="#" id="element_add_close_link">
+      {{ 'home.add_element_box.close'|trans({}, 'navigationui') }} >>
+    </a>
+    
+    <form action="{{ path('element_add') }}" method="post" {{ form_enctype(add_form) }}>
+
+      {% include "MuzichCoreBundle:Element:form.add.html.twig" with { 
+        'form'          : add_form, 
+        'form_name'     : add_form_name
+      } %}
 
-    <input type="submit" />
-  </form>
+      <input type="submit" />
+    </form>
+  </div>
 
-  #######
+  <a href="#" id="element_add_link">
+    {{ 'home.add_element'|trans({}, 'navigationui') }} >>
+  </a>
 
   {% include "MuzichCoreBundle:SearchElement:form.html.twig" with { 
     'form_name'      : search_form_name,

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

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

web/bundles/muzichhome/css/home.css

@@ -4,4 +4,16 @@
 {
   float: right;
   text-decoration: none;
+}
+
+#container #element_add_link, #container #element_add_close_link
+{
+  font-size: 120%;
+  float: right;
+}
+
+#container #element_add_box
+{
+  background-color: #e3f6fd;
+  padding: 20px;
 }

web/bundles/muzichhome/js/home.js

@@ -0,0 +1,16 @@
+$(document).ready(function(){
+   
+   $('#element_add_link').click(function(){
+     $('#element_add_box').slideDown("slow");
+     $('#element_add_link').hide();
+     return false;
+   });   
+   
+   $('#element_add_close_link').click(function(){
+     $('#element_add_box').slideUp("slow");
+     $('#element_add_link').show();
+     return false;
+   }); 
+   
+   
+ });