@@ -151,6 +160,7 @@ function HistoryLogEvents({ logRecords, addFilter, timeRange }: HistoryLogEvents
record={record}
addFilter={addFilter}
timeRange={timeRange}
+ hideAlertRuleColumn={hideAlertRuleColumn}
/>
);
})}
@@ -161,7 +171,7 @@ function HistoryLogEvents({ logRecords, addFilter, timeRange }: HistoryLogEvents
);
}
-function ListHeader() {
+function ListHeader({ hideAlertRuleColumn }: { hideAlertRuleColumn?: boolean }) {
const styles = useStyles2(getStyles);
return (
@@ -175,11 +185,13 @@ function ListHeader() {
State
-
-
- Alert rule
-
-
+ {!hideAlertRuleColumn && (
+
+
+ Alert rule
+
+
+ )}
Instance
@@ -193,8 +205,9 @@ interface EventRowProps {
record: LogRecord;
addFilter: (key: string, value: string, type: FilterType) => void;
timeRange: TimeRange;
+ hideAlertRuleColumn?: boolean;
}
-function EventRow({ record, addFilter, timeRange }: EventRowProps) {
+function EventRow({ record, addFilter, timeRange, hideAlertRuleColumn }: EventRowProps) {
const styles = useStyles2(getStyles);
const [isCollapsed, setIsCollapsed] = useState(true);
function onLabelClick(label: string, value: string) {
@@ -220,9 +233,11 @@ function EventRow({ record, addFilter, timeRange }: EventRowProps) {
-
- {record.line.labels ?
: null}
-
+ {!hideAlertRuleColumn && (
+
+ {record.line.labels ?
: null}
+
+ )}
@@ -521,7 +536,11 @@ export const getStyles = (theme: GrafanaTheme2) => {
* This is a scene object that displays a list of history events.
*/
-export class HistoryEventsListObject extends SceneObjectBase {
+interface HistoryEventsListObjectState extends SceneObjectState {
+ hideAlertRuleColumn?: boolean;
+}
+
+export class HistoryEventsListObject extends SceneObjectBase {
public static Component = HistoryEventsListObjectRenderer;
protected _variableDependency = new VariableDependencyConfig(this, {
@@ -533,7 +552,7 @@ export type FilterType = 'label' | 'stateFrom' | 'stateTo';
export function HistoryEventsListObjectRenderer({ model }: SceneComponentProps) {
// This make sure the component is re-rendered when the variables change
- model.useState();
+ const { hideAlertRuleColumn } = model.useState();
const { value: timeRange } = sceneGraph.getTimeRange(model).useState(); // get time range from scene graph
@@ -568,6 +587,7 @@ export function HistoryEventsListObjectRenderer({ model }: SceneComponentProps
);
} else {