diff --git a/ui/src/kapacitor/components/RuleMessage.js b/ui/src/kapacitor/components/RuleMessage.js index 1440999aaf..ecc9665c6b 100644 --- a/ui/src/kapacitor/components/RuleMessage.js +++ b/ui/src/kapacitor/components/RuleMessage.js @@ -5,7 +5,7 @@ import RuleMessageOptions from 'src/kapacitor/components/RuleMessageOptions' import RuleMessageText from 'src/kapacitor/components/RuleMessageText' import RuleMessageTemplates from 'src/kapacitor/components/RuleMessageTemplates' -import {DEFAULT_ALERTS} from 'src/kapacitor/constants' +import {DEFAULT_ALERTS, RULE_ALERT_OPTIONS} from 'src/kapacitor/constants' class RuleMessage extends Component { constructor(props) { @@ -54,17 +54,22 @@ class RuleMessage extends Component {

Send this Alert to:

{ - const isDetailsTypeDefault = - Object.keys(DEFAULT_ALERT_PLACEHOLDERS).find(a => a === alert) && - Object.keys(DEFAULT_ALERT_LABELS).find(a => a === alert) +class RuleMessageOptions extends Component { + constructor(props) { + super(props) + } - return isDetailsTypeDefault - ? - : + render() { + const {rule, alert, updateAlertNodes, updateDetails} = this.props + const {args, details, properties} = RULE_ALERT_OPTIONS[alert] + + return ( +
+ {args + ?
+

{args.label}

+ updateAlertNodes(rule.id, alert, e.target.value)} + value={ALERT_NODES_ACCESSORS[alert](rule)} + autoComplete="off" + spellCheck="false" + /> +
+ : null} + {details + ?
+