render()

in source/console/src/views/TaskDetail.tsx [472:511]
40 lines of code
10 McCabe index (conditional complexity)

    render() {
        return (
            <div>
                <Grid>
                    <Row>
                        <Col md={12}>
                            <Breadcrumb>
                                <LinkContainer to="/tasks" exact>
                                    <BreadcrumbItem>Tasks</BreadcrumbItem>
                                </LinkContainer>
                                <BreadcrumbItem active>{`Task Detail${this.state.isLoading ? '' : ': ' + this.state.task.name}`}</BreadcrumbItem>
                            </Breadcrumb>
                        </Col>
                    </Row>
                    {
                        !this.state.isLoading &&
                        [
                            <Row key="header">
                                <Col md={12}>
                                    <PageHeader>
                                        Task Detail - <small>{this.state.task.name}</small>
                                    </PageHeader>
                                </Col>
                            </Row>,
                            <Row key="buttons">
                                <Col md={12}>
                                <ButtonToolbar className="pull-right">
                                    <Button onClick={this.editTask}
                                        disabled={this.state.error ? true : false}>Edit Task</Button>
                                    {
                                        // Event type does not require to execute a task manually.
                                        this.state.task.triggerType === TriggerType.Schedule &&
                                        <Button bsStyle="primary" onClick={() => this.setState({ showModal: true, modalAction: 'executeTask', modalError: '' })}
                                            disabled={this.state.error ? true: false}>Start Manual Task Execution</Button>
                                    }
                                    <Button bsStyle="warning" onClick={this.changeStatus}
                                        disabled={this.state.error || this.state.isChangingStatus ? true : false}>
                                        {this.state.task.enabled ? "Disable" : "Enable"} Automatic Task Execution {this.state.isChangingStatus ? " - Changing..." : ""}
                                    </Button>
                                    <Button bsStyle="danger" onClick={() => this.setState({ showModal: true, modalAction: 'deleteTask', modalError: '' })}