public render()

in src/Common/react/Components/IterationDuration/IterationDuration.tsx [34:113]
76 lines of code
7 McCabe index (conditional complexity)

    public render() {
        let {
            iterationDuration: {
                kindMessage,
                kind,
                overridedBy
            },
            onClear
        } = this.props;

        const {
            errorMessage,
            isValid,
            startIteration,
            endIteration
        } = this.state;

        if (kind === IterationDurationKind.UserOverridden) {
            kindMessage = `${overridedBy} has set start and end iteration for this workitem.`;
        }

        const isDirty = this._isDirty();
        const saveText = isDirty ? "Save and Close" : "Close";

        return (
            <div className="iteration-duration-component">
                <div className="iteration-duration-form">
                    <div className="iteration-duration-column">
                        <div className="iteration-duration-title">
                            Start Iteration
                        </div>
                        <div>
                            <ComboBox
                                options={this._getComboBoxOptions()}
                                selectedKey={startIteration.id}
                                autoComplete="on"
                                onChanged={this._startIterationChanged}
                            />
                        </div>
                    </div>
                    <div className="iteration-duration-column">
                        <div className="iteration-duration-title">
                            End Iteration
                        </div>
                        <div>
                            <ComboBox
                                options={this._getComboBoxOptions()}
                                selectedKey={endIteration.id}
                                autoComplete="on"
                                onChanged={this._endIterationChanged}
                            />
                        </div>
                    </div>
                </div>
                <div className="iteration-duration-kind-message">
                    {!errorMessage && kindMessage}
                </div>
                <div className="iteration-duration-error-message">
                    {errorMessage}
                </div>
                <div className="iteration-duration-commands">
                    {
                        kind === IterationDurationKind.UserOverridden &&
                        <Button className="iteration-duration-button" onClick={onClear}>Clear Iterations</Button>
                    }
                    {
                        isDirty && <Button className="iteration-duration-button" onClick={this.props.onCancel}>Cancel</Button>
                    }
                    {
                        <PrimaryButton
                            className="iteration-duration-button"
                            onClick={this._setIteration}
                            disabled={!isValid}>
                            {saveText}
                        </PrimaryButton>
                    }
                </div>
            </div>
        );
    }