@spotinst/spinnaker-deck/app/scripts/modules/appengine/src/loadBalancer/configure/wizard/basicSettings.component.html

Spinnaker-Deck service, forked with support to Spotinst

<ng-form name="basicSettingsForm">
  <div class="row">
    <div class="form-group">
      <div class="col-md-3 sm-label-right">
        Allocations
        <help-field key="appengine.loadBalancer.allocations"></help-field>
      </div>
      <div class="col-md-9">
        <div ng-if="!$ctrl.forPipelineConfig">
          <appengine-allocation-configuration-row
            ng-repeat="description in $ctrl.loadBalancer.splitDescription.allocationDescriptions"
            allocation-description="description"
            server-group-options="$ctrl.serverGroupOptions"
            on-allocation-change="$ctrl.updateServerGroupOptions()"
            remove-allocation="$ctrl.removeAllocation($index)"
          >
          </appengine-allocation-configuration-row>
        </div>
        <div ng-if="$ctrl.forPipelineConfig">
          <appengine-stage-allocation-configuration-row
            ng-repeat="description in $ctrl.loadBalancer.splitDescription.allocationDescriptions"
            allocation-description="description"
            application="$ctrl.application"
            region="{{ $ctrl.loadBalancer.region }}"
            account="{{ $ctrl.loadBalancer.account || $ctrl.loadBalancer.credentials }}"
            server-group-options="$ctrl.serverGroupOptions"
            on-allocation-change="$ctrl.updateServerGroupOptions()"
            remove-allocation="$ctrl.removeAllocation($index)"
          >
          </appengine-stage-allocation-configuration-row>
        </div>
        <button class="add-new col-md-11" ng-if="$ctrl.showAddButton()" ng-click="$ctrl.addAllocation()">
          <span class="glyphicon glyphicon-plus-sign"></span> Add allocation
        </button>
      </div>
    </div>
    <div class="form-group" ng-if="$ctrl.allocationIsInvalid()">
      <div class="col-md-12 text-center">
        <p class="alert alert-warning">Allocations must sum to 100%.</p>
      </div>
    </div>
  </div>

  <div class="row" ng-if="$ctrl.showShardByOptions()">
    <div class="form-group">
      <div class="col-md-3 sm-label-right">Shard By</div>
      <div class="col-md-9">
        <form class="form-inline">
          <div class="form-group">
            <label class="radio-inline">
              <input type="radio" ng-model="$ctrl.loadBalancer.splitDescription.shardBy" value="IP" />
              IP
              <help-field key="appengine.loadBalancer.shardBy.ip"></help-field>
            </label>
            <label class="radio-inline">
              <input type="radio" ng-model="$ctrl.loadBalancer.splitDescription.shardBy" value="COOKIE" />
              Cookie
              <help-field key="appengine.loadBalancer.shardBy.cookie"></help-field>
            </label>
          </div>
        </form>
      </div>
    </div>
  </div>
</ng-form>