From d8bd57901e33a7057e26e782e295099ffcc0da89 Mon Sep 17 00:00:00 2001
From: Christopher Speller <crspeller@gmail.com>
Date: Wed, 6 Sep 2017 23:04:13 -0700
Subject: Removing webapp

---
 .../user_settings/import_theme_modal.jsx           | 218 ---------------------
 1 file changed, 218 deletions(-)
 delete mode 100644 webapp/components/user_settings/import_theme_modal.jsx

(limited to 'webapp/components/user_settings/import_theme_modal.jsx')

diff --git a/webapp/components/user_settings/import_theme_modal.jsx b/webapp/components/user_settings/import_theme_modal.jsx
deleted file mode 100644
index d732daa52..000000000
--- a/webapp/components/user_settings/import_theme_modal.jsx
+++ /dev/null
@@ -1,218 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See License.txt for license information.
-
-import ModalStore from 'stores/modal_store.jsx';
-import {Modal} from 'react-bootstrap';
-
-import Constants from 'utils/constants.jsx';
-
-import {FormattedMessage} from 'react-intl';
-
-const ActionTypes = Constants.ActionTypes;
-
-import React from 'react';
-
-export default class ImportThemeModal extends React.Component {
-    constructor(props) {
-        super(props);
-
-        this.updateShow = this.updateShow.bind(this);
-        this.handleSubmit = this.handleSubmit.bind(this);
-        this.handleChange = this.handleChange.bind(this);
-
-        this.state = {
-            value: '',
-            inputError: '',
-            show: false,
-            callback: null
-        };
-    }
-
-    componentDidMount() {
-        ModalStore.addModalListener(ActionTypes.TOGGLE_IMPORT_THEME_MODAL, this.updateShow);
-    }
-
-    componentWillUnmount() {
-        ModalStore.removeModalListener(ActionTypes.TOGGLE_IMPORT_THEME_MODAL, this.updateShow);
-    }
-
-    updateShow(show, args) {
-        this.setState({
-            show,
-            callback: args.callback
-        });
-    }
-
-    handleSubmit(e) {
-        e.preventDefault();
-
-        const text = this.state.value;
-
-        if (!this.isInputValid(text)) {
-            this.setState({
-                inputError: (
-                    <FormattedMessage
-                        id='user.settings.import_theme.submitError'
-                        defaultMessage='Invalid format, please try copying and pasting in again.'
-                    />
-                )
-            });
-            return;
-        }
-
-        const colors = text.split(',');
-        const theme = {type: 'custom'};
-
-        theme.sidebarBg = colors[0];
-        theme.sidebarText = colors[5];
-        theme.sidebarUnreadText = colors[5];
-        theme.sidebarTextHoverBg = colors[4];
-        theme.sidebarTextActiveBorder = colors[2];
-        theme.sidebarTextActiveColor = colors[3];
-        theme.sidebarHeaderBg = colors[1];
-        theme.sidebarHeaderTextColor = colors[5];
-        theme.onlineIndicator = colors[6];
-        theme.awayIndicator = '#E0B333';
-        theme.mentionBj = colors[7];
-        theme.mentionColor = '#ffffff';
-        theme.centerChannelBg = '#ffffff';
-        theme.centerChannelColor = '#333333';
-        theme.newMessageSeparator = '#F80';
-        theme.linkColor = '#2389d7';
-        theme.buttonBg = '#26a970';
-        theme.buttonColor = '#ffffff';
-        theme.mentionHighlightBg = '#fff2bb';
-        theme.mentionHighlightLink = '#2f81b7';
-        theme.codeTheme = 'github';
-
-        this.state.callback(theme);
-        this.setState({
-            show: false,
-            callback: null
-        });
-    }
-
-    isInputValid(text) {
-        if (text.length === 0) {
-            return false;
-        }
-
-        if (text.indexOf(' ') !== -1) {
-            return false;
-        }
-
-        if (text.length > 0 && text.indexOf(',') === -1) {
-            return false;
-        }
-
-        if (text.length > 0) {
-            const colors = text.split(',');
-
-            if (colors.length !== 8) {
-                return false;
-            }
-
-            for (let i = 0; i < colors.length; i++) {
-                if (colors[i].length !== 7 && colors[i].length !== 4) {
-                    return false;
-                }
-
-                if (colors[i].charAt(0) !== '#') {
-                    return false;
-                }
-            }
-        }
-
-        return true;
-    }
-
-    handleChange(e) {
-        const value = e.target.value;
-        this.setState({value});
-
-        if (this.isInputValid(value)) {
-            this.setState({inputError: null});
-        } else {
-            this.setState({
-                inputError: (
-                    <FormattedMessage
-                        id='user.settings.import_theme.submitError'
-                        defaultMessage='Invalid format, please try copying and pasting in again.'
-                    />
-                )
-            });
-        }
-    }
-
-    render() {
-        return (
-            <span>
-                <Modal
-                    show={this.state.show}
-                    onHide={() => this.setState({show: false})}
-                >
-                    <Modal.Header closeButton={true}>
-                        <Modal.Title>
-                            <FormattedMessage
-                                id='user.settings.import_theme.importHeader'
-                                defaultMessage='Import Slack Theme'
-                            />
-                        </Modal.Title>
-                    </Modal.Header>
-                    <form
-                        role='form'
-                        className='form-horizontal'
-                    >
-                        <Modal.Body>
-                            <p>
-                                <FormattedMessage
-                                    id='user.settings.import_theme.importBody'
-                                    defaultMessage='To import a theme, go to a Slack team and look for "Preferences -> Sidebar Theme". Open the custom theme option, copy the theme color values and paste them here:'
-                                />
-                            </p>
-                            <div className='form-group less'>
-                                <div className='col-sm-12'>
-                                    <input
-                                        id='themeVector'
-                                        type='text'
-                                        className='form-control'
-                                        value={this.state.value}
-                                        onChange={this.handleChange}
-                                    />
-                                    <div className='input__help'>
-                                        {this.state.inputError}
-                                    </div>
-                                </div>
-                            </div>
-                        </Modal.Body>
-                        <Modal.Footer>
-                            <button
-                                id='cancelButton'
-                                type='button'
-                                className='btn btn-default'
-                                onClick={() => this.setState({show: false})}
-                            >
-                                <FormattedMessage
-                                    id='user.settings.import_theme.cancel'
-                                    defaultMessage='Cancel'
-                                />
-                            </button>
-                            <button
-                                id='submitButton'
-                                onClick={this.handleSubmit}
-                                type='submit'
-                                className='btn btn-primary'
-                                tabIndex='3'
-                            >
-                                <FormattedMessage
-                                    id='user.settings.import_theme.submit'
-                                    defaultMessage='Submit'
-                                />
-                            </button>
-                        </Modal.Footer>
-                    </form>
-                </Modal>
-            </span>
-        );
-    }
-}
-- 
cgit v1.2.3-1-g7c22