Merge pull request #1308 from utmstack/backlog/fix_logexplorer_inconsistences

fix[frontend](logexplorer_tabs): fixed logexplorer tab indexPatter change incon…

Author: mjabascal10

frontend/src/app/log-analyzer/explorer/log-analyzer-field/log-analyzer-field.component.ts

@@ -46,11 +46,11 @@ export class LogAnalyzerFieldComponent implements OnInit, OnDestroy {
         filter((dataChange: LogAnalyzerDataChangeType) => {
           return !!dataChange && this.uuid === dataChange.tabUUID;
         }))
-      .subscribe((dataChange: LogAnalyzerDataChangeType) => {
+      .subscribe( (dataChange: LogAnalyzerDataChangeType) => {
         this.pageStart = 0;
         this.pageEnd = 100;
         this.pattern = dataChange.pattern.pattern;
-        this.loadFields();
+        this.loadFields()
       });
 
     this.indexFieldController.$field.subscribe(async (field) => {

frontend/src/app/log-analyzer/explorer/log-analyzer-tabs/log-analyzer-tabs.component.html

@@ -11,13 +11,9 @@ <h5 class="card-title mb-0 text-uppercase label-header">
       </div>
     </div>-->
     <ul class="nav nav-tabs">
-      <li (click)="tabChanged(tab)" *ngFor="let tab of tabs; let tabIndex = index"
-          class="nav-item">
-        <a [ngClass]="{'active':tab.active}" [ngbTooltip]="tab.title"
-           [openDelay]="1000"
-           class="nav-link"
-           placement="bottom"
-           tooltipClass="utm-tooltip-bottom">
+      <li (click)="tabChanged(tab)" *ngFor="let tab of tabs; let tabIndex = index" class="nav-item">
+        <a [ngClass]="{'active':tab.active}" [ngbTooltip]="tab.title" [openDelay]="1000" class="nav-link"
+          placement="bottom" tooltipClass="utm-tooltip-bottom">
           <i (click)="removeTab(tabIndex)" class="icon-cross2 mr-2"></i>
           {{tab.title}}
         </a>
@@ -28,14 +24,13 @@ <h5 class="card-title mb-0 text-uppercase label-header">
       </li>
     </ul>
   </div>
-  <div *ngIf="tabs.length === 0"
-       class="warning-empty-discovery w-100 p-5 mt-5 d-flex
+  <div *ngIf="tabs.length === 0" class="warning-empty-discovery w-100 p-5 mt-5 d-flex
   justify-content-center align-items-center flex-column">
     <i class="icon-zoomin3 icon-3x text-grey-300"></i>
-    <h6 (click)="addNewTab()"
-        class="text-blue-800 mt-3 cursor-pointer">Add new tab to explore your data</h6>
+    <h6 (click)="addNewTab()" class="text-blue-800 mt-3 cursor-pointer">Add new tab to explore your data</h6>
   </div>
   <ng-container *ngIf="tabs.length > 0">
-    <app-tab-content *ngFor="let tab of tabs; let tabIndex = index;  trackBy: trackByFn" [hidden]="tab !== tabSelected" [tab]="tab"></app-tab-content>
+    <app-tab-content *ngFor="let tab of tabs; let tabIndex = index;  trackBy: trackByFn" [hidden]="tab !== tabSelected"
+      [tab]="tab"></app-tab-content>
   </ng-container>
 </ng-container>

frontend/src/app/log-analyzer/explorer/log-analyzer-tabs/log-analyzer-tabs.component.ts

@@ -50,6 +50,9 @@ export class LogAnalyzerTabsComponent implements OnInit, OnDestroy {
           if (this.tabService.getTabCount() ==0) {
             this.addNewTab(null, null, params);
           }
+          if(isRefresh){
+            this.updateCurrentTab(params)
+          }
         }
       });
 
@@ -78,11 +81,23 @@ export class LogAnalyzerTabsComponent implements OnInit, OnDestroy {
   }
 
   tabChanged(tab: TabType) {
+    console.log(tab)
     this.tabSelected = tab;
     this.tabService.setActiveTab(tab.id);
     this.indexPatternBehavior.changePattern({pattern: tab.tabData.pattern, tabUUID: tab.uuid});
   }
 
+  updateCurrentTab(params?:Params){
+    if(!this.tabSelected)return
+      const pattern = params && params.patternId ? new UtmIndexPattern(params.patternId, params.indexPattern, true) :
+        new UtmIndexPattern(1, 'v11-log-*', true);
+        this.tabService.updateActiveTab({name:this.tabSelected.title,pattern})
+        //timeout to set the reload at the end of DOM reload
+        setTimeout(()=>{
+            this.indexPatternBehavior.changePattern({pattern, tabUUID:this.tabSelected.uuid});
+        },0)
+  }
+
   addNewTab(tabName?: string, query?: LogAnalyzerQueryType, params?: Params) {
     const uuid = UUID.UUID();
     this.tabNumber = this.tabService.getTabCount() + 1;

frontend/src/app/log-analyzer/explorer/log-analyzer-view/log-analyzer-view.component.ts

@@ -117,6 +117,7 @@ export class LogAnalyzerViewComponent implements OnInit, OnDestroy {
               };
             }
           }
+
       });
     this.dateFormat$ = this.timezoneFormatService.getDateFormatSubject();
     this.initExplorer();

frontend/src/app/log-analyzer/shared/services/tab.service.ts

@@ -64,6 +64,7 @@ export class TabService {
     const activeTab = this.getActiveTab();
     if (activeTab) {
       activeTab.title = query.name;
+      activeTab.tabData=query
       this.emitTabs();
     }
   }