summaryrefslogtreecommitdiffstats
path: root/webapp/components/backstage/components/backstage_list.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/components/backstage/components/backstage_list.jsx')
-rw-r--r--webapp/components/backstage/components/backstage_list.jsx114
1 files changed, 0 insertions, 114 deletions
diff --git a/webapp/components/backstage/components/backstage_list.jsx b/webapp/components/backstage/components/backstage_list.jsx
deleted file mode 100644
index d0a2426ec..000000000
--- a/webapp/components/backstage/components/backstage_list.jsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import PropTypes from 'prop-types';
-
-// Copyright (c) 2016-present 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';
-import LoadingScreen from 'components/loading_screen.jsx';
-
-export default class BackstageList extends React.Component {
- static propTypes = {
- children: PropTypes.node,
- header: PropTypes.node.isRequired,
- addLink: PropTypes.string,
- addText: PropTypes.node,
- emptyText: PropTypes.node,
- helpText: PropTypes.node,
- loading: PropTypes.bool.isRequired,
- searchPlaceholder: PropTypes.string
- }
-
- static defaultProps = {
- searchPlaceholder: Utils.localizeMessage('backstage_list.search', 'Search')
- }
-
- 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 && this.props.emptyText) {
- children = (
- <span className='backstage-list__item backstage-list__empty'>
- {this.props.emptyText}
- </span>
- );
- }
- }
-
- let addLink = null;
- if (this.props.addLink && this.props.addText) {
- addLink = (
- <Link
- className='add-link'
- to={this.props.addLink}
- >
- <button
- type='button'
- className='btn btn-primary'
- >
- <span>
- {this.props.addText}
- </span>
- </button>
- </Link>
- );
- }
-
- return (
- <div className='backstage-content'>
- <div className='backstage-header'>
- <h1>
- {this.props.header}
- </h1>
- {addLink}
- </div>
- <div className='backstage-filters'>
- <div className='backstage-filter__search'>
- <i className='fa fa-search'/>
- <input
- type='search'
- className='form-control'
- placeholder={this.props.searchPlaceholder}
- value={this.state.filter}
- onChange={this.updateFilter}
- style={{flexGrow: 0, flexShrink: 0}}
- />
- </div>
- </div>
- <span className='backstage-list__help'>
- {this.props.helpText}
- </span>
- <div className='backstage-list'>
- {children}
- </div>
- </div>
- );
- }
-}