From 49628515d746ad5f5b21df0f41a3b7e9edaaaed1 Mon Sep 17 00:00:00 2001
From: simvalery <valeriy.simonov@envisionblockchain.com>
Date: Wed, 30 Aug 2023 14:31:54 +0400
Subject: [PATCH] fix logs attrs Signed-off-by: simvalery
 <valeriy.simonov@envisionblockchain.com>

Signed-off-by: simvalery <valeriy.simonov@envisionblockchain.com>
---
 .../admin/logs-view/logs-view.component.html  | 12 +++++-----
 .../admin/logs-view/logs-view.component.ts    | 22 ++++++++++++++-----
 2 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/frontend/src/app/views/admin/logs-view/logs-view.component.html b/frontend/src/app/views/admin/logs-view/logs-view.component.html
index d7c57bf30..7a0874cee 100644
--- a/frontend/src/app/views/admin/logs-view/logs-view.component.html
+++ b/frontend/src/app/views/admin/logs-view/logs-view.component.html
@@ -23,7 +23,7 @@
             </mat-date-range-input>
             <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
             <mat-date-range-picker #picker></mat-date-range-picker>
-          
+
             <mat-error *ngIf="searchForm.controls.startDate.hasError('matStartDateInvalid')">Invalid start date</mat-error>
             <mat-error *ngIf="searchForm.controls.endDate.hasError('matEndDateInvalid')">Invalid end date</mat-error>
         </mat-form-field>
@@ -36,14 +36,14 @@
                     <mat-icon>cancel</mat-icon>
                 </button>
                 </mat-chip>
-        
+
                 <input
                     #chipInput
                     matInput
                     [matAutocomplete]="auto"
-                    [matChipInputFor]="chipList" 
-                    placeholder="Attributes" 
-                    (matChipInputTokenEnd)="add($event)"
+                    (matChipInputTokenEnd)="add($event, auto); chipInput.value = ''; chipInput.blur();"
+                    [matChipInputFor]="chipList"
+                    placeholder="Attributes"
                     [formControl]="autoCompleteControl">
 
                 <mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event); chipInput.value = ''; chipInput.blur()">
@@ -118,4 +118,4 @@
         </table>
         <mat-paginator [length]="this.totalCount"  [pageSizeOptions]="[10, 20, 30]"></mat-paginator>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/frontend/src/app/views/admin/logs-view/logs-view.component.ts b/frontend/src/app/views/admin/logs-view/logs-view.component.ts
index 9e3332c7a..47774e17f 100644
--- a/frontend/src/app/views/admin/logs-view/logs-view.component.ts
+++ b/frontend/src/app/views/admin/logs-view/logs-view.component.ts
@@ -1,6 +1,6 @@
 import { Component, EventEmitter, OnInit, ViewChild } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
-import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { MatDialog } from '@angular/material/dialog';
 import { MatPaginator } from '@angular/material/paginator';
@@ -47,6 +47,7 @@ export class LogsViewComponent implements OnInit {
 
     @ViewChild(MatPaginator) paginator!: MatPaginator;
     @ViewChild(MatSort) sort!: MatSort;
+    @ViewChild(MatAutocompleteTrigger) autocomplete: MatAutocompleteTrigger;
     onSearch: EventEmitter<any> = new EventEmitter();
 
     constructor(
@@ -128,15 +129,26 @@ export class LogsViewComponent implements OnInit {
         this.onApply();
     }
 
-    add(event: MatChipInputEvent): void {
+    add(event: MatChipInputEvent, auto: any): void {
         const value = (event.value || '').trim();
         const attributes = this.searchForm.get('attributes')!.value;
 
         if (value) {
-            attributes.push(value);
+            const attrList = this.logService.getAttributes(value, this.searchForm?.get('attributes')?.value).subscribe(attrs => {
+                const firstAttr = attrs[0];
+                if (firstAttr) {
+                    attributes.push(firstAttr);
+                }
+                event.chipInput!.clear();
+                this.autocomplete.closePanel();
+                this.autoCompleteControl.patchValue('');
+                this.onApply();
+                attrList.unsubscribe();
+            })
+        } else {
+            event.chipInput!.clear();
+            this.onApply();
         }
-
-        event.chipInput!.clear();
     }
 
     onApply() {