Un peu de js sur interface inscription/connexion.

app/Resources/MuzichIndexBundle/views/layout.html.twig

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

app/Resources/translations/navigationui.fr.yml

@@ -9,4 +9,13 @@ top_bar:
   logout:               Déconnexion
   
 network:
-  mygroups:             Mes groupes
+  mygroups:             Mes groupes
+  
+registration:
+  display:              Créer un nouveau compte
+  
+login:
+  display:              J'ai déjà un compte
+  
+title:
+  hello:                Découvrez et partagez la musique !

src/Muzich/IndexBundle/Resources/views/Index/index.html.twig

@@ -1,17 +1,25 @@
 {% extends "MuzichIndexBundle::layout.html.twig" %}
 
-{% block title %}Découvrez et partagez{% endblock %}
+{% block title %}{{ 'title.hello'|trans({}, 'navigationui') }}{% endblock %}
 
 {% block content %}
     
   <div class="hello">
 
-    <div class="login_box">
+    <div id="login_box">
       {% include "MuzichUserBundle:Security:login.html.twig" %}
         
-      <br /><br />
-      
+      <a href="#" id="registration_link">
+        {{ 'registration.display'|trans({}, 'navigationui') }} >>
+      </a>
+    </div>
+    
+    <div id="registration_box" style="display: none;">
       {% include "MuzichUserBundle:Registration:register.html.twig" %}
+        
+      <a href="#" id="login_link">
+        {{ 'login.display'|trans({}, 'navigationui') }} >>
+      </a>
     </div>
     
   </div>

web/bundles/muzichindex/css/index.css

@@ -6,7 +6,7 @@
   padding: 30px;
 }
 
-.hello .login_box
+.hello #login_box, .hello #registration_box
 {
   width: 525px;
   margin-left: auto;
@@ -15,7 +15,13 @@
   padding: 20px;
 }
 
-.login_box input[id="username"], .login_box input[id="password"]
+#login_box input[id="username"], #login_box input[id="password"]
 {
   width: 100px;
 }
+
+#registration_link, #login_link
+{
+  float: right;
+  font-size: 120%;
+}

web/bundles/muzichindex/js/index.js

@@ -0,0 +1,14 @@
+$(document).ready(function(){
+   
+   $('#registration_link').click(function(){
+     $('#registration_box').slideDown("slow");
+     $('#login_box').slideUp("slow");
+   });
+   
+   $('#login_link').click(function(){
+     $('#login_box').slideDown("slow");
+     $('#registration_box').slideUp("slow");
+   });
+   
+   
+ });