From 9cabb58ac13de6f585dee7bbb46846530e89cc21 Mon Sep 17 00:00:00 2001
From: Alexander Zobnin <alexanderzobnin@gmail.com>
Date: Wed, 13 Feb 2019 20:21:18 +0300
Subject: [PATCH] problems: make timeline optional

---
 src/panel-triggers/components/Problems/ProblemDetails.tsx | 7 +++++--
 src/panel-triggers/components/Problems/Problems.tsx       | 1 +
 src/panel-triggers/partials/options_tab.html              | 7 +++++++
 src/panel-triggers/triggers_panel_ctrl.js                 | 1 +
 src/panel-triggers/types.ts                               | 1 +
 5 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/panel-triggers/components/Problems/ProblemDetails.tsx b/src/panel-triggers/components/Problems/ProblemDetails.tsx
index 546d7a4..dba69a7 100644
--- a/src/panel-triggers/components/Problems/ProblemDetails.tsx
+++ b/src/panel-triggers/components/Problems/ProblemDetails.tsx
@@ -13,6 +13,7 @@ import FAIcon from '../FAIcon';
 interface ProblemDetailsProps extends RTRow<ZBXTrigger> {
   rootWidth: number;
   timeRange: GFTimeRange;
+  showTimeline?: boolean;
   getProblemEvents: (problem: ZBXTrigger) => Promise<ZBXEvent[]>;
   onProblemAck?: (problem: ZBXTrigger, data: AckProblemData) => Promise<any> | any;
   onTagClick?: (tag: ZBXTag, datasource: string, ctrlKey?: boolean, shiftKey?: boolean) => void;
@@ -35,7 +36,9 @@ export default class ProblemDetails extends PureComponent<ProblemDetailsProps, P
   }
 
   componentDidMount() {
-    this.fetchProblemEvents();
+    if (this.props.showTimeline) {
+      this.fetchProblemEvents();
+    }
     requestAnimationFrame(() => {
       this.setState({ show: true });
     });
@@ -119,7 +122,7 @@ export default class ProblemDetails extends PureComponent<ProblemDetailsProps, P
               }
             </div>
           }
-          {this.state.events.length > 0 &&
+          {this.props.showTimeline && this.state.events.length > 0 &&
             <ProblemTimeline events={this.state.events} timeRange={this.props.timeRange} />
           }
           {showAcknowledges && !wideLayout &&
diff --git a/src/panel-triggers/components/Problems/Problems.tsx b/src/panel-triggers/components/Problems/Problems.tsx
index 888f355..6f4bd05 100644
--- a/src/panel-triggers/components/Problems/Problems.tsx
+++ b/src/panel-triggers/components/Problems/Problems.tsx
@@ -157,6 +157,7 @@ export default class ProblemList extends PureComponent<ProblemListProps, Problem
             <ProblemDetails {...props}
               rootWidth={this.rootWidth}
               timeRange={this.props.timeRange}
+              showTimeline={panelOptions.problemTimeline}
               getProblemEvents={this.props.getProblemEvents}
               onProblemAck={this.handleProblemAck}
               onTagClick={this.handleTagClick}
diff --git a/src/panel-triggers/partials/options_tab.html b/src/panel-triggers/partials/options_tab.html
index 8c7b590..ec51645 100644
--- a/src/panel-triggers/partials/options_tab.html
+++ b/src/panel-triggers/partials/options_tab.html
@@ -146,6 +146,13 @@
         ng-model="ctrl.panel.pageSize"
         ng-model-onblur ng-change="ctrl.render()">
     </div>
+    <gf-form-switch ng-if="ctrl.panel.layout === 'table'"
+      class="gf-form"
+      label-class="width-10"
+      label="Problem timeline"
+      checked="ctrl.panel.problemTimeline"
+      on-change="ctrl.render()">
+    </gf-form-switch>
     <gf-form-switch class="gf-form"
       label-class="width-10"
       label="Highlight background"
diff --git a/src/panel-triggers/triggers_panel_ctrl.js b/src/panel-triggers/triggers_panel_ctrl.js
index 068a51d..d51ed23 100644
--- a/src/panel-triggers/triggers_panel_ctrl.js
+++ b/src/panel-triggers/triggers_panel_ctrl.js
@@ -64,6 +64,7 @@ export const PANEL_DEFAULTS = {
   layout: 'table',
   fontSize: '100%',
   pageSize: 10,
+  problemTimeline: true,
   highlightBackground: false,
   highlightNewEvents: false,
   highlightNewerThan: '1h',
diff --git a/src/panel-triggers/types.ts b/src/panel-triggers/types.ts
index 17bb5b5..51f60e5 100644
--- a/src/panel-triggers/types.ts
+++ b/src/panel-triggers/types.ts
@@ -29,6 +29,7 @@ export interface ProblemsPanelOptions {
   // View options
   fontSize?: string;
   pageSize?: number;
+  problemTimeline?: boolean;
   highlightBackground?: boolean;
   highlightNewEvents?: boolean;
   highlightNewerThan?: string;