From 616fa5c6ecf34430a6cd56cbcf117ba2dbe30661 Mon Sep 17 00:00:00 2001
From: Artem Dzhereleiko <Dgerik2015@gmail.com>
Date: Thu, 23 May 2024 12:58:10 +0300
Subject: [PATCH] UI: Fixed hotkey event for search field on rule chain page

---
 .../pages/rulechain/rulechain-page.component.html  |  2 +-
 .../pages/rulechain/rulechain-page.component.ts    | 14 ++++++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.html b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.html
index ed5f19e9d6..d240cdd7fb 100644
--- a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.html
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.html
@@ -47,7 +47,7 @@
                   <mat-icon>search</mat-icon>
                 </button>
                 <input matInput
-                       [formControl]="ruleNodeTypeSearch"
+                       [formControl]="ruleNodeTypeSearch" (focusin)="focus(true)" (focusout)="focus(false)"
                        placeholder="{{'rulenode.search' | translate}}"/>
                 <button mat-icon-button matSuffix class="tb-small"
                         [fxShow]="ruleNodeTypeSearch.value !== ''"
diff --git a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.ts b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.ts
index 77e3602215..98a790221e 100644
--- a/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.ts
+++ b/ui-ngx/src/app/modules/home/pages/rulechain/rulechain-page.component.ts
@@ -167,6 +167,8 @@ export class RuleChainPageComponent extends PageComponent
   ruleNodeSearch = '';
   ruleNodeTypeSearch = this.fb.control('', {nonNullable: true});
 
+  ruleNodeTypeSearchFocus = false;
+
   ruleChain: RuleChain;
   ruleChainMetaData: RuleChainMetaData;
 
@@ -294,6 +296,10 @@ export class RuleChainPageComponent extends PageComponent
     ).subscribe(() => this.updateRuleChainLibrary());
   }
 
+  focus(focus: boolean) {
+    this.ruleNodeTypeSearchFocus = focus;
+  }
+
   ngAfterViewChecked(){
     this.changeDetector.detectChanges();
   }
@@ -367,7 +373,7 @@ export class RuleChainPageComponent extends PageComponent
     if (!this.hotKeys.length) {
       this.hotKeys.push(
         new Hotkey('ctrl+a', (event: KeyboardEvent) => {
-            if (this.enableHotKeys) {
+            if (this.enableHotKeys && !this.ruleNodeTypeSearchFocus) {
               event.preventDefault();
               this.ruleChainCanvas.modelService.selectAll();
               return false;
@@ -378,7 +384,7 @@ export class RuleChainPageComponent extends PageComponent
       );
       this.hotKeys.push(
         new Hotkey('ctrl+c', (event: KeyboardEvent) => {
-            if (this.enableHotKeys) {
+            if (this.enableHotKeys && !this.ruleNodeTypeSearchFocus) {
               event.preventDefault();
               this.copyRuleNodes();
               return false;
@@ -389,7 +395,7 @@ export class RuleChainPageComponent extends PageComponent
       );
       this.hotKeys.push(
         new Hotkey('ctrl+v', (event: KeyboardEvent) => {
-            if (this.enableHotKeys) {
+            if (this.enableHotKeys && !this.ruleNodeTypeSearchFocus) {
               event.preventDefault();
               if (this.itembuffer.hasRuleNodes()) {
                 this.pasteRuleNodes();
@@ -436,7 +442,7 @@ export class RuleChainPageComponent extends PageComponent
       );
       this.hotKeys.push(
         new Hotkey('del', (event: KeyboardEvent) => {
-            if (this.enableHotKeys) {
+            if (this.enableHotKeys && !this.ruleNodeTypeSearchFocus) {
               event.preventDefault();
               this.ruleChainCanvas.modelService.deleteSelected();
               return false;