feat(navigator): add EventEmitter to selected item

Teradata · Aug 10, 2022 · 537697c · 537697c
1 parent 4c652a8
commit 537697c
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 4 deletions.
diff --git a/libs/markdown-navigator/README.md b/libs/markdown-navigator/README.md
@@ -26,6 +26,8 @@ A component for rendering and navigating through markdown, such as documentation
 
 - buttonClicked: ITdFlavoredMarkdownButtonClickEvent
   - Emitted when a button is clicked
+- itemSelected: IMarkdownNavigatorItem
+  - Emitted the selected item when a item is selected
 
 For reference:
 
@@ -117,6 +119,8 @@ A component that contains a MarkdownNavigator component and a toolbar
   - Event emitted when the close button is clicked.
 - buttonClicked: ITdFlavoredMarkdownButtonClickEvent
   - Emitted when a button is clicked
+- itemSelected: IMarkdownNavigatorItem
+  - Emitted the selected item when a item is selected
 
 ## Setup
 

diff --git a/...markdown-navigator/src/markdown-navigator-window/markdown-navigator-window.component.html b/...markdown-navigator/src/markdown-navigator-window/markdown-navigator-window.component.html
@@ -17,5 +17,6 @@
     [copyCodeToClipboard]="copyCodeToClipboard"
     [copyCodeTooltips]="copyCodeTooltips"
     (buttonClicked)="buttonClicked.emit($event)"
+    (itemSelected)="itemSelected.emit($event)"
   ></td-markdown-navigator>
 </td-window-dialog>
diff --git a/libs/markdown-navigator/src/markdown-navigator-window/markdown-navigator-window.component.ts b/libs/markdown-navigator/src/markdown-navigator-window/markdown-navigator-window.component.ts
@@ -51,6 +51,8 @@ export class TdMarkdownNavigatorWindowComponent {
   @Output() dockToggled: EventEmitter<boolean> = new EventEmitter();
   @Output() buttonClicked: EventEmitter<ITdFlavoredMarkdownButtonClickEvent> =
     new EventEmitter();
+  @Output() itemSelected: EventEmitter<IMarkdownNavigatorItem> =
+    new EventEmitter();
 
   get markdownNavigatorLabels(): IMarkdownNavigatorLabels | undefined {
     if (!this.labels) {

diff --git a/libs/markdown-navigator/src/markdown-navigator.component.ts b/libs/markdown-navigator/src/markdown-navigator.component.ts
@@ -116,6 +116,8 @@ export class TdMarkdownNavigatorComponent implements OnChanges {
 
   @Output() buttonClicked: EventEmitter<ITdFlavoredMarkdownButtonClickEvent> =
     new EventEmitter();
+  @Output() itemSelected: EventEmitter<IMarkdownNavigatorItem> =
+    new EventEmitter();
 
   @ViewChild('markdownWrapper') markdownWrapper!: ElementRef;
 
@@ -273,6 +275,7 @@ export class TdMarkdownNavigatorComponent implements OnChanges {
       this.currentMarkdownItem = undefined;
     }
     this.historyStack = [];
+    this.itemSelected.emit(undefined);
     this._changeDetectorRef.markForCheck();
   }
 
@@ -299,6 +302,7 @@ export class TdMarkdownNavigatorComponent implements OnChanges {
     } else {
       this.reset();
     }
+    this.itemSelected.emit(parent);
     this._changeDetectorRef.markForCheck();
   }
 
@@ -307,6 +311,7 @@ export class TdMarkdownNavigatorComponent implements OnChanges {
     this.currentMarkdownItem = item;
     this.historyStack = [...this.historyStack, item];
     this.setChildrenAsCurrentMenuItems(item);
+    this.itemSelected.emit(item);
     this._changeDetectorRef.markForCheck();
   }
 
@@ -403,8 +408,10 @@ export class TdMarkdownNavigatorComponent implements OnChanges {
         path = this.findPath(this.items, itemOrPath);
       }
       path.forEach((pathItem: IMarkdownNavigatorItem, index) => {
-        if (index === 0) { this.reset() }
-
+        if (index === 0) {
+          this.reset();
+        }
+
         this.handleItemSelected(pathItem);
       });
     }
@@ -471,12 +478,14 @@ export class TdMarkdownNavigatorComponent implements OnChanges {
     const link: HTMLAnchorElement = <HTMLAnchorElement>event.target;
     const url: URL = new URL(link.href);
     const urlParts = url.href.split('/');
-    const id = urlParts[urlParts.length-1].split('.md')[0];
+    const id = urlParts[urlParts.length - 1].split('.md')[0];
     this.loading = true;
     this._changeDetectorRef.markForCheck();
     const pathFound = await this._jumpTo({ id });
 
-    if (pathFound) { return; }
+    if (pathFound) {
+      return;
+    }
 
     try {
       const markdownString: string = await this._markdownUrlLoaderService.load(