Skip to content
Snippets Groups Projects
Commit 01f70e8b authored by Eugen Ciur's avatar Eugen Ciur
Browse files

highlight home tab for all nodes in "authenticated.nodes" route

parent 24cab561
Branches
Tags
No related merge requests found
...@@ -6,8 +6,11 @@ ...@@ -6,8 +6,11 @@
<hr> <hr>
<ul class="nav nav-pills flex-column mb-auto"> <ul class="nav nav-pills flex-column mb-auto">
<li class="nav-item"> <li class="nav-item">
<LinkTo @route="authenticated.index" class="nav-link text-white" aria-current="page"> <LinkTo
<i class="bi-folder me-2"></i>Documents @route="authenticated.nodes"
@model="{{this.home_id}}"
class="nav-link text-white {{this.active}}" aria-current="page">
<i class="fa fa-home me-2"></i>Home
</LinkTo> </LinkTo>
</li> </li>
<li> <li>
......
import Component from '@glimmer/component';
import { inject as service } from '@ember/service';
export default class SidebarComponent extends Component {
@service session;
@service currentUser;
@service router;
get home_id() {
return 75;
}
get active() {
/*
Returns "active" for "authenticated.nodes" route regardless
of current node ID.
"active" is used as css class name in component's template.
*/
let route_name;
route_name = this.router.currentRoute.name;
if (route_name === "authenticated.nodes") {
return "active";
}
return "";
}
}
...@@ -2,6 +2,7 @@ import Component from '@glimmer/component'; ...@@ -2,6 +2,7 @@ import Component from '@glimmer/component';
import { action } from '@ember/object'; import { action } from '@ember/object';
import { inject as service } from '@ember/service'; import { inject as service } from '@ember/service';
export default class TopbarComponent extends Component { export default class TopbarComponent extends Component {
@service session; @service session;
@service currentUser; @service currentUser;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment