Merge pull request #497 from taigaio/issue/2750/timeline-button

Back button to project timeline

app/coffee/app.coffee

@@ -66,6 +66,7 @@ configure = ($routeProvider, $locationProvider, $httpProvider, $provide, $tgEven
             loader: true,
             controller: "Project",
             controllerAs: "vm"
+            section: "project-timeline"
         }
     )
 

app/locales/locale-en.json

@@ -567,6 +567,7 @@
         },
         "SECTION": {
             "SEARCH": "Search",
+            "TIMELINE": "Timeline",
             "BACKLOG": "Backlog",
             "KANBAN": "Kanban",
             "ISSUES": "Issues",

app/modules/components/project-menu/project-menu.jade

@@ -6,6 +6,11 @@ nav.menu(ng-if="vm.project")
                     span(class="icon icon-search")
                     span.helper(translate="PROJECT.SECTION.SEARCH")
 
+             li(id="nav-timeline")
+                a(ng-class="{active: vm.active == 'project-timeline'}", title="{{'PROJECT.SECTION.TIMELINE' | translate}}", tg-nav="project:project=vm.project.get('slug')", tabindex="2")
+                    include ../../../svg/timeline.svg
+                    span.helper(translate="PROJECT.SECTION.TIMELINE")
+
             li(id="nav-backlog", ng-if="vm.menu.get('backlog')")
                 a(ng-class="{active: vm.active == 'backlog'}", title="{{'PROJECT.SECTION.BACKLOG' | translate}}", tg-nav="project-backlog:project=vm.project.get('slug')", tabindex="2")
                     span(class="icon icon-backlog")

app/styles/modules/common/nav.scss

@@ -51,6 +51,10 @@ tg-project-menu {
             }
         }
     }
+    svg path {
+        fill: $white;
+        opacity: 1;
+    }
     span {
         display: block;
     }
@@ -67,6 +71,10 @@ tg-project-menu {
     .active {
         background: rgba($black, .2);
         color: $fresh-taiga;
+        svg path {
+            fill: $fresh-taiga;
+            opacity: 1;
+        }
     }
 }
 

app/svg/timeline.svg

@@ -0,0 +1 @@
+<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" version="1.1"><path d="m0 16.5 24 0 0-3-24 0 0 3zm0 6 24 0 0-3-24 0 0 3zm0-12 24 0 0-3-24 0 0 3zm0-9 0 3 24 0 0-3-24 0z"/></svg>