From b01e954deafedeefda7fff6c02e93c26f6d04608 Mon Sep 17 00:00:00 2001
From: Mitan Omar <mitan@gmx.ch>
Date: Thu, 9 Jan 2025 16:30:28 +0100
Subject: [PATCH] feat: add timed docs to top nav

---
 frontend/app/components/topnav.hbs        | 11 +++++++++
 frontend/app/components/topnav.js         |  2 ++
 frontend/app/services/docs.js             | 29 +++++++++++++++++++++++
 frontend/tests/unit/services/docs-test.js | 12 ++++++++++
 4 files changed, 54 insertions(+)
 create mode 100644 frontend/app/services/docs.js
 create mode 100644 frontend/tests/unit/services/docs-test.js

diff --git a/frontend/app/components/topnav.hbs b/frontend/app/components/topnav.hbs
index 65ebfc816..e6bdeac49 100644
--- a/frontend/app/components/topnav.hbs
+++ b/frontend/app/components/topnav.hbs
@@ -88,6 +88,17 @@
       </Topnav::List>
       <Topnav::List class="md:ml-auto md:border-t-0">
         <ReportReviewWarning @class="max-md:hidden" />
+        <Topnav::ListItem>
+          <Topnav::LinkTo
+            @onClick={{fn (mut this.expand) false}}
+            title="Timed Documentation Of This Page"
+            href={{this.docs.getDocsEndpoint}}
+            target="_blank"
+          >
+            <FaIcon @icon="book" />
+            Docs
+          </Topnav::LinkTo>
+        </Topnav::ListItem>
         <Topnav::ListItem>
           <Topnav::LinkTo
             @onClick={{fn (mut this.expand) false}}
diff --git a/frontend/app/components/topnav.js b/frontend/app/components/topnav.js
index c170eaf54..59b802272 100644
--- a/frontend/app/components/topnav.js
+++ b/frontend/app/components/topnav.js
@@ -7,6 +7,8 @@ export default class Topnav extends Component {
 
   @service media;
 
+  @service docs;
+
   @tracked expand = false;
 
   get navMobile() {
diff --git a/frontend/app/services/docs.js b/frontend/app/services/docs.js
new file mode 100644
index 000000000..a038c6aee
--- /dev/null
+++ b/frontend/app/services/docs.js
@@ -0,0 +1,29 @@
+import Service, { service } from '@ember/service';
+
+export default class DocsService extends Service {
+  timedDocsURL = "https://timed.dev/docs/";
+  @service router;
+
+  get getDocsEndpoint() {
+    return this.timedDocsURL + this.getDocsURL;
+  }
+
+  get getDocsURL() {
+    const docsUrlMatch = {
+      // timedUrl: DocsUrl
+      "/attendances": "tracking/attendances",
+      "/reports": "tracking/timesheet",
+      "/analysis": "analysis",
+      "/statistics": "statistics",
+      "/projects": "projects",
+      "/users": "users",
+      "/": "tracking/activities",
+    };
+
+    for (const timedUrl of Object.keys(docsUrlMatch)) {
+      if (this.router.currentURL.startsWith(timedUrl)) {
+        return docsUrlMatch[timedUrl];
+      }
+    }
+  }
+}
diff --git a/frontend/tests/unit/services/docs-test.js b/frontend/tests/unit/services/docs-test.js
new file mode 100644
index 000000000..fc542c3cd
--- /dev/null
+++ b/frontend/tests/unit/services/docs-test.js
@@ -0,0 +1,12 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'timed/tests/helpers';
+
+module('Unit | Service | docs', function (hooks) {
+  setupTest(hooks);
+
+  // TODO: Replace this with your real tests.
+  test('it exists', function (assert) {
+    let service = this.owner.lookup('service:docs');
+    assert.ok(service);
+  });
+});