summaryrefslogtreecommitdiffstats
path: root/webapp/components/team_settings_modal.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/components/team_settings_modal.jsx')
-rw-r--r--webapp/components/team_settings_modal.jsx133
1 files changed, 0 insertions, 133 deletions
diff --git a/webapp/components/team_settings_modal.jsx b/webapp/components/team_settings_modal.jsx
deleted file mode 100644
index a1756da76..000000000
--- a/webapp/components/team_settings_modal.jsx
+++ /dev/null
@@ -1,133 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See License.txt for license information.
-
-import $ from 'jquery';
-import ReactDOM from 'react-dom';
-import SettingsSidebar from './settings_sidebar.jsx';
-import TeamSettings from './team_settings.jsx';
-import * as Utils from 'utils/utils.jsx';
-
-import {intlShape, injectIntl, defineMessages, FormattedMessage} from 'react-intl';
-
-const holders = defineMessages({
- generalTab: {
- id: 'team_settings_modal.generalTab',
- defaultMessage: 'General'
- },
- importTab: {
- id: 'team_settings_modal.importTab',
- defaultMessage: 'Import'
- }
-});
-
-import React from 'react';
-
-class TeamSettingsModal extends React.Component {
- constructor(props) {
- super(props);
-
- this.updateTab = this.updateTab.bind(this);
- this.updateSection = this.updateSection.bind(this);
-
- this.state = {
- activeTab: 'general',
- activeSection: ''
- };
- }
- componentDidMount() {
- const modal = $(ReactDOM.findDOMNode(this.refs.modal));
-
- modal.on('click', '.modal-back', function handleBackClick() {
- $(this).closest('.modal-dialog').removeClass('display--content');
- $(this).closest('.modal-dialog').find('.settings-table .nav li.active').removeClass('active');
- });
- modal.on('click', '.modal-header .close', () => {
- setTimeout(() => {
- $('.modal-dialog.display--content').removeClass('display--content');
- }, 500);
- });
-
- if (!Utils.isMobile()) {
- $('.settings-modal .settings-content').perfectScrollbar();
- }
- }
- updateTab(tab) {
- this.setState({activeTab: tab, activeSection: ''});
- if (!Utils.isMobile()) {
- $('.settings-modal .modal-body').scrollTop(0).perfectScrollbar('update');
- }
- }
- updateSection(section) {
- if ($('.section-max').length) {
- $('.settings-modal .modal-body').scrollTop(0).perfectScrollbar('update');
- }
- this.setState({activeSection: section});
- }
- render() {
- const {formatMessage} = this.props.intl;
- const tabs = [];
- tabs.push({name: 'general', uiName: formatMessage(holders.generalTab), icon: 'icon fa fa-cog'});
- tabs.push({name: 'import', uiName: formatMessage(holders.importTab), icon: 'icon fa fa-upload'});
-
- return (
- <div
- className='modal fade'
- ref='modal'
- id='team_settings'
- role='dialog'
- tabIndex='-1'
- aria-hidden='true'
- >
- <div className='modal-dialog settings-modal'>
- <div className='modal-content'>
- <div className='modal-header'>
- <button
- type='button'
- className='close'
- data-dismiss='modal'
- aria-label='Close'
- >
- <span aria-hidden='true'>
- {'×'}
- </span>
- </button>
- <h4
- className='modal-title'
- ref='title'
- >
- <FormattedMessage
- id='team_settings_modal.title'
- defaultMessage='Team Settings'
- />
- </h4>
- </div>
- <div className='modal-body settings-modal__body'>
- <div className='settings-table'>
- <div className='settings-links'>
- <SettingsSidebar
- tabs={tabs}
- activeTab={this.state.activeTab}
- updateTab={this.updateTab}
- />
- </div>
- <div className='settings-content minimize-settings'>
- <TeamSettings
- activeTab={this.state.activeTab}
- activeSection={this.state.activeSection}
- updateSection={this.updateSection}
- />
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- );
- }
-}
-
-TeamSettingsModal.propTypes = {
- intl: intlShape.isRequired
-};
-
-export default injectIntl(TeamSettingsModal);