@spotinst/spinnaker-deck/app/scripts/modules/amazon/src/serverGroup/details/rollback/rollbackServerGroup.html

Spinnaker-Deck service, forked with support to Spotinst

<div modal-page class="confirmation-modal">
  <task-monitor monitor="taskMonitor"></task-monitor>
  <form role="form">
    <modal-close dismiss="$dismiss()"></modal-close>
    <div class="modal-header">
      <h4 class="modal-title">Rollback {{serverGroup.name}}</h4>
    </div>
    <div class="modal-body confirmation-modal">
      <div class="row">
        <div class="col-sm-3 sm-label-right">Restore to</div>
        <div class="col-md-7">
          <ui-select
            ng-model="command.rollbackContext.restoreServerGroupName"
            class="form-control input-sm"
            ng-if="command.rollbackType === 'EXPLICIT'"
          >
            <ui-select-match placeholder="Select...">{{ctrl.label($select.selected)}}</ui-select-match>
            <ui-select-choices group-by="ctrl.group" repeat="serverGroup.name as serverGroup in allServerGroups">
              <span ng-bind-html="ctrl.label(serverGroup)"></span>
            </ui-select-choices>
          </ui-select>
          <div ng-if="command.rollbackType === 'PREVIOUS_IMAGE'" style="margin-top: 5px">
            {{ previousServerGroup.name }} <span class="small">(no longer deployed)</span><br />
            <span class="small">
              <strong>Image</strong>: {{ previousServerGroup.imageName}}
              <span ng-if="previousServerGroup.imageId">({{ previousServerGroup.imageId }})</span><br />
            </span>
            <span class="small" ng-if="previousServerGroup.buildNumber">
              <strong>Build</strong> #{{ previousServerGroup.buildNumber }}
            </span>
          </div>
        </div>
      </div>

      <div class="row" ng-if="command.platformHealthOnlyShowOverride">
        <div class="col-sm-10 col-sm-offset-1">
          <platform-health-override
            command="command"
            platform-health-type="'Amazon'"
            show-help-details="true"
            field-columns="12"
          >
          </platform-health-override>
        </div>
      </div>

      <task-reason command="command"></task-reason>

      <div class="row">
        <div class="col-sm-11 col-sm-offset-1">
          Wait
          <input
            placeholder="0"
            min="0"
            type="number"
            ng-model="command.rollbackContext.delayBeforeDisableSeconds"
            class="form-control input-sm inline-number"
          />
          seconds before disabling <em>{{ ctrl.label(serverGroup) }}</em>.
        </div>
      </div>

      <div class="row">
        <div class="col-sm-11 col-sm-offset-1">
          Consider rollback successful when
          <input
            type="number"
            min="0"
            max="100"
            ng-model="command.rollbackContext.targetHealthyRollbackPercentage"
            class="form-control input-sm inline-number"
          />
          percent of instances are healthy.
        </div>
      </div>

      <div class="row">
        <div class="col-sm-4 sm-label-right">Rollback Operations</div>
      </div>
      <div class="row" ng-if="command.rollbackType === 'EXPLICIT'">
        <div class="col-sm-11 col-sm-offset-1">
          <ol>
            <li>Enable <em>{{ command.rollbackContext.restoreServerGroupName || 'previous server group' }}</em></li>
            <li>
              Resize <em>{{ command.rollbackContext.restoreServerGroupName || 'previous server group' }}</em> to [
              <strong>min</strong>: {{serverGroup.capacity.desired}}, <strong>max</strong>: {{ serverGroup.capacity.max
              }}, <strong>desired</strong>: {{ serverGroup.capacity.desired }} ] <br />(minimum capacity pinned at
              {{serverGroup.capacity.desired}} to prevent autoscaling down during rollback)
            </li>

            <li ng-if="command.rollbackContext.targetHealthyRollbackPercentage < 100">
              Wait for at least {{minHealthy(command.rollbackContext.targetHealthyRollbackPercentage)}} instances to
              report as healthy
            </li>
            <li ng-if="command.rollbackContext.delayBeforeDisableSeconds > 0">
              Wait {{ command.rollbackContext.delayBeforeDisableSeconds }} seconds
            </li>
            <li>Disable <em>{{ serverGroup.name }}</em></li>
            <li>
              Restore minimum capacity of
              <em>{{ command.rollbackContext.restoreServerGroupName || 'previous server group' }}</em> [
              <strong>min</strong>: {{ serverGroup.capacity.min }} ]
            </li>
          </ol>
          <p>This rollback will affect server groups in {{ serverGroup.account }} ({{ serverGroup.region }}).</p>
        </div>
      </div>
      <div class="row" ng-if="command.rollbackType === 'PREVIOUS_IMAGE'">
        <div class="col-sm-11 col-sm-offset-1">
          <ol>
            <li>
              Deploy <em>{{ previousServerGroup.imageId }}</em> [ <strong>min</strong>:
              {{serverGroup.capacity.desired}}, <strong>max</strong>: {{ serverGroup.capacity.max }},
              <strong>desired</strong>: {{ serverGroup.capacity.desired }} ] <br />(minimum capacity pinned at
              {{serverGroup.capacity.desired}} to prevent autoscaling down during deploy)
            </li>
            <li ng-if="command.rollbackContext.targetHealthyRollbackPercentage < 100">
              Wait for at least {{minHealthy(command.rollbackContext.targetHealthyRollbackPercentage)}} instances to
              report as healthy
            </li>
            <li>Disable {{ serverGroup.name }}</li>
            <li>
              Restore minimum capacity of <em>new server group</em> [ <strong>min</strong>: {{ serverGroup.capacity.min
              }} ]
            </li>
          </ol>
          <p>This rollback will affect server groups in {{ serverGroup.account }} ({{ serverGroup.region }}).</p>
        </div>
      </div>
    </div>
    <aws-footer
      action="ctrl.rollback()"
      cancel="ctrl.cancel()"
      is-valid="ctrl.isValid()"
      account="serverGroup.account"
      verification="verification"
    ></aws-footer>
  </form>
</div>