@spotinst/spinnaker-deck/app/scripts/modules/oracle/src/serverGroup/configure/wizard/basicSettings/basicSettings.html

Spinnaker-Deck service, forked with support to Spotinst

<div class="container-fluid form-horizontal" ng-controller="oracleServerGroupBasicSettingsCtrl as basicSettingsCtrl">
  <div class="modal-body">
    <div class="form-group">
      <div class="col-md-3 sm-label-right">Account</div>
      <div class="col-md-7">
        <account-select-field
          required
          read-only="command.viewState.readOnlyFields.credentials"
          component="command"
          field="account"
          accounts="command.backingData.accounts"
          provider="'oracle'"
          on-change="command.backingData.accountOnChange()"
        ></account-select-field>
      </div>
    </div>
    <region-select-field
      label-columns="3"
      component="command"
      field="region"
      account="command.account"
      provider="'oracle'"
      regions="command.backingData.filtered.regions"
      on-change="command.backingData.regionOnChange()"
    ></region-select-field>
    <!-- VCN Selection (which will then filter subnets) -->
    <div class="form-group">
      <div class="col-md-3 sm-label-right">VCN</div>
      <div class="col-md-9">
        <ui-select
          class="form-control input-sm"
          required
          ng-model="command.vpcId"
          ng-change="command.backingData.vpcOnChange()"
        >
          <ui-select-match placeholder="Select VCN">{{$select.selected.name}}</ui-select-match>
          <ui-select-choices repeat="network.id as network in command.backingData.networks">
            <span ng-bind-html="network.name | highlight: $select.search"></span>
          </ui-select-choices>
        </ui-select>
      </div>
    </div>

    <div class="form-group" ng-show="command.vpcId">
      <div class="col-md-3 sm-label-right">Availability Domain</div>
      <div class="col-md-7">
        <ui-select
          class="form-control input-sm"
          required
          ng-model="command.availabilityDomain"
          ng-change="command.backingData.availabilityDomainOnChange()"
        >
          <ui-select-match placeholder="Select AD">{{$select.selected.name}}</ui-select-match>
          <ui-select-choices
            repeat="availabilityDomain.name as availabilityDomain in command.backingData.filtered.availabilityDomains"
          >
            <span ng-bind-html="availabilityDomain.name"></span>
          </ui-select-choices>
        </ui-select>
      </div>
    </div>

    <!-- Subnet selection -->
    <div class="form-group" ng-show="command.availabilityDomain">
      <div class="col-md-3 sm-label-right">Subnet</div>
      <div class="col-md-9">
        <ui-select
          class="form-control input-sm"
          required
          ng-model="command.subnetId"
          ng-change="command.backingData.subnetOnChange()"
        >
          <ui-select-match placeholder="Select subnet">{{$select.selected.name}}</ui-select-match>
          <ui-select-choices repeat="subnet.id as subnet in command.backingData.filterSubnets()">
            <span ng-bind-html="subnet.name | highlight: $select.search"></span>
          </ui-select-choices>
        </ui-select>
      </div>
    </div>

    <div class="form-group small" style="margin-top: 20px" ng-show="command.backingData.seclists">
      <div class="col-md-3 sm-label-right">Effective Security Lists</div>
      <div class="col-md-9">
        <p>Security Lists attached to selected subnet:</p>
        <ul ng-repeat="seclist in command.backingData.seclists">
          <div class="sm-label-left">{{seclist.name}}</div>
          <div ng-repeat="rule in seclist.inboundRules">
            <li ng-repeat="range in rule.portRanges">{{rule.protocol}}: {{range.startPort}} -> {{range.endPort}}</li>
          </div>
        </ul>
      </div>
    </div>

    <div class="form-group">
      <div class="col-md-3 sm-label-right">
        Stack
        <help-field key="oracle.serverGroup.stack"></help-field>
      </div>
      <div class="col-md-7">
        <input
          type="text"
          class="form-control input-sm"
          ng-pattern="basicSettingsCtrl.stackPattern"
          name="stack"
          ng-model="command.stack"
        />
      </div>
    </div>
    <div class="form-group row slide-in" ng-if="basicSettings.stack.$error.pattern">
      <div class="col-sm-9 col-sm-offset-2 error-message">
        <span>Only dot(.) and underscore(_) special characters are allowed in the Stack field.</span>
      </div>
    </div>
    <div class="form-group">
      <div class="col-md-3 sm-label-right">
        Detail
        <help-field key="oracle.serverGroup.detail"></help-field>
      </div>
      <div class="col-md-7">
        <input
          type="text"
          class="form-control input-sm"
          ng-pattern="basicSettingsCtrl.detailPattern"
          name="details"
          ng-model="command.freeFormDetails"
        />
      </div>
    </div>
    <deployment-strategy-selector
      ng-if="!command.viewState.disableStrategySelection && command.selectedProvider"
      command="command"
    ></deployment-strategy-selector>
  </div>
</div>