render()

in genie-ui/src/main/web/scripts/components/CommandDetails.js [61:178]
118 lines of code
3 McCabe index (conditional complexity)

  render() {
    return (
      <tr>
        <td colSpan="12">
          <i className="fa fa-sort-desc" aria-hidden="true" />
          <div className="commands-detail-row">
            <table className="table job-detail-table">
              <tbody>
                <tr>
                  <td className="col-xs-2 align-right">Description:</td>
                  <td>{this.state.command.description}</td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">Check Delay:</td>
                  <td>{this.state.command.checkDelay}</td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">Setup File:</td>
                  <td>{this.state.command.setupFile}</td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">Executable:</td>
                  <td>{this.state.command.executable}</td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">Config:</td>
                  <td>
                    <ul>
                      {this.state.command.configs.map((config, index) => (
                        <li key={index}>{config}</li>
                      ))}
                    </ul>
                  </td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">Dependencies:</td>
                  <td>
                    <ul>
                      {this.state.command.dependencies.map(
                        (dependency, index) => (
                          <li key={index}>{dependency}</li>
                        )
                      )}
                    </ul>
                  </td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">
                    {`Created (${this.props.timeZone})`}:
                  </td>
                  <td>
                    {momentFormat(
                      this.state.command.created,
                      this.props.timeZone
                    )}
                  </td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">
                    {`Updated (${this.props.timeZone})`}:
                  </td>
                  <td>
                    {momentFormat(
                      this.state.command.updated,
                      this.props.timeZone
                    )}
                  </td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">Active Clusters:</td>
                  <td>
                    {this.state.clusters.length > 0 ? (
                      <InfoTable data={this.state.clusters} type="clusters" />
                    ) : (
                      <div />
                    )}
                  </td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">Applications:</td>
                  <td>
                    {this.state.applications.length > 0 ? (
                      <InfoTable
                        data={this.state.applications}
                        type="applications"
                      />
                    ) : (
                      <div />
                    )}
                  </td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">Links:</td>
                  <td>
                    <ul>
                      <li>
                        <a href={this.state.command._links.self.href}>Json</a>
                      </li>
                      <li>
                        <a href={this.state.command._links.applications.href}>
                          Applications
                        </a>
                      </li>
                      <li>
                        <a href={this.state.command._links.clusters.href}>
                          Clusters
                        </a>
                      </li>
                    </ul>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </td>
      </tr>
    );
  }