Ajout des onglets de navigation Le réseau / Mon réseau

src/Muzich/CoreBundle/Resources/views/Menu/containerMenu.html.twig

@@ -0,0 +1,13 @@
+
+<ul id="top-tabs">
+  <li {% if active == 'public' %} class="active" {% endif %}>
+    <a href="{{ path('home') }}">
+      Le réseau
+    </a>
+  </li>
+  <li {% if active == 'private' %} class="active" {% endif %}>
+    <a href="{{ path('mynetwork_index') }}">
+      Mon réseau
+    </a>
+  </li>
+</ul>

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

@@ -3,7 +3,7 @@
 {% block title %}Réseau{% endblock %}
 
 {% block content %}
-    
+
   {% include "MuzichCoreBundle:SearchElement:form.html.twig" %}
 
   {% render "MuzichCoreBundle:Search:doSearchElements" with { 'search': search_object } %}

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

@@ -5,5 +5,9 @@
 {% endblock %}
 
 {% block main_content %}
+  
+    {% include "MuzichCoreBundle:Menu:containerMenu.html.twig" with { 'active': 'public' } %}
+  
     {% block content %}{% endblock %}
+  
 {% endblock %}

src/Muzich/MynetworkBundle/Resources/views/Mynetwork/search.html.twig

@@ -32,7 +32,7 @@
       <ul>
       {% for user in results.users %} 
         <li>
-          {{ user.username }}
+          <a href="{{ path('show_user', { 'slug': user.slug }) }}">{{ user.username }}</a>
         </li>
       {% endfor %}
       </ul>
@@ -46,7 +46,7 @@
       <ul>
       {% for group in results.groups %} 
         <li>
-          {{ group.name }}
+          <a href="{{ path('show_group', { 'slug': group.slug }) }}">{{ group.name }}</a>
         </li>
       {% endfor %}
       </ul>

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

@@ -5,5 +5,9 @@
 {% endblock %}
 
 {% block main_content %}
-    {% block content %}{% endblock %}
+  
+  {% include "MuzichCoreBundle:Menu:containerMenu.html.twig" with { 'active': 'private' } %}
+  
+  {% block content %}{% endblock %}
+  
 {% endblock %}

web/bundles/muzichcore/css/main.css

@@ -13,6 +13,10 @@
   border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
+  
+  -webkit-box-shadow: #666 0px 2px 3px;
+  -moz-box-shadow: #666 0px 2px 3px;
+  box-shadow: #666 0px 2px 3px;
 }
 
 #container h1
@@ -31,4 +35,43 @@
 #container h4
 {
   
+}
+
+#container #top-tabs
+{
+  float: left;
+  list-style: none outside none;
+  margin: -36px 16px 0 -6px;
+  padding: 0;
+}
+
+#container #top-tabs li
+{
+  float: left;
+  margin-left: 0px;
+  
+  padding-top: 3px;
+  padding-left: 5px;
+  padding-right: 5px;
+  padding-bottom: 3px;
+  
+  background-color: #e9e9e9;
+  
+  border-top: 1px solid #d5d5d5;
+  border-left: 1px solid #d5d5d5;
+  border-right: 1px solid #d5d5d5;
+  border-radius: 5px 5px 0px 0px;
+  -moz-border-radius: 5px 5px 0px 0px;
+  -webkit-border-radius: 5px 5px 0px 0px;
+  
+}
+
+#container #top-tabs li.active
+{
+  background-color: white;
+}
+
+#container #top-tabs li a
+{
+  text-decoration: none;
 }