Couche visuelle pour message flashs.

app/logs/prod.log

@@ -1,36 +0,0 @@
-[2011-09-06 10:17:47] request.ERROR: Symfony\Component\HttpKernel\Exception\NotFoundHttpException: No route found for "GET /" (uncaught exception) at /home/bux/NetBeansProjects/muzi.ch/vendor/symfony/src/Symfony/Bundle/FrameworkBundle/EventListener/RouterListener.php line 85 [] []
-[2011-09-06 10:18:52] request.ERROR: Symfony\Component\HttpKernel\Exception\NotFoundHttpException: No route found for "GET /" (uncaught exception) at /home/bux/NetBeansProjects/muzi.ch/vendor/symfony/src/Symfony/Bundle/FrameworkBundle/EventListener/RouterListener.php line 85 [] []
-[2011-09-09 10:43:54] security.INFO: Populated SecurityContext with an anonymous Token [] []
-[2011-09-09 10:43:54] request.INFO: Matched route "index" (parameters: "_controller": "Muzich\IndexBundle\Controller\IndexController::indexAction", "_route": "index") [] []
-[2011-09-09 10:43:54] request.CRITICAL: Twig_Error_Syntax: The function "code" does not exist in {} at line 7 (uncaught exception) at /home/bux/NetBeansProjects/muzich/vendor/twig/lib/Twig/Node/Expression/Function.php line 22 [] []
-[2011-09-09 17:10:54] security.INFO: Populated SecurityContext with an anonymous Token [] []
-[2011-09-09 17:10:54] request.ERROR: Symfony\Component\HttpKernel\Exception\NotFoundHttpException: No route found for "GET /images/favicon.ico" (uncaught exception) at /home/bux/NetBeansProjects/muzich/vendor/symfony/src/Symfony/Bundle/FrameworkBundle/EventListener/RouterListener.php line 85 [] []
-[2011-09-09 17:10:56] security.INFO: Populated SecurityContext with an anonymous Token [] []
-[2011-09-09 17:10:56] request.ERROR: Symfony\Component\HttpKernel\Exception\NotFoundHttpException: No route found for "GET /images/favicon.ico" (uncaught exception) at /home/bux/NetBeansProjects/muzich/app/cache/prod/classes.php line 4539 [] []
-[2011-09-09 17:10:57] security.INFO: Populated SecurityContext with an anonymous Token [] []
-[2011-09-09 17:10:57] request.ERROR: Symfony\Component\HttpKernel\Exception\NotFoundHttpException: No route found for "GET /images/favicon.ico" (uncaught exception) at /home/bux/NetBeansProjects/muzich/app/cache/prod/classes.php line 4539 [] []
-[2011-09-09 17:12:45] security.INFO: Populated SecurityContext with an anonymous Token [] []
-[2011-09-09 17:12:45] request.ERROR: Symfony\Component\HttpKernel\Exception\NotFoundHttpException: No route found for "GET /images/favicon.ico" (uncaught exception) at /home/bux/NetBeansProjects/muzich/app/cache/prod/classes.php line 4539 [] []
-[2011-09-09 17:14:06] security.INFO: Populated SecurityContext with an anonymous Token [] []
-[2011-09-09 17:14:06] request.ERROR: Symfony\Component\HttpKernel\Exception\NotFoundHttpException: No route found for "GET /images/favicon.ico" (uncaught exception) at /home/bux/NetBeansProjects/muzich/app/cache/prod/classes.php line 4539 [] []
-[2011-09-09 17:14:07] security.INFO: Populated SecurityContext with an anonymous Token [] []
-[2011-09-09 17:14:07] request.ERROR: Symfony\Component\HttpKernel\Exception\NotFoundHttpException: No route found for "GET /images/favicon.ico" (uncaught exception) at /home/bux/NetBeansProjects/muzich/app/cache/prod/classes.php line 4539 [] []
-[2011-09-09 17:14:08] security.INFO: Populated SecurityContext with an anonymous Token [] []
-[2011-09-09 17:14:08] request.ERROR: Symfony\Component\HttpKernel\Exception\NotFoundHttpException: No route found for "GET /images/favicon.ico" (uncaught exception) at /home/bux/NetBeansProjects/muzich/app/cache/prod/classes.php line 4539 [] []
-[2011-09-10 11:45:12] security.INFO: Populated SecurityContext with an anonymous Token [] []
-[2011-09-10 11:45:12] request.ERROR: Symfony\Component\HttpKernel\Exception\NotFoundHttpException: No route found for "GET /bundles/muzichindex/css/index.css" (uncaught exception) at /home/bux/NetBeansProjects/muzich/app/cache/prod/classes.php line 4539 [] []
-[2011-09-10 11:49:51] security.DEBUG: Read SecurityContext from the session [] []
-[2011-09-10 11:49:51] security.DEBUG: Reloading user from user provider. [] []
-[2011-09-10 11:49:52] security.DEBUG: Username "bux" was reloaded from user provider. [] []
-[2011-09-10 11:49:52] request.ERROR: Symfony\Component\HttpKernel\Exception\NotFoundHttpException: No route found for "GET /bundles/muzichhome/css/home.css" (uncaught exception) at /home/bux/NetBeansProjects/muzich/app/cache/prod/classes.php line 4539 [] []
-[2011-09-10 11:49:52] security.DEBUG: Write SecurityContext in the session [] []
-[2011-09-10 11:51:43] security.DEBUG: Read SecurityContext from the session [] []
-[2011-09-10 11:51:43] security.DEBUG: Reloading user from user provider. [] []
-[2011-09-10 11:51:43] security.DEBUG: Username "bux" was reloaded from user provider. [] []
-[2011-09-10 11:51:43] request.ERROR: Symfony\Component\HttpKernel\Exception\NotFoundHttpException: No route found for "GET /bundles/muzichhome/css/home.css" (uncaught exception) at /home/bux/NetBeansProjects/muzich/app/cache/prod/classes.php line 4539 [] []
-[2011-09-10 11:51:43] security.DEBUG: Write SecurityContext in the session [] []
-[2011-09-10 11:51:57] security.DEBUG: Read SecurityContext from the session [] []
-[2011-09-10 11:51:57] security.DEBUG: Reloading user from user provider. [] []
-[2011-09-10 11:51:57] security.DEBUG: Username "bux" was reloaded from user provider. [] []
-[2011-09-10 11:51:57] request.ERROR: Symfony\Component\HttpKernel\Exception\NotFoundHttpException: No route found for "GET /bundles/muzichhome/css/home.css" (uncaught exception) at /home/bux/NetBeansProjects/muzich/app/cache/prod/classes.php line 4539 [] []
-[2011-09-10 11:51:57] security.DEBUG: Write SecurityContext in the session [] []

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

