PLT-3145 Custom Emojis (#3381)

* Reorganized Backstage code to use a view controller and separated it from integrations code

* Renamed InstalledIntegrations component to BackstageList

* Added EmojiList page

* Added AddEmoji page

* Added custom emoji to autocomplete and text formatter

* Moved system emoji to EmojiStore

* Stopped trying to get emoji before logging in

* Rerender posts when emojis change

* Fixed submit handler on backstage pages to properly support enter

* Removed debugging code

* Updated javascript driver

* Fixed unit tests

* Fixed backstage routes

* Added clientside validation to prevent users from creating an emoji with the same name as a system one

* Fixed AddEmoji page to properly redirect when an emoji is created successfully

* Fixed updating emoji list when an emoji is deleted

* Added type prop to BackstageList to properly support using a table for the list

* Added help text to EmojiList

* Fixed backstage on smaller screen sizes

* Disable custom emoji by default

* Improved restrictions on creating emojis

* Fixed non-admin users seeing the option to delete each other's emojis

* Fixing gofmt

* Fixed emoji unit tests

* Fixed trying to get emoji from the server when it's disabled

1 files changed, 0 insertions, 101 deletions

diff --git a/webapp/components/backstage/installed_integrations.jsx b/webapp/components/backstage/installed_integrations.jsx
deleted file mode 100644
index f6de8bc11..000000000
--- a/webapp/components/backstage/installed_integrations.jsx
+++ /dev/null
@@ -1,101 +0,0 @@
-// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.
-// See License.txt for license information.
-
-import React from 'react';
-
-import * as Utils from 'utils/utils.jsx';
-
-import {Link} from 'react-router/es6';
-import LoadingScreen from 'components/loading_screen.jsx';
-
-export default class InstalledIntegrations extends React.Component {
-    static get propTypes() {
-        return {
-            children: React.PropTypes.node,
-            header: React.PropTypes.node.isRequired,
-            addLink: React.PropTypes.string.isRequired,
-            addText: React.PropTypes.node.isRequired,
-            emptyText: React.PropTypes.node.isRequired,
-            loading: React.PropTypes.bool.isRequired
-        };
-    }
-
-    constructor(props) {
-        super(props);
-
-        this.updateFilter = this.updateFilter.bind(this);
-
-        this.state = {
-            filter: ''
-        };
-    }
-
-    updateFilter(e) {
-        this.setState({
-            filter: e.target.value
-        });
-    }
-
-    render() {
-        const filter = this.state.filter.toLowerCase();
-
-        let children;
-
-        if (this.props.loading) {
-            children = <LoadingScreen/>;
-        } else {
-            children = React.Children.map(this.props.children, (child) => {
-                return React.cloneElement(child, {filter});
-            });
-
-            if (children.length === 0) {
-                children = (
-                    <span className='backstage-list__item backstage-list_empty'>
-                        {this.props.emptyText}
-                    </span>
-                );
-            }
-        }
-
-        return (
-            <div className='backstage-content'>
-                <div className='installed-integrations'>
-                    <div className='backstage-header'>
-                        <h1>
-                            {this.props.header}
-                        </h1>
-                        <Link
-                            className='add-integrations-link'
-                            to={this.props.addLink}
-                        >
-                            <button
-                                type='button'
-                                className='btn btn-primary'
-                            >
-                                <span>
-                                    {this.props.addText}
-                                </span>
-                            </button>
-                        </Link>
-                    </div>
-                    <div className='backstage-filters'>
-                        <div className='backstage-filter__search'>
-                            <i className='fa fa-search'></i>
-                            <input
-                                type='search'
-                                className='form-control'
-                                placeholder={Utils.localizeMessage('installed_integrations.search', 'Search Integrations')}
-                                value={this.state.filter}
-                                onChange={this.updateFilter}
-                                style={{flexGrow: 0, flexShrink: 0}}
-                            />
-                        </div>
-                    </div>
-                    <div className='backstage-list'>
-                        {children}
-                    </div>
-                </div>
-            </div>
-        );
-    }
-}