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

Spinnaker-Deck service, forked with support to Spotinst

<div class="container-fluid form-horizontal" ng-controller="ecsServerGroupBasicSettingsCtrl as basicSettingsCtrl">
  <ng-form name="basicSettings">
    <div class="form-group row" ng-if="command.regionIsDeprecated(command)">
      <div class="col-md-12 error-message">
        <div class="alert alert-danger">
          You are deploying into a deprecated region within the {{ command.credentials }} account!
        </div>
      </div>
    </div>
    <div class="form-group">
      <div class="col-md-3 sm-label-right">Account</div>
      <div class="col-md-7">
        <account-select-field
          read-only="command.viewState.readOnlyFields.credentials"
          component="command"
          field="credentials"
          accounts="command.backingData.accounts"
          provider="'ecs'"
        ></account-select-field>
      </div>
    </div>
    <region-select-field
      read-only="command.viewState.readOnlyFields.region"
      label-columns="3"
      component="command"
      field="region"
      account="command.credentials"
      provider="'ecs'"
      regions="command.backingData.filtered.regions"
    ></region-select-field>
    <div class="form-group">
      <div class="col-md-3 sm-label-right">
        ECS Cluster name <help-field key="ecs.serverGroup.clusterName"></help-field>
      </div>
      <div class="col-md-7">
        <div class="form-control-static" ng-if="!command.backingData.filtered.ecsClusters.length">
          No ECS clusters found in the selected account/region
        </div>
        <ui-select
          data-test-id="ServerGroup.clusterName"
          ng-model="command.ecsClusterName"
          ng-if="command.backingData.filtered.ecsClusters.length"
          class="form-control input-sm"
          required
          on-select="fieldChanged()"
        >
          <ui-select-match>{{$select.selected}}</ui-select-match>
          <ui-select-choices
            repeat="ecsClusterName in command.backingData.filtered.ecsClusters | filter: $select.search"
          >
            <span ng-bind-html="ecsClusterName"></span>
          </ui-select-choices>
        </ui-select>
      </div>
    </div>
    <div class="form-group">
      <div class="col-md-3 sm-label-right">
        Stack
        <help-field key="ecs.serverGroup.stack"></help-field>
      </div>
      <div class="col-md-7">
        <input
          data-test-id="ServerGroup.stack"
          type="text"
          class="form-control input-sm no-spel"
          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="ecs.serverGroup.detail"></help-field>
      </div>
      <div class="col-md-7">
        <input
          data-test-id="ServerGroup.details"
          type="text"
          class="form-control input-sm no-spel"
          ng-pattern="basicSettingsCtrl.detailPattern"
          name="details"
          ng-model="command.freeFormDetails"
        />
      </div>
    </div>
    <div class="form-group row slide-in" ng-if="basicSettings.details.$error.pattern">
      <div class="col-sm-9 col-sm-offset-2 error-message">
        <span>Only dot(.), underscore(_), and dash(-) special characters are allowed in the Detail field.</span>
      </div>
    </div>
    <deployment-strategy-selector
      ng-if="!command.viewState.disableStrategySelection && command.selectedProvider"
      command="command"
    ></deployment-strategy-selector>
    <div class="form-group" ng-if="!command.viewState.hideClusterNamePreview">
      <div class="col-md-12">
        <div class="well-compact" ng-class="basicSettingsCtrl.showPreviewAsWarning() ? 'alert alert-warning' : 'well'">
          <h5 class="text-center">
            <p>Your server group will be in the cluster:</p>
            <p>
              <strong>
                {{basicSettingsCtrl.getNamePreview()}}
                <span ng-if="basicSettingsCtrl.createsNewCluster()"> (new cluster)</span>
              </strong>
            </p>
            <div
              class="text-left"
              ng-if="!basicSettingsCtrl.createsNewCluster() && command.viewState.mode === 'create' && latestServerGroup"
            >
              <p>There is already a server group in this cluster. Do you want to clone it?</p>
              <p>
                Cloning copies the entire configuration from the selected server group, allowing you to modify whichever
                fields (e.g. image) you need to change in the new server group.
              </p>
              <p>
                To clone a server group, select "Clone" from the "Server Group Actions" menu in the details view of the
                server group.
              </p>
              <p>
                <a href ng-click="basicSettingsCtrl.navigateToLatestServerGroup()">
                  Go to details for {{latestServerGroup.name}}
                </a>
              </p>
            </div>
          </h5>
        </div>
      </div>
    </div>
  </ng-form>
</div>