affichage du menu utilisateur dans le header

diff --git a/mw/app/out/default/css/style.css b/mw/app/out/default/css/style.css
index 8d87b8b..5a4abb9 100644 (file)
--- a/mw/app/out/default/css/style.css
+++ b/mw/app/out/default/css/style.css
@@ -56,7 +56,7 @@ body{
 
 #main_header .content{
   padding: 10px 0 3px 0;
-  min-height: 11em;
+/*  min-height: 11em;*/
   position: relative;
 }
 
@@ -69,7 +69,7 @@ body{
 
 #menu_top{
   position: absolute;
-  bottom: 5px;
+  bottom: 0px;
   right: 30px;
 }
 
@@ -140,10 +140,46 @@ body{
   background-repeat: no-repeat;
 }
 
-#main_header .menu_user{
+#main_header ul.menu_user{
+  float: left;
+  border: solid 1px #d5d5d5;
+  border-radius: 3px;
+  padding: 0;
+  margin-bottom: 5px;
+}
+#main_header ul.menu_user li{
+  position: relative;
+}
+#main_header ul.menu_user li .welcome,
+#main_header ul.menu_user li a{
+  display: block;
+  padding: 0.4em 1em;
+  background-color: #ffffff;
+}
+#main_header ul.menu_user li .welcome{
+  padding: 0.4em 1.5em 0.4em 2.8em;
+  background-image: url(../icons/desc.gif);
+  background-position: 1em 0.8em;
+  background-repeat: no-repeat;
+}
+#main_header ul.menu_user li .welcome:hover,
+#main_header ul.menu_user li a:hover{
+  background-color: #f5f5f5;
+}
+#main_header ul.menu_user li a:hover{
+  color: #000066;
+}
+#main_header ul.menu_user ul{
   position: absolute;
-  top: 4em;
-  left: 30px;
+  top: 100%;
+  left: -1px;
+  border: solid 1px #d5d5d5;
+  background-color: #ffffff;
+  box-shadow: 4px 4px 10px #d5d5d5;
+  display: none;
+}
+#main_header ul.menu_user ul li a{
+  padding: 0.3em 7em 0.3em 3em;
 }
 
 /* --------------------------------------------- CONTENUS */

diff --git a/mw/app/out/default/js/script.js b/mw/app/out/default/js/script.js
index 384a53d..c8139b3 100644 (file)
--- a/mw/app/out/default/js/script.js
+++ b/mw/app/out/default/js/script.js
@@ -1,6 +1,7 @@
 $(document).ready(
   function(){
     init_menu_top();
+    init_menu_user();
   }
 );
 
@@ -14,3 +15,13 @@ function init_menu_top(){
     }
   );
 }
+function init_menu_user(){
+  $("#main_header ul.menu_user li").hover(
+    function(){
+      $(this).find("ul").first().fadeIn(200);
+    },
+    function(){
+      $(this).find("ul").first().fadeOut(200);
+    }
+  );
+}

diff --git a/mw/app/out/default/views/menu_user.php b/mw/app/out/default/views/menu_user.php
index d6e42d9..e1ef68f 100644 (file)
--- a/mw/app/out/default/views/menu_user.php
+++ b/mw/app/out/default/views/menu_user.php
@@ -1,20 +1,21 @@
 <ul class="menu_user">
-<?php if(!($user = $this->user())) : ?>
+  <?php if($user = $this->user()) : ?>
+  <li>
+    <span class="welcome">Bienvenue <strong><?php echo $user["login"]; ?></strong></span>
+    <ul>
+      <?php if($this->action_allowed("users/infos")) : ?>
+      <li><a href="<?php echo $this->url("users/infos"); ?>">compte</a></li>
+      <?php endif; ?>
+      <?php if($this->action_allowed("admin")) : ?>
+      <li><a href="<?php echo $this->url("admin"); ?>">admin</a></li>
+      <?php endif; ?>
+      <?php if($this->action_allowed("config")) : ?>
+      <li><a href="<?php echo $this->url("config"); ?>">config</a></li>
+      <?php endif; ?>
+      <li><a href="<?php echo $this->url("users/identification/logout"); ?>">deconnexion</a></li>
+    </ul>
+  </li>
+  <?php else : ?>
   <li><a href="<?php echo $this->url("users/identification"); ?>">s'identifier</a></li>
-<?php else : ?>
-  <li>Bienvenue <strong><?php echo $user["login"]; ?></strong></li>
-  <?php if($this->action_allowed("users/infos")) : ?>
-  <li><a href="<?php echo $this->url("users/infos"); ?>">compte</a></li>
   <?php endif; ?>
-<?php if($this->action_allowed("admin")) : ?>
-  <li><a href="<?php echo $this->url("admin"); ?>">admin</a></li>
-<?php endif; ?>
-<?php if($this->action_allowed("config")) : ?>
-  <li><a href="<?php echo $this->url("config"); ?>">config</a></li>
-<?php endif; ?>
-  <li><a href="<?php echo $this->url("users/identification/logout"); ?>">deconnexion</a></li>
-<?php endif; ?>
-<?php if($this->out_config("mtweb_footer_link")) : ?>
-  <li><a href="http://mtweb.dj3c1t.com/">mtweb</a></li>
-<?php endif; ?>
-</ul>
+</ul>
\ No newline at end of file