diff options
Diffstat (limited to 'webapp/components/setting_item_max.jsx')
-rw-r--r-- | webapp/components/setting_item_max.jsx | 175 |
1 files changed, 0 insertions, 175 deletions
diff --git a/webapp/components/setting_item_max.jsx b/webapp/components/setting_item_max.jsx deleted file mode 100644 index 1f0af181e..000000000 --- a/webapp/components/setting_item_max.jsx +++ /dev/null @@ -1,175 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import {FormattedMessage} from 'react-intl'; -import * as Utils from 'utils/utils.jsx'; -import Constants from 'utils/constants.jsx'; - -import PropTypes from 'prop-types'; - -import React from 'react'; - -export default class SettingItemMax extends React.Component { - constructor(props) { - super(props); - - this.onKeyDown = this.onKeyDown.bind(this); - } - - onKeyDown(e) { - if (e.keyCode === Constants.KeyCodes.ENTER && this.props.submit) { - this.props.submit(e); - } - } - - componentDidMount() { - document.addEventListener('keydown', this.onKeyDown); - } - - componentWillUnmount() { - document.removeEventListener('keydown', this.onKeyDown); - } - - render() { - var clientError = null; - if (this.props.client_error) { - clientError = ( - <div className='form-group'> - <label - id='clientError' - className='col-sm-12 has-error' - > - {this.props.client_error} - </label> - </div> - ); - } - - var serverError = null; - if (this.props.server_error) { - serverError = ( - <div className='form-group'> - <label - id='serverError' - className='col-sm-12 has-error' - > - {this.props.server_error} - </label> - </div> - ); - } - - var extraInfo = null; - let hintClass = 'setting-list__hint'; - if (this.props.infoPosition === 'top') { - hintClass = 'padding-bottom x2'; - } - - if (this.props.extraInfo) { - extraInfo = (<div className={hintClass}>{this.props.extraInfo}</div>); - } - - var submit = ''; - if (this.props.submit) { - submit = ( - <input - id='saveSetting' - type='submit' - className='btn btn-sm btn-primary' - href='#' - onClick={this.props.submit} - value={Utils.localizeMessage('setting_item_max.save', 'Save')} - /> - ); - } - - var inputs = this.props.inputs; - var widthClass; - if (this.props.width === 'full') { - widthClass = 'col-sm-12'; - } else if (this.props.width === 'medium') { - widthClass = 'col-sm-10 col-sm-offset-2'; - } else { - widthClass = 'col-sm-9 col-sm-offset-3'; - } - - let title; - let titleProp = 'unknownTitle'; - if (this.props.title) { - title = <li className='col-sm-12 section-title'>{this.props.title}</li>; - titleProp = this.props.title; - } - - let listContent = ( - <li className='setting-list-item'> - {inputs} - {extraInfo} - </li> - ); - - if (this.props.infoPosition === 'top') { - listContent = ( - <li> - {extraInfo} - {inputs} - </li> - ); - } - - let cancelButtonText; - if (this.props.cancelButtonText) { - cancelButtonText = this.props.cancelButtonText; - } else { - cancelButtonText = ( - <FormattedMessage - id='setting_item_max.cancel' - defaultMessage='Cancel' - /> - ); - } - - return ( - <ul className='section-max form-horizontal'> - {title} - <li className={widthClass}> - <ul className='setting-list'> - {listContent} - <li className='setting-list-item'> - <hr/> - {this.props.submitExtra} - {serverError} - {clientError} - {submit} - <a - id={Utils.createSafeId(titleProp) + 'Cancel'} - className='btn btn-sm' - href='#' - onClick={this.props.updateSection} - > - {cancelButtonText} - </a> - </li> - </ul> - </li> - </ul> - ); - } -} - -SettingItemMax.propTypes = { - inputs: PropTypes.array, - client_error: PropTypes.string, - server_error: PropTypes.string, - extraInfo: PropTypes.element, - infoPosition: PropTypes.string, - updateSection: PropTypes.func, - submit: PropTypes.func, - title: PropTypes.node, - width: PropTypes.string, - submitExtra: PropTypes.node, - cancelButtonText: PropTypes.node -}; - -SettingItemMax.defaultProps = { - infoPosition: 'bottom' -}; |