fix(template): update get doc item by path for lite mode (#229)

docgeni · Sep 15, 2021 · b2925e0 · b2925e0
1 parent 41f2a5e
commit b2925e0
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 6 deletions.
diff --git a/packages/template/src/services/navigation.service.spec.ts b/packages/template/src/services/navigation.service.spec.ts
@@ -185,6 +185,7 @@ describe('NavigationService', () => {
     });
 
     it('should get doc item by path [intro/getting-started] success', () => {
+        spectator.service.selectChannelByPath('guides');
         const docItem = spectator.service.getDocItemByPath('intro/getting-started');
         expect(docItem).toEqual({
             id: 'getting-started',

diff --git a/packages/template/src/services/navigation.service.ts b/packages/template/src/services/navigation.service.ts
@@ -56,7 +56,7 @@ export class NavigationService {
             }
         } else {
             index = this.docItems.findIndex(docItem => {
-                return docItem.path === path;
+                return docItem.path === path && (this.global.config.mode === 'lite' ? true : !docItem.channelPath);
             });
         }
         if (index > -1) {

diff --git a/packages/template/src/shared/doc-pages-links/doc-pages-links.component.html b/packages/template/src/shared/doc-pages-links/doc-pages-links.component.html
@@ -1,6 +1,6 @@
 <div class="dg-pages-link">
   <div class="dg-page-link" *ngIf="docPages.pre && docPages.pre.channelPath">
-    <a [routerLink]="['/' + docPages.pre.channelPath + '/' + docPages.pre.path]">
+    <a [routerLink]="[preRouterLink]">
       <div class="dg-page-link-icon">
         <dg-icon iconName="arrowLeft"></dg-icon>
       </div>
@@ -15,7 +15,7 @@
     </a>
   </div>
   <div class="dg-page-link" *ngIf="docPages.next && docPages.next.channelPath">
-    <a [routerLink]="['/' + docPages.next.channelPath + '/' + docPages.next.path]">
+    <a [routerLink]="[nextRouterLink]">
       <div class="dg-page-link-icon">
         <dg-icon iconName="arrowRight"></dg-icon>
       </div>

diff --git a/packages/template/src/shared/doc-pages-links/doc-pages-links.component.ts b/packages/template/src/shared/doc-pages-links/doc-pages-links.component.ts
@@ -1,14 +1,32 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 import { NavigationItem } from '@docgeni/template';
+import { GlobalContext } from '@docgeni/template/services/public-api';
 
 @Component({
     selector: 'dg-doc-pages-links',
     templateUrl: './doc-pages-links.component.html'
 })
-export class DocPagesLinksComponent {
+export class DocPagesLinksComponent implements OnInit {
     @Input() docPages: {
         pre: NavigationItem;
         next: NavigationItem;
     };
-    constructor() {}
+    preRouterLink: string;
+    nextRouterLink: string;
+    constructor(private globalContext: GlobalContext) {}
+
+    ngOnInit(): void {
+        if (this.docPages.pre) {
+            this.preRouterLink =
+                this.globalContext.config.mode === 'lite'
+                    ? `/${this.docPages.pre.path}`
+                    : `/${this.docPages.pre.channelPath}/${this.docPages.pre.path}`;
+        }
+        if (this.docPages.next) {
+            this.nextRouterLink =
+                this.globalContext.config.mode === 'lite'
+                    ? `/${this.docPages.next.path}`
+                    : `/${this.docPages.next.channelPath}/${this.docPages.next.path}`;
+        }
+    }
 }