diff options
author | Christopher Speller <crspeller@gmail.com> | 2017-09-06 23:04:13 -0700 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2017-09-06 23:11:58 -0700 |
commit | d8bd57901e33a7057e26e782e295099ffcc0da89 (patch) | |
tree | e12dfc8cad42b1576756d19d7fbfd82646a009bf /webapp/components/admin_console/file_upload_setting.jsx | |
parent | 7bc8e9a08dfde56387f946fdf5086252aa4d0491 (diff) | |
download | chat-d8bd57901e33a7057e26e782e295099ffcc0da89.tar.gz chat-d8bd57901e33a7057e26e782e295099ffcc0da89.tar.bz2 chat-d8bd57901e33a7057e26e782e295099ffcc0da89.zip |
Removing webapp
Diffstat (limited to 'webapp/components/admin_console/file_upload_setting.jsx')
-rw-r--r-- | webapp/components/admin_console/file_upload_setting.jsx | 126 |
1 files changed, 0 insertions, 126 deletions
diff --git a/webapp/components/admin_console/file_upload_setting.jsx b/webapp/components/admin_console/file_upload_setting.jsx deleted file mode 100644 index c2bc9869e..000000000 --- a/webapp/components/admin_console/file_upload_setting.jsx +++ /dev/null @@ -1,126 +0,0 @@ -// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import $ from 'jquery'; -import PropTypes from 'prop-types'; -import React from 'react'; -import {FormattedMessage} from 'react-intl'; - -import Setting from './setting.jsx'; - -import * as Utils from 'utils/utils.jsx'; - -export default class FileUploadSetting extends Setting { - static get propTypes() { - return { - id: PropTypes.string.isRequired, - label: PropTypes.node.isRequired, - helpText: PropTypes.node, - uploadingText: PropTypes.node, - onSubmit: PropTypes.func.isRequired, - disabled: PropTypes.bool, - fileType: PropTypes.string.isRequired, - error: PropTypes.string - }; - } - - constructor(props) { - super(props); - - this.handleChange = this.handleChange.bind(this); - this.handleSubmit = this.handleSubmit.bind(this); - - this.state = { - fileName: null, - serverError: props.error - }; - } - - handleChange() { - const files = this.refs.fileInput.files; - if (files && files.length > 0) { - this.setState({fileSelected: true, fileName: files[0].name}); - } - } - - handleSubmit(e) { - e.preventDefault(); - - $(this.refs.upload_button).button('loading'); - this.props.onSubmit(this.props.id, this.refs.fileInput.files[0], (error) => { - $(this.refs.upload_button).button('reset'); - if (error) { - Utils.clearFileInput(this.refs.fileInput); - } - }); - } - - render() { - let serverError; - if (this.state.serverError) { - serverError = <div className='form-group has-error'><label className='control-label'>{this.state.serverError}</label></div>; - } - - let btnClass = 'btn'; - if (this.state.fileSelected) { - btnClass = 'btn btn-primary'; - } - - let fileName; - if (this.state.fileName) { - fileName = this.state.fileName; - } else { - fileName = ( - <FormattedMessage - id='admin.file_upload.noFile' - defaultMessage='No file uploaded' - /> - ); - } - - return ( - <Setting - label={this.props.label} - helpText={this.props.helpText} - inputId={this.props.id} - > - <div> - <div className='file__upload'> - <button - className='btn btn-default' - disabled={this.props.disabled} - > - <FormattedMessage - id='admin.file_upload.chooseFile' - defaultMessage='Choose File' - /> - </button> - <input - ref='fileInput' - type='file' - disabled={this.props.disabled} - accept={this.props.fileType} - onChange={this.handleChange} - /> - </div> - <button - className={btnClass} - disabled={!this.state.fileSelected} - onClick={this.handleSubmit} - ref='upload_button' - data-loading-text={`<span class='glyphicon glyphicon-refresh glyphicon-refresh-animate'></span> ${this.props.uploadingText}`} - > - <FormattedMessage - id='admin.file_upload.uploadFile' - defaultMessage='Upload' - /> - </button> - <div className='help-text no-margin'> - {fileName} - </div> - {serverError} - </div> - </Setting> - ); - } -} |