diff --git a/app/components/nav/sidebar.hbs b/app/components/nav/sidebar.hbs index 10cef834b8193a74a69159d93038bf7eb6322ecc..b6f57a08f60470cb7f487497ef04c09d7b176267 100644 --- a/app/components/nav/sidebar.hbs +++ b/app/components/nav/sidebar.hbs @@ -6,8 +6,11 @@ <hr> <ul class="nav nav-pills flex-column mb-auto"> <li class="nav-item"> - <LinkTo @route="authenticated.index" class="nav-link text-white" aria-current="page"> - <i class="bi-folder me-2"></i>Documents + <LinkTo + @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> </li> <li> diff --git a/app/components/nav/sidebar.js b/app/components/nav/sidebar.js new file mode 100644 index 0000000000000000000000000000000000000000..036499f0a4447d900f359d761c9b6965753710f6 --- /dev/null +++ b/app/components/nav/sidebar.js @@ -0,0 +1,31 @@ +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 ""; + } +} diff --git a/app/components/nav/topbar.js b/app/components/nav/topbar.js index 6147a6662858207f63716df77a8da6b883f0610c..e9dc8efe5f22f686cf1ee3854c841094167b2c02 100644 --- a/app/components/nav/topbar.js +++ b/app/components/nav/topbar.js @@ -2,6 +2,7 @@ import Component from '@glimmer/component'; import { action } from '@ember/object'; import { inject as service } from '@ember/service'; + export default class TopbarComponent extends Component { @service session; @service currentUser;