@@ -15,10 +15,13 @@
 	<link href="{{ asset('bundles/muzichcore/css/base.css') }}" rel="stylesheet" media="screen" type="text/css" />
 	<link href="{{ asset('bundles/muzichcore/css/main.css') }}" rel="stylesheet" media="screen" type="text/css" />
   {% block css %}{% endblock %}
-	<script src="{{ asset('bundles/muzichcore/js/jquery-1.6.4.min.js') }}" type="text/javascript"></script>
+	<script src="{{ asset('js/jquery-1.6.4.min.js') }}" type="text/javascript"></script>
+	<script src="{{ asset('bundles/muzichcore/js/muzich.js') }}" type="text/javascript"></script>
   {% block js %}{% endblock %}
+  
 </head>
 <body>
+  
 	
   {% include "MuzichUserBundle:Account:topBar.html.twig" %}
   
@@ -26,6 +29,13 @@
     {% block main_content %}{% endblock %}
   </div>
   
+  
+  {% for key, flash in app.session.getFlashes() %}
+    <div class="{{ key }} message">
+      <a class="message-close" href="#" title="fermer"><img alt="close" src="{{ asset('bundles/muzichcore/img/1317386146_cancel.png') }}" /></a>
+      <h3>{{ flash }}</h3>
+    </div>
+  {% endfor %}
 </body>
 </html>
 

src/Muzich/UserBundle/Controller/UserController.php

@@ -38,7 +38,7 @@ class UserController extends Controller
     $process = $formHandler->process($user);
     if ($process)
     {
-      $this->container->get('session')->setFlash('fos_user_success', 'change_password.flash.success');
+      $this->container->get('session')->setFlash('success', 'Le mot de passe a été changé avec succès.');
       return new RedirectResponse($this->generateUrl('my_account'));
     }
     else

web/bundles/muzichcore/css/main.css

@@ -136,4 +136,119 @@ ul.inline
 ul.inline li
 {
   display: inline;
-}
+}
+
+
+/* Messages flash */
+
+.message
+{
+		-webkit-background-size: 40px 40px;
+		-moz-background-size: 40px 40px;
+		background-size: 40px 40px;			
+		background-image: -webkit-gradient(linear, left top, right bottom,
+								color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
+								color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
+								color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
+								to(transparent));
+		background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
+							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
+							transparent 75%, transparent);
+		background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
+							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
+							transparent 75%, transparent);
+		background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
+							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
+							transparent 75%, transparent);
+		background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
+							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
+							transparent 75%, transparent);
+		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
+							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
+							transparent 75%, transparent);
+								
+		 -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
+		 -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);		
+		 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
+		 width: 100%;
+		 border: 1px solid;
+		 color: #fff;
+		 padding: 15px;
+		 position: fixed;
+		 _position: absolute;
+		 text-shadow: 0 1px 0 rgba(0,0,0,.5);
+		 -webkit-animation: animate-bg 5s linear infinite;
+		 -moz-animation: animate-bg 5s linear infinite;
+}
+
+.info
+{
+		 background-color: #4ea5cd;
+		 border-color: #3b8eb5;
+}
+
+.error
+{
+		 background-color: #de4343;
+		 border-color: #c43d3d;
+}
+		 
+.warning
+{
+		 background-color: #eaaf51;
+		 border-color: #d99a36;
+}
+
+.success
+{
+		 background-color: #61b832;
+		 border-color: #55a12c;
+}
+
+.message h3
+{
+		 margin: 0 0 5px 0;													 
+}
+
+.message p
+{
+		 margin: 0;													 
+}
+
+.message a.message-close
+{
+  float: right;
+  margin-top: -14px;
+  margin-right: 18px;
+  margin-bottom: -11px;
+}
+
+.message a.message-close img:HOVER
+{
+  width: 52px;
+  height: 52px;
+  margin-bottom: -13px;
+}
+
+@-webkit-keyframes animate-bg
+{
+    from {
+        background-position: 0 0;
+    }
+    to {
+       background-position: -80px 0;
+    }
+}
+
+
+@-moz-keyframes animate-bg 
+{
+    from {
+        background-position: 0 0;
+    }
+    to {
+       background-position: -80px 0;
+    }
+}
+
+/* Message flash end */

web/bundles/muzichcore/js/muzich.js

@@ -0,0 +1,29 @@
+
+// Messages flashs
+
+var myMessages = ['info','warning','error','success']; // define the messages types	
+
+function hideAllMessages()
+{
+  var messagesHeights = new Array(); // this array will store height for each
+	 
+ for (i=0; i<myMessages.length; i++)
+ {
+    messagesHeights[i] = $('.' + myMessages[i]).outerHeight();
+    $('.' + myMessages[i]).css('top', -messagesHeights[i]); //move element outside viewport	  
+ }
+}
+
+$(document).ready(function(){
+		 
+  // Initially, hide them all
+  hideAllMessages();
+
+  $('.message').animate({top:"0"}, 500);
+
+  // When message is clicked, hide it
+  $('.message a.message-close').click(function(){			  
+    $(this).parent('.message').animate({top: -$(this).outerHeight()-50}, 700);
+  });		 
+		 
+});