From c8f9a1b5d3741f7e728de86187e3f50999d5cc8b Mon Sep 17 00:00:00 2001
From: Valentin Mihai <valentin@devplant.ro>
Date: Thu, 7 Apr 2022 19:48:17 +0300
Subject: [PATCH] updated help mode to open directly the docs if there is only
 one key for a specific view

---
 .../help-button/help-button.component.html    |  4 ++--
 .../help-button/help-button.component.ts      | 24 ++++++++++++++++---
 src/lib/help-mode/help-mode.service.ts        |  2 ++
 .../help-mode/help-mode.component.ts          |  5 ++++
 4 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/src/lib/buttons/help-button/help-button.component.html b/src/lib/buttons/help-button/help-button.component.html
index d0b79a1..bac8fc3 100644
--- a/src/lib/buttons/help-button/help-button.component.html
+++ b/src/lib/buttons/help-button/help-button.component.html
@@ -1,13 +1,13 @@
 <iqser-icon-button
     *ngIf="dialogButton"
-    (action)="helpModeService.activateHelpMode(true)"
+    (action)="activateHelpMode()"
     icon="iqser:help-outline"
     type="help"
     [label]="'help-mode.button-text' | translate"
 ></iqser-icon-button>
 <iqser-circle-button
     *ngIf="!dialogButton"
-    (action)="helpModeService.activateHelpMode()"
+    (action)="activateHelpMode()"
     icon="iqser:help-outline"
     type="help"
     [tooltip]="'help-mode.button-text' | translate"
diff --git a/src/lib/buttons/help-button/help-button.component.ts b/src/lib/buttons/help-button/help-button.component.ts
index 55ab46f..efd4139 100644
--- a/src/lib/buttons/help-button/help-button.component.ts
+++ b/src/lib/buttons/help-button/help-button.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, OnDestroy, OnInit } from '@angular/core';
 import { HelpModeService } from '@iqser/common-ui';
 
 @Component({
@@ -6,8 +6,26 @@ import { HelpModeService } from '@iqser/common-ui';
     templateUrl: './help-button.component.html',
     styleUrls: ['./help-button.component.scss'],
 })
-export class HelpButtonComponent {
+export class HelpButtonComponent implements OnInit, OnDestroy {
     @Input() dialogButton = true;
+    @Input() helpButtonKey?: string;
 
-    constructor(readonly helpModeService: HelpModeService) {}
+    constructor(private readonly _helpModeService: HelpModeService) {}
+
+    ngOnInit(): void {
+        this._helpModeService.helpButtonKey = this.helpButtonKey;
+    }
+
+    ngOnDestroy(): void {
+        this._helpModeService.helpButtonKey = null;
+    }
+
+    activateHelpMode(): void {
+        if (this.helpButtonKey) {
+            const url = this._helpModeService.getDocsLink(this.helpButtonKey);
+            window.open(url, '_blank');
+            return;
+        }
+        this._helpModeService.activateHelpMode(this.dialogButton);
+    }
 }
diff --git a/src/lib/help-mode/help-mode.service.ts b/src/lib/help-mode/help-mode.service.ts
index ba8304c..08266c7 100644
--- a/src/lib/help-mode/help-mode.service.ts
+++ b/src/lib/help-mode/help-mode.service.ts
@@ -37,6 +37,8 @@ export class HelpModeService {
 
     private _dialogMode = false;
 
+    helpButtonKey: string | null = null;
+
     constructor(
         @Inject(HELP_DOCS) private readonly _docs: Record<string, Record<string, string>>,
         @Inject(MANUAL_BASE_URL) private readonly _manualBaseURL: string,
diff --git a/src/lib/help-mode/help-mode/help-mode.component.ts b/src/lib/help-mode/help-mode/help-mode.component.ts
index 1fcd619..89a2663 100644
--- a/src/lib/help-mode/help-mode/help-mode.component.ts
+++ b/src/lib/help-mode/help-mode/help-mode.component.ts
@@ -22,6 +22,11 @@ export class HelpModeComponent {
     @HostListener('document:keydown.h', ['$event']) onHKeydownHandler(event: KeyboardEvent): void {
         const node = (event.target as IqserEventTarget).localName;
         if (!this.helpModeService.isHelpModeActive && node !== 'input' && node !== 'textarea') {
+            if (this.helpModeService.helpButtonKey) {
+                const url = this.helpModeService.getDocsLink(this.helpModeService.helpButtonKey);
+                window.open(url, '_blank');
+                return;
+            }
             const dialogMode = !!this._dialog.openDialogs.length;
             this.helpModeService.activateHelpMode(dialogMode);
         }