Added css class to active menu items

thiagocamposviana · Dec 17, 2013 · 44722e2 · 44722e2
1 parent b823b5a
commit 44722e2
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 6 deletions.
diff --git a/Classes/Components/SideMenu.php b/Classes/Components/SideMenu.php
@@ -55,7 +55,7 @@ public function render(){
 
 
         return $this->controller->render(
-                        'TuteiBaseBundle:parts:side_menu.html.twig', array('list' => $list), $response
+                        'TuteiBaseBundle:parts:side_menu.html.twig', array('list' => $list, 'locations'=>$locations), $response
         );
 
 

diff --git a/Classes/Components/TopMenu.php b/Classes/Components/TopMenu.php
@@ -49,11 +49,13 @@ public function render(){
             new LocationPriority(Query::SORT_ASC)
         );
         $list = $searchService->findContent($query);
+
+        $locations = explode('/', $this->parameters['pathString']);
 
 
         return $this->controller->render(
                         'TuteiBaseBundle:parts:top_menu.html.twig', array(
-                    'list' => $list
+                    'list' => $list, 'locations'=>$locations
                         ), $response
         );
     }

diff --git a/Resources/views/pagelayout.html.twig b/Resources/views/pagelayout.html.twig
@@ -78,7 +78,7 @@
                 <div class="navbar-collapse collapse">
 
                     <ul class="nav navbar-nav">
-                        {{ render( controller( "tutei:showComponent", { 'name': 'TopMenu' } ) ) }}
+                        {{ render( controller( "tutei:showComponent", { 'name': 'TopMenu','parameters' : {'pathString': location.pathString } } ) ) }}
                     </ul>
                     <form class="navbar-form navbar-right" role="form" method="get" action="{{ path( 'ez_legacy', {'module_uri': '/content/search'} ) }}">
                         <div class="form-group">

diff --git a/Resources/views/parts/side_menu.html.twig b/Resources/views/parts/side_menu.html.twig
@@ -2,7 +2,11 @@
 <div class="navbar navbar-collapse side-menu"  role="navigation">
 <ul class="nav  nav-tabs nav-stacked">
         {% for item in list.searchHits %}
-        <li>{{ render(
+        {% set active = false %}
+        {% if item.valueObject.versionInfo.contentInfo.mainLocationId in locations %}
+            {% set active = true %}
+        {% endif %}
+        <li{% if active %} class="active"{% endif %}>{{ render(
                    controller(
                        'ez_content:viewLocation',
                        {

diff --git a/Resources/views/parts/top_menu.html.twig b/Resources/views/parts/top_menu.html.twig
@@ -1,11 +1,16 @@
 {% for item in list.searchHits %}
-<li>{{ render(
+
+{% set active = false %}
+{% if item.valueObject.versionInfo.contentInfo.mainLocationId in locations %}
+    {% set active = true %}
+{% endif %}
+<li{% if active %} class="active"{% endif %}>{{ render(
                    controller(
                        'ez_content:viewLocation',
                        {
                            'locationId': item.valueObject.versionInfo.contentInfo.mainLocationId,
                            'viewType': 'menu_item',
-                           'params': {}
+                           'params': {'active':active}
                        }
                    )
                ) }}</li>
-Original file line number
+Diff line change
@@ Expand Up / @@ -55,7 +55,7 @@ public function render(){ @@
             return $this->controller->render(
-                            'TuteiBaseBundle:parts:side_menu.html.twig', array('list' => $list), $response
+                            'TuteiBaseBundle:parts:side_menu.html.twig', array('list' => $list, 'locations'=>$locations), $response
             );
@@ Expand Down @@