diff options
author | George Goldberg <george@gberg.me> | 2017-08-01 13:11:29 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-08-01 13:11:29 +0100 |
commit | 00e8b6621a7ddf13222144d4acf80421204a23cc (patch) | |
tree | 0e6b967eeb813d99c0f07cdcedc3638d76d61144 /webapp/components/admin_console/request_button | |
parent | 25a2013890c7e07b4621fa9b18342e7f35363049 (diff) | |
download | chat-00e8b6621a7ddf13222144d4acf80421204a23cc.tar.gz chat-00e8b6621a7ddf13222144d4acf80421204a23cc.tar.bz2 chat-00e8b6621a7ddf13222144d4acf80421204a23cc.zip |
PLT-6595 (Client): Elasticsearch indexing system console UI (#6991)
* PLT-6595: System Console for Elasticsearch Job Management.
* Fixing UI issues
* Fixing colors
* ESLint Fixes.
* Update test snapshots.
* Fixing cancel button
* Fix review comments.
* Config capitalisation.
* Review fixes.
Diffstat (limited to 'webapp/components/admin_console/request_button')
-rw-r--r-- | webapp/components/admin_console/request_button/request_button.jsx | 34 |
1 files changed, 31 insertions, 3 deletions
diff --git a/webapp/components/admin_console/request_button/request_button.jsx b/webapp/components/admin_console/request_button/request_button.jsx index 4aad287d2..e78d0443d 100644 --- a/webapp/components/admin_console/request_button/request_button.jsx +++ b/webapp/components/admin_console/request_button/request_button.jsx @@ -36,6 +36,13 @@ export default class RequestButton extends React.Component { buttonText: PropTypes.element.isRequired, /** + * The element to display as the field label. + * + * Typically, this will be a <FormattedMessage/> + */ + label: PropTypes.element, + + /** * True if the button form control should be disabled, otherwise false. */ disabled: PropTypes.bool, @@ -100,7 +107,12 @@ export default class RequestButton extends React.Component { * the `message` and `detailed_error` properties of the error returned from the server, * otherwise false to include only the `message` property. */ - includeDetailedError: PropTypes.bool + includeDetailedError: PropTypes.bool, + + /** + * An element to display adjacent to the request button. + */ + alternativeActionElement: PropTypes.element } static defaultProps = { @@ -211,9 +223,24 @@ export default class RequestButton extends React.Component { contents = this.props.buttonText; } + let widgetClassNames = 'col-sm-8'; + let label = null; + if (this.props.label) { + label = ( + <label + className='control-label col-sm-4' + > + {this.props.label} + </label> + ); + } else { + widgetClassNames = 'col-sm-offset-4 ' + widgetClassNames; + } + return ( - <div className='form-group reload-config'> - <div className='col-sm-offset-4 col-sm-8'> + <div className='form-group'> + {label} + <div className={widgetClassNames}> <div> <button className='btn btn-default' @@ -222,6 +249,7 @@ export default class RequestButton extends React.Component { > {contents} </button> + {this.props.alternativeActionElement} {message} </div> <div className='help-text'> |