nodebb-plugin-embed/client/acp/components/admin.js

Embed media and rich content in posts: youtube, vimeo, twitch etc. All embeds are based on the rules. You are encouraged to build your own rules to embed everything what is embeddable.

/**
 * Created by Nicolas on 10/21/15.
 */
import Actions from '../actions';
import objectAssign from 'object-assign';
import React from 'react';
import Rule from '../models/rule';
import RuleCreate from './rule-create';
import RuleDetails from './rule-details';
import RulesList from './rules-list';
import RulesStore from '../stores/rules-store';
import SocketService from '../services/socket-service';
import Utils from './utils';

export default class Admin extends React.Component {
    static getStores() {
        return [RulesStore];
    }

    static getPropsFromStores() {
        return objectAssign({}, RulesStore.getState());
    }

    constructor(props) {
        super(props);
    }

    componentDidMount() {
        Actions.getAllRules();
    }

    render() {
        let extendedView;

        if (this.props.selectedRule) {
            if (this.props.selectedRule.name === Rule.CREATE) {
                extendedView = <RuleCreate />;
            } else {
                extendedView = (
                    <RuleDetails
                        rule={this.props.selectedRule}/>
                );
            }
        }

        return (
            <div className="row">
                <div className="col-md-6">
                    <RulesList
                        rules={this.props.rules}
                        selected={this.props.selectedRule}/>

                    <div className="row">
                        <div className="col-md-6">
                            <Utils />
                        </div>
                        <div className="col-md-6">
                        </div>
                    </div>

                </div>
                <div className="col-md-6">
                    {extendedView}
                </div>
            </div>
        );
    }
}