feat: Logs table panel - PoC

project-words.txt

@@ -550,4 +550,5 @@ reqs
 mutatable
 DSUID
 newrecords
-logsdrilldowndefaultlabels
+logsdrilldowndefaultlabels
+logstable

src/Components/ServiceScene/LogOptionsScene.tsx

@@ -13,7 +13,6 @@ import { narrowLogsSortOrder } from '../../services/narrowing';
 import { LogsPanelHeaderActions } from '../Table/LogsHeaderActions';
 import { LogOptionsButtonsScene } from './LogOptionsButtonsScene';
 import { LogsListScene } from './LogsListScene';
-import { LogsPanelScene } from './LogsPanelScene';
 import { logsControlsSupported } from 'services/panel';
 import { LogsVisualizationType, setLogOption } from 'services/store';
 
@@ -61,7 +60,9 @@ export class LogOptionsScene extends SceneObjectBase<LogOptionsState> {
   };
 
   getLogsPanelScene = () => {
-    return sceneGraph.getAncestor(this, LogsPanelScene);
+    //@todo fix
+    return this.parent as any;
+    // return sceneGraph.getAncestor(this, LogsPanelScene);
   };
 }
 

src/Components/ServiceScene/LogsListScene.tsx

@@ -34,6 +34,7 @@
 import { LineLimitScene } from './LineLimitScene';
 import { ErrorType } from './LogsPanelError';
 import { LogsPanelScene } from './LogsPanelScene';
+import { LogsTablePanelScene } from './LogsTablePanelScene';
 import { LogsTableScene } from './LogsTableScene';
 import { LogsVolumePanel, logsVolumePanelKey } from './LogsVolume/LogsVolumePanel';
 import { ServiceScene } from './ServiceScene';
@@ -302,7 +303,7 @@
   }
 
   handleLogsError(data: PanelData) {
     const error = data.errors?.length ? data.errors[0] : data.error;
     const errorResponse = error?.message;
     if (errorResponse) {
       logger.error(new Error('Logs Panel error'), {
@@ -471,6 +472,7 @@
     const { error, errorType, canClearFilters } = this.state;
 
     this.logsPanelScene = new LogsPanelScene({ error, errorType, canClearFilters });
+    const logsTablePanelNG = getFeatureFlag('logsTablePanelNG');
 
     const children =
       this.state.visualizationType === 'logs'
@@ -525,7 +527,9 @@
                 ],
               }),
               new SceneFlexItem({
-                body: new LogsTableScene({ error, canClearFilters }),
+                body: logsTablePanelNG
+                  ? new LogsTablePanelScene({ error, canClearFilters })
+                  : new LogsTableScene({ error, canClearFilters }),
                 height: 'calc(100vh - 220px)',
               }),
             ];