Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #3462 from influxdata/polish/kafka_goto_config 

Add 'go to config' button to Kafka alert handler
pull/10616/head
Brandon Farmer 2018-05-15 14:15:11 -07:00 committed by GitHub
parent 999c68f517 2e0901afe0
commit 362a665d50
1 changed files with 64 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
ui/src/kapacitor/components/handlers/KafkaHandler.tsx
View File

@ -1,6 +1,7 @@
import React, {SFC} from 'react' import React, {SFC} from 'react'
import HandlerInput from 'src/kapacitor/components/HandlerInput' import HandlerInput from 'src/kapacitor/components/HandlerInput'
import HandlerEmpty from 'src/kapacitor/components/HandlerEmpty'
interface Handler { interface Handler {
alias: string alias: string
@ -16,44 +17,76 @@ interface Handler {
} }
interface Props { interface Props {
selectedHandler: object selectedHandler: {
enabled: boolean
}
handleModifyHandler: ( handleModifyHandler: (
selectedHandler: Handler, selectedHandler: Handler,
fieldName: string, fieldName: string,
parseToArray: string parseToArray: string
) => void ) => void
onGoToConfig: () => void
validationError: string
} }
const KafkaHandler: SFC<Props> = ({selectedHandler, handleModifyHandler}) => ( const KafkaHandler: SFC<Props> = ({
<div className="endpoint-tab-contents"> selectedHandler,
<div className="endpoint-tab--parameters"> handleModifyHandler,
<h4>Parameters for this Alert Handler</h4> onGoToConfig,
<div className="faux-form"> validationError,
<HandlerInput }) => {
selectedHandler={selectedHandler} if (selectedHandler.enabled) {
handleModifyHandler={handleModifyHandler} let goToConfigText
fieldName="cluster" if (validationError) {
fieldDisplay="Cluster" goToConfigText = 'Exit this Rule and Edit Configuration'
placeholder="" } else {
fieldColumns="col-md-12" goToConfigText = 'Save this Rule and Edit Configuration'
/> }
<HandlerInput return (
selectedHandler={selectedHandler} <div className="endpoint-tab-contents">
handleModifyHandler={handleModifyHandler} <div className="endpoint-tab--parameters">
fieldName="topic" <h4 className="u-flex u-jc-space-between">
fieldDisplay="Topic" Parameters for this Alert Handler
placeholder="" <div className="btn btn-default btn-sm" onClick={onGoToConfig}>
/> <span className="icon cog-thick" />
<HandlerInput {goToConfigText}
selectedHandler={selectedHandler} </div>
handleModifyHandler={handleModifyHandler} </h4>
fieldName="template" <div className="faux-form">
fieldDisplay="Template" <HandlerInput
placeholder="" selectedHandler={selectedHandler}
/> handleModifyHandler={handleModifyHandler}
fieldName="cluster"
fieldDisplay="Cluster"
placeholder=""
fieldColumns="col-md-12"
/>
<HandlerInput
selectedHandler={selectedHandler}
handleModifyHandler={handleModifyHandler}
fieldName="topic"
fieldDisplay="Topic"
placeholder=""
/>
<HandlerInput
selectedHandler={selectedHandler}
handleModifyHandler={handleModifyHandler}
fieldName="template"
fieldDisplay="Template"
placeholder=""
/>
</div>
</div>
</div> </div>
</div> )
</div> }
)
return (
<HandlerEmpty
onGoToConfig={onGoToConfig}
validationError={validationError}
/>
)
}
export default KafkaHandler export default KafkaHandler