Concept of 2 level navigation sidebar

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

app/assets/stylesheets/framework/sidebar.scss

@@ -309,3 +309,56 @@
     padding-right: $sidebar_collapsed_width;
   }
 }
+
+.page-sidebar-expanded {
+  .complex-sidebar {
+    margin-bottom: 100px;
+    display: inline-block;
+
+    .nav-sidebar {
+      margin-bottom: 0;
+    }
+
+    .nav-primary {
+      width: 60px;
+      float: left;
+
+      .nav-sidebar {
+        width: 60px;
+
+        li a {
+          width: 60px;
+
+          span {
+            display: none;
+          }
+        }
+      }
+    }
+
+    .nav-secondary {
+      border-left: 1px solid rgba(255, 255, 255, 0.1);
+      float: left;
+      width: 168px;
+
+      .nav-sidebar {
+        width: 168px;
+
+        li a {
+          width: 168px;
+
+          i {
+            display: none;
+          }
+        }
+      }
+    }
+  }
+}
+
+.page-sidebar-collapsed {
+  .nav-secondary {
+    display: none;
+    transition-duration: .3s;
+  }
+}

app/views/layouts/nav/_project.html.haml

-%ul.nav.nav-sidebar
-  - if @project.group
-    = nav_link do
-      = link_to group_path(@project.group), title: 'Go to group', class: 'back-link' do
-        = icon('caret-square-o-left fw')
-        %span
-          Go to group
-  - else
-    = nav_link do
-      = link_to root_path, title: 'Go to dashboard', class: 'back-link' do
-        = icon('caret-square-o-left fw')
-        %span
-          Go to dashboard
-
-  %li.separate-item
-
+.complex-sidebar
+  .nav-primary
+    = render 'layouts/nav/dashboard'
+  .nav-secondary
+    %ul.nav.nav-sidebar
       = nav_link(path: 'projects#show', html_options: {class: 'home'}) do
         = link_to project_path(@project), title: 'Project', class: 'shortcuts-project' do
           = icon('bookmark fw')