dashboard tabs

app/assets/stylesheets/projects.css.scss

@@ -507,3 +507,25 @@ body.project-page table.no-borders td{
   right: 5px;
 }
 .box-arrow{float: right; background: #E3E5EA; padding: 10px; border-radius: 5px; margin-top: 2px; text-shadow: none; color: #999; margin: 1.5em 0;}
+
+h4.dash-tabs { 
+  margin: 0; 
+  border-bottom: 1px solid #ccc; 
+  padding: 10px 10px;
+  font-size: 11px;
+  padding-left:20px;
+  font-weight: bold; text-transform: uppercase;
+  background: #F7F7F7;
+  margin-bottom:20px;
+}
+
+.dash-button { 
+  margin-right:5px;
+  @include round-borders-all(4px);
+  border: 1px solid #ddd;
+  background:none;
+
+  &.active { 
+    background: #eaeaea;
+  }
+}

app/views/dashboard/_issues_feed.html.haml

@@ -1,14 +1,3 @@
-%div
-  = link_to dashboard_path, :remote => true, :class => "left" do 
-    .box-arrow
-      ←
-  %h2{:style => "width:86%; text-align:center"}
-    Issues
-  = link_to dashboard_merge_requests_path, :remote => true, :class => "right" do 
-    .box-arrow 
-      →
-
-
 #feeds_content_holder
   .project-box.project-updates.ui-box.ui-box-small.ui-box-big
     .data

app/views/dashboard/_menu.html.haml

@@ -0,0 +1,13 @@
+%h4.dash-tabs
+  = link_to "Activities", dashboard_path, :remote => true, :class => "button-small dash-button #{"active" if current_page?(dashboard_path) || current_page?(root_path) }", :id => "activities_slide"
+  = link_to "Issues", dashboard_issues_path, :remote => true, :class => "button-small dash-button #{"active" if current_page?(dashboard_issues_path)}", :id => "issues_slide"
+  = link_to "Merge Requests", dashboard_merge_requests_path, :remote => true, :class => "button-small dash-button #{"active" if current_page?(dashboard_merge_requests_path)}", :id => "merge_requests_slide"
+
+
+:javascript 
+  $(function(){
+    $(".dash-button").live("click", function() { 
+      $(".dash-button").removeClass("active");
+      $(this).addClass("active");
+    })
+  });

app/views/dashboard/_merge_requests_feed.html.haml

@@ -1,13 +1,3 @@
-%div
-  = link_to dashboard_issues_path, :remote => true, :class => "left" do 
-    .box-arrow
-      ←
-  %h2{:style => "width:86%; text-align:center"}
-    Merge Requests
-  = link_to dashboard_path, :remote => true, :class => "right" do 
-    .box-arrow 
-      →
-
 #feeds_content_holder
   .project-box.project-updates.ui-box.ui-box-small.ui-box-big
     .data

app/views/dashboard/_projects_feed.html.haml

@@ -1,13 +1,3 @@
-%div
-  = link_to dashboard_merge_requests_path, :remote => true, :class => "left", :id => "merge_requests_slide" do 
-    .box-arrow
-      ←
-  %h2{:style => "width:86%; text-align:center"}
-    Activities
-  = link_to dashboard_issues_path, :remote => true, :class => "right", :id => "issues_slide" do 
-    .box-arrow 
-      →
-
 #feeds_content_holder
   - @active_projects.first(3).each do |project|
     .project-box.project-updates.ui-box.ui-box-small.ui-box-big

app/views/dashboard/index.html.haml

@@ -2,4 +2,5 @@
 
 #dashboard-content.dashboard-content.content
   = render "dashboard/sidebar"
+  = render "dashboard/menu"
   #news-feed.news-feed= render "dashboard/projects_feed"

app/views/dashboard/issues.html.haml

@@ -2,4 +2,5 @@
 
 #dashboard-content.dashboard-content.content
   = render "dashboard/sidebar"
+  = render "dashboard/menu"
   #news-feed.news-feed= render "dashboard/issues_feed"

app/views/dashboard/merge_requests.html.haml

@@ -2,4 +2,5 @@
 
 #dashboard-content.dashboard-content.content
   = render "dashboard/sidebar"
+  = render "dashboard/menu"
   #news-feed.news-feed= render "dashboard/merge_requests_feed"