diff --git a/app/modules/navigation-bar/navigation-bar.directive.coffee b/app/modules/navigation-bar/navigation-bar.directive.coffee index ef3c0f2a..e4da024d 100644 --- a/app/modules/navigation-bar/navigation-bar.directive.coffee +++ b/app/modules/navigation-bar/navigation-bar.directive.coffee @@ -1,7 +1,13 @@ -NavigationBarDirective = (currentUserService) -> +NavigationBarDirective = (currentUserService, $location) -> link = (scope, el, attrs, ctrl) -> scope.vm = {} + scope.$on "$routeChangeSuccess", () -> + if $location.path() == "/" + scope.vm.active = true + else + scope.vm.active = false + taiga.defineImmutableProperty(scope.vm, "projects", () -> currentUserService.projects.get("recents")) taiga.defineImmutableProperty(scope.vm, "isAuthenticated", () -> currentUserService.isAuthenticated()) @@ -14,7 +20,8 @@ NavigationBarDirective = (currentUserService) -> return directive NavigationBarDirective.$inject = [ - "tgCurrentUserService" + "tgCurrentUserService", + "$location" ] angular.module("taigaNavigationBar").directive("tgNavigationBar", NavigationBarDirective) diff --git a/app/modules/navigation-bar/navigation-bar.jade b/app/modules/navigation-bar/navigation-bar.jade index ba5455a6..ec3687eb 100644 --- a/app/modules/navigation-bar/navigation-bar.jade +++ b/app/modules/navigation-bar/navigation-bar.jade @@ -19,10 +19,9 @@ nav.navbar(ng-if="vm.isAuthenticated") translate="PROJECT.NAVIGATION.HELP") div.nav-right - a( - href="#", - tg-nav="home", - title="{{'PROJECT.NAVIGATION.DASHBOARD_TITLE' | translate}}") + a(tg-nav="home", + ng-class="{active: vm.active}", + title="{{'PROJECT.NAVIGATION.DASHBOARD_TITLE' | translate}}") include ../../svg/dashboard.svg diff --git a/app/modules/navigation-bar/navigation-bar.scss b/app/modules/navigation-bar/navigation-bar.scss index c0810447..b5ed58b2 100644 --- a/app/modules/navigation-bar/navigation-bar.scss +++ b/app/modules/navigation-bar/navigation-bar.scss @@ -47,6 +47,7 @@ color: $white; display: inline-block; transition: all .2s linear; + &.active, &:hover { background: rgba($black, .2); color: $fresh-taiga;