render()

in src/ui/input/Parameters.js [130:247]
109 lines of code
2 McCabe index (conditional complexity)

  render() {
    let extraZonesLabel;
    let extraZonesInput;

    if (this.props.input.locationType === 'MULTI_ZONAL') {
      extraZonesLabel = (
        <Label for="extra-zones-select" sm={2}>
          Extra Zones
        </Label>
      );
      extraZonesInput = (
        <Col sm={1}>
          <TextDropdown
            name="extra-zones-select"
            id="extra-zones-select"
            options={extraZoneOptions}
            value={this.props.input.extraZones}
            changeHandler={this.handleExtraZonesChange}
          />
        </Col>
      );
    } else {
      extraZonesLabel = ' ';
      extraZonesInput = ' ';
    }

    return (
      <Form>
        <FormGroup row>
          <Label for="location-type-select" sm={3}>
            Location Type
          </Label>
          <Col sm={2}>
            <TextDropdown
              name="location-type-select"
              id="location-type-select"
              options={locationTypeOptions}
              value={this.props.input.locationType}
              changeHandler={this.handleLocationTypeChange}
            />
          </Col>
          {extraZonesLabel}
          {extraZonesInput}
        </FormGroup>

        <FormGroup row>
          <Label for="network" sm={3}>
            {' '}
            Available Network{' '}
          </Label>{' '}
          <Col sm={2}>
            <Input
              name="network"
              id="network"
              type="text"
              placeholder="10.0.0.0"
              value={this.props.input.network}
              onChange={this.handleChangeNetwork}
            />{' '}
          </Col>{' '}
        </FormGroup>

        <NetmaskInput
          name="available-netmask"
          label="Available Netmask"
          rules={this.props.inputRules.getAvailableNetmaskRules()}
          changeHandler={this.handlePropChange}
          value={this.props.input.netmask}
          propName="netmask"
        />

        <NetmaskInput
          name="node-netmask"
          label="Node Subnet mask"
          rules={this.props.inputRules.getNodeRules()}
          changeHandler={this.handlePropChange}
          value={this.props.input.nodeNetmask}
          propName="nodeNetmask"
        />

        <NetmaskInput
          name="cluster-netmask"
          label="Cluster Subnet mask"
          rules={this.props.inputRules.getClusterRules()}
          changeHandler={this.handlePropChange}
          value={this.props.input.clusterNetmask}
          propName="clusterNetmask"
        />

        <TextDropdownInput
          name="node-pod-netmask-select"
          label="Maximum Pods (Pod Netmask)"
          options={nodePodNetmaskOptions}
          changeHandler={this.handlePropChange}
          value={this.props.input.nodePodNetmask}
          propName="nodePodNetmask"
        />

        <NetmaskInput
          name="service-netmask"
          label="Service Subnet mask"
          rules={this.props.inputRules.getServiceRules()}
          changeHandler={this.handlePropChange}
          value={this.props.input.serviceNetmask}
          propName="serviceNetmask"
        />

        <TextDropdownInput
          name="master-block-select"
          label="Master CIDR block"
          options={masterBlockOptions}
          changeHandler={this.handlePropChange}
          value={this.props.input.masterNetwork}
          propName="masterNetwork"
        />
      </Form>
    );
  }