import React from 'react';
import { Profile } from '../../../components';
import { CrudView } from '../../packages/crud';
import CRUD from '../../../commons/crud';

export default class Workspaces extends React.Component {

    componentWillMount() {
        const editor = {
            controls: [{
                type: 'string',
                label: __('form.name'),
                property: 'name',
                size: { sm: 6 },
                required: true
            }],
            title: doc => doc.id ? __('admin.workspaces.edt') : __('admin.workspaces.new')
        };

        this.setState({ crud: new CRUD('workspace'), editor: editor });
    }

    cellRender(item) {
        return React.createElement(Profile, { title: item.name, type: 'ws', size: 'small' });
    }

    render() {
        return React.createElement(CrudView, {
            title: this.props.route.data.title,
            onCellRender: this.cellRender,
            crud: this.state.crud,
            editorSchema: this.state.editor,
            perm: 'WORKSPACES' });
    }
}

Workspaces.propTypes = {
    route: React.PropTypes.object
};