render()

in genie-ui/src/main/web/scripts/components/ApplicationDetails.js [51:148]

• 98 lines of code
• 2 McCabe index (conditional complexity)

  render() {
    return (
      <tr>
        <td colSpan="12">
          <i className="fa fa-sort-desc" aria-hidden="true" />
          <div className="job-detail-row">
            <table className="table job-detail-table">
              <tbody>
                <tr>
                  <td className="col-xs-2 align-right">Type:</td>
                  <td>{this.state.application.type}</td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">Description:</td>
                  <td>{this.state.application.description}</td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">Setup File:</td>
                  <td>{this.state.application.setupFile}</td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">Config:</td>
                  <td>
                    <ul>
                      {this.state.application.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.application.dependencies.map(
                        (data, index) => (
                          <li key={index}>{data}</li>
                        )
                      )}
                    </ul>
                  </td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">
                    {`Created (${this.props.timeZone})`}:
                  </td>
                  <td>
                    {momentFormat(
                      this.state.application.created,
                      this.props.timeZone
                    )}
                  </td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">
                    {`Updated (${this.props.timeZone})`}:
                  </td>
                  <td>
                    {momentFormat(
                      this.state.application.updated,
                      this.props.timeZone
                    )}
                  </td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">Active Commands:</td>
                  <td>
                    {this.state.commands.length > 0 ? (
                      <InfoTable data={this.state.commands} type="commands" />
                    ) : (
                      <div />
                    )}
                  </td>
                </tr>
                <tr>
                  <td className="col-xs-2 align-right">Links:</td>
                  <td>
                    <ul>
                      <li>
                        <a href={this.state.application._links.self.href}>
                          Json
                        </a>
                      </li>
                      <li>
                        <a href={this.state.application._links.commands.href}>
                          Commands
                        </a>
                      </li>
                    </ul>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </td>
      </tr>
    );
  }