From 01f70e8bb303803fc21184f0653122dd93621415 Mon Sep 17 00:00:00 2001
From: Eugen Ciur <eugen@papermerge.com>
Date: Sun, 7 Nov 2021 08:38:48 +0100
Subject: [PATCH] highlight home tab for all nodes in "authenticated.nodes"
route
---
app/components/nav/sidebar.hbs | 7 +++++--
app/components/nav/sidebar.js | 31 +++++++++++++++++++++++++++++++
app/components/nav/topbar.js | 1 +
3 files changed, 37 insertions(+), 2 deletions(-)
create mode 100644 app/components/nav/sidebar.js
diff --git a/app/components/nav/sidebar.hbs b/app/components/nav/sidebar.hbs
index 10cef83..b6f57a0 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 0000000..036499f
--- /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 6147a66..e9dc8ef 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;
--
GitLab