@spotinst/spinnaker-deck
Version:
Spinnaker-Deck service, forked with support to Spotinst
132 lines (131 loc) • 5.1 kB
HTML
<div class="container-fluid form-horizontal" ng-controller="azureServerGroupBasicSettingsCtrl as basicSettingsCtrl">
<div class="modal-body">
<ng-form name="basicSettings">
<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="credentials"
accounts="command.backingData.accounts"
provider="'azure'"
></account-select-field>
</div>
</div>
<region-select-field
required
read-only="command.viewState.readOnlyFields.region"
label-columns="3"
component="command"
field="region"
account="command.credentials"
provider="'azure'"
regions="command.backingData.filtered.regions"
></region-select-field>
<div class="form-group">
<div class="col-md-3 sm-label-right">
Stack
<help-field key="azure.serverGroup.stack"></help-field>
</div>
<div class="col-md-7">
<input
required
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>Stack can only contain letters and numbers.</span>
</div>
</div>
<div class="form-group">
<div class="col-md-3 sm-label-right">
Detail
<help-field key="azure.serverGroup.detail"></help-field>
</div>
<div class="col-md-7">
<input
required
type="text"
class="form-control input-sm"
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>Detail can only contain letters, numbers, and dashes(-).</span>
</div>
</div>
<div class="form-group" ng-if="!command.viewState.disableImageSelection">
<div class="col-md-3 sm-label-right">
Image
<help-field key="azure.serverGroup.imageName"></help-field>
</div>
<div class="col-md-9">
<ui-select
class="form-control input-sm"
required
ng-model="command.selectedImage"
on-select="basicSettingsCtrl.imageChanged($item)"
>
<ui-select-match placeholder="Pick an image">{{$select.selected.imageName}}</ui-select-match>
<ui-select-choices repeat="image in command.images | regional:command.region | filter:$select.search">
<span ng-bind-html="image.imageName"></span>
</ui-select-choices>
</ui-select>
</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>
</div>