mirror of https://github.com/rancher/ui.git
340 lines
10 KiB
Handlebars
340 lines
10 KiB
Handlebars
<div class="gke-node-pool-row mt-20">
|
|
<div class="row">
|
|
<div class="pull-right">
|
|
<button
|
|
class="btn bg-transparent text-small vertical-middle"
|
|
type="button"
|
|
{{action removeNodePool nodePool}}
|
|
>
|
|
{{t "clusterNew.googlegke.nodePool.remove"}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<section class="node-details">
|
|
<h4 class="mb-0">
|
|
{{t "clusterNew.googlegke.nodePools.nodes.title"}}
|
|
</h4>
|
|
<hr />
|
|
<div class="col span-4">
|
|
<label class="acc-label">
|
|
{{t "clusterNew.googlegke.masterVersion.label"}}
|
|
</label>
|
|
{{!-- <NewSelect
|
|
@classNames="form-control"
|
|
@content={{versionChoices}}
|
|
@value={{mut nodePool.version}}
|
|
/> --}}
|
|
{{#if upgradeAvailable}}
|
|
<div class="checkbox form-control-static">
|
|
<label class="acc-label">
|
|
<Input
|
|
@type="checkbox"
|
|
@checked={{mut upgradeVersion}}
|
|
@classNames="form-control"
|
|
/>
|
|
{{t
|
|
"nodeGroupRow.version.upgrade"
|
|
from=nodePool.version
|
|
version=controlPlaneVersion
|
|
}}
|
|
</label>
|
|
</div>
|
|
{{else}}
|
|
<div>
|
|
{{nodePool.version}}
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
<div class="row">
|
|
<div class="col span-4">
|
|
<label class="acc-label">
|
|
{{t "clusterNew.googlegke.imageType.label"}}
|
|
</label>
|
|
<SearchableSelect
|
|
@content={{imageTypeContent}}
|
|
@classNames="form-control"
|
|
@value={{mut nodePool.config.imageType}}
|
|
@localizedLabel={{true}}
|
|
/>
|
|
</div>
|
|
<div class="col span-4">
|
|
<label class="acc-label">
|
|
{{t "clusterNew.googlegke.machineType.label"}}
|
|
</label>
|
|
<InputOrDisplay
|
|
@editable={{isNewNodePool}}
|
|
@value={{editedMachineChoice.displayName}}
|
|
>
|
|
<NewSelect
|
|
@classNames="form-control"
|
|
@optionValuePath="name"
|
|
@optionLabelPath="displayName"
|
|
@optionGroupPath="group"
|
|
@content={{machineChoices}}
|
|
@value={{mut nodePool.config.machineType}}
|
|
@prompt="clusterNew.googlegke.machineType.prompt"
|
|
@localizedPrompt={{true}}
|
|
/>
|
|
</InputOrDisplay>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col span-4">
|
|
<label class="acc-label">
|
|
{{t "clusterNew.googlegke.diskType.label"}}
|
|
</label>
|
|
<InputOrDisplay
|
|
@editable={{isNewNodePool}}
|
|
@value={{nodePool.config.diskType}}
|
|
>
|
|
<SearchableSelect
|
|
@content={{diskTypeContent}}
|
|
@classNames="form-control"
|
|
@value={{mut nodePool.config.diskType}}
|
|
@localizedLabel={{true}}
|
|
@readOnly={{not isNewNodePool}}
|
|
/>
|
|
</InputOrDisplay>
|
|
</div>
|
|
<div class="col span-4">
|
|
<label class="acc-label">
|
|
{{t "clusterNew.googlegke.diskSizeGb.label"}}
|
|
</label>
|
|
<div class="input-group">
|
|
{{#if isNewNodePool}}
|
|
<InputNumber @min={{10}} @value={{nodePool.config.diskSizeGb}} />
|
|
<span class="input-group-addon bg-default">
|
|
{{t "generic.gigabyte"}}
|
|
</span>
|
|
{{else}}
|
|
{{nodePool.config.diskSizeGb}}{{t "generic.gigabyte"}}
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
<div class="col span-4">
|
|
<label class="acc-label">
|
|
{{t "clusterNew.googlegke.localSsdCount.label"}}
|
|
</label>
|
|
<div class="input-group">
|
|
{{#if isNewNodePool}}
|
|
<InputInteger
|
|
@min={{0}}
|
|
@value={{mut nodePool.config.localSsdCount}}
|
|
/>
|
|
<span class="input-group-addon bg-default">
|
|
{{t "generic.gigabyte"}}
|
|
</span>
|
|
{{else}}
|
|
{{nodePool.config.localSsdCount}}{{t "generic.gigabyte"}}
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col span-6">
|
|
<div class="checkbox">
|
|
<label>
|
|
{{input
|
|
type="checkbox"
|
|
checked=nodePool.config.preemptible
|
|
disabled=(not isNewNodePool)
|
|
}}
|
|
{{t "clusterNew.googlegke.preemptible.label"}}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<FormGkeTaints
|
|
@taints={{nodePool.config.taints}}
|
|
@editable={{isNewNodePool}}
|
|
/>
|
|
<div class="row mt-20">
|
|
<div class="col span-12">
|
|
<label class="acc-label">
|
|
{{t "clusterNew.googlegke.nodeLabels.label"}}
|
|
</label>
|
|
<FormKeyValue
|
|
@initialMap={{nodePool.config.labels}}
|
|
@changed={{action "setNodeLabels"}}
|
|
@addActionLabel="clusterNew.googlegke.nodeLabels.addAction"
|
|
@editing={{isNewNodePool}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-20">
|
|
<div class="col span-6 mb-0">
|
|
<label class="acc-label">
|
|
{{t "clusterNew.googlegke.nodeTags.label"}}
|
|
</label>
|
|
<FormValueArray
|
|
@addActionLabel="clusterNew.googlegke.nodeTags.addAction"
|
|
@valueLabelEnabled={{false}}
|
|
@initialValues={{nodePool.config.tags}}
|
|
@changed={{action (mut nodePool.config.tags)}}
|
|
@editing={{isNewNodePool}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="group-details mt-30 mb-30">
|
|
<h4 class="mb-0">
|
|
{{t "clusterNew.googlegke.nodePools.groups.title"}}
|
|
</h4>
|
|
<hr />
|
|
<div class="row">
|
|
<div class="col span-6">
|
|
<label class="acc-label">
|
|
{{t "clusterNew.googlegke.nodePools.name.label"}}
|
|
{{#if isNewNodePool}}
|
|
{{field-required}}
|
|
{{/if}}
|
|
</label>
|
|
<InputOrDisplay @editable={{isNewNodePool}} @value={{nodePool.name}}>
|
|
<Input
|
|
@type="text"
|
|
@value={{mut nodePool.name}}
|
|
@classNames="form-control"
|
|
/>
|
|
</InputOrDisplay>
|
|
</div>
|
|
<div class="col span-3">
|
|
<label class="acc-label">
|
|
{{t "clusterNew.googlegke.nodePools.initialNodeCount.label"}}
|
|
</label>
|
|
<InputNumber
|
|
@value={{mut nodePool.initialNodeCount}}
|
|
@min={{1}}
|
|
@classNames="form-control"
|
|
/>
|
|
{{#if (gt regionalTotalNodeCounts nodePool.initialNodeCount)}}
|
|
<span class="pl-10 help-block text-warning">
|
|
{{t
|
|
"clusterNew.googlegke.locations.warning"
|
|
totalNodes=regionalTotalNodeCounts
|
|
}}
|
|
</span>
|
|
{{/if}}
|
|
</div>
|
|
<div class="col span-3">
|
|
<label class="acc-label">
|
|
{{t "clusterNew.googlegke.nodePools.maxPodsConstraint.label"}}
|
|
</label>
|
|
<InputNumber
|
|
@value={{mut nodePool.maxPodsConstraint}}
|
|
@min={{1}}
|
|
@classNames="form-control"
|
|
/>
|
|
</div>
|
|
</div>
|
|
{{#if showManagementWarning}}
|
|
<div class="row">
|
|
<div class="col span-12">
|
|
<BannerMessage
|
|
@icon="icon-alert"
|
|
@color="bg-warning mb-10"
|
|
@message={{t "clusterNew.googlegke.autoRepairUpgradeWarning.label"}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
<div class="row">
|
|
<div class="col span-6 mt-25">
|
|
<div class="form-control-static">
|
|
<div class="checkbox">
|
|
<label>
|
|
{{input type="checkbox" checked=nodePool.autoscaling.enabled}}
|
|
{{t "clusterNew.googlegke.autoscaling.label"}}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-control-static">
|
|
<div class="checkbox">
|
|
<label>
|
|
{{input type="checkbox" checked=nodePool.management.autoRepair}}
|
|
{{t "clusterNew.googlegke.enableAutoRepair.label"}}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-control-static">
|
|
<div class="checkbox">
|
|
<label>
|
|
{{input type="checkbox" checked=nodePool.management.autoUpgrade}}
|
|
{{t "clusterNew.googlegke.enableAutoUpgrade.label"}}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{#if nodePool.autoscaling.enabled}}
|
|
<div class="col span-3">
|
|
<label class="acc-label" for="input-min-node-count">
|
|
{{t "clusterNew.googlegke.minNodeCount.label"}}
|
|
</label>
|
|
<InputNumber
|
|
id="input-min-node-count"
|
|
@value={{mut nodePool.autoscaling.minNodeCount}}
|
|
@min={{0}}
|
|
@max={{nodePool.autoscaling.minNodeCount}}
|
|
@classNames="form-control"
|
|
/>
|
|
</div>
|
|
<div class="col span-3">
|
|
<label class="acc-label" for="input-max-node-count">
|
|
{{t "clusterNew.googlegke.maxNodeCount.label"}}
|
|
</label>
|
|
<InputNumber
|
|
id="input-max-node-count"
|
|
@value={{mut nodePool.autoscaling.maxNodeCount}}
|
|
@min={{nodePool.autoscaling.minNodeCount}}
|
|
@classNames="form-control"
|
|
/>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
</section>
|
|
<AdvancedSection @advanced={{nodeAdvanced}}>
|
|
<div class="row mt-20">
|
|
<div class="col span-6">
|
|
<label class="acc-label">
|
|
{{t "clusterNew.googlegke.oauthScopes.label"}}
|
|
</label>
|
|
<div class="radio">
|
|
<label>
|
|
<RadioButton
|
|
@selection={{mut oauthScopesSelection}}
|
|
@value="default"
|
|
@disabled={{not isNewNodePool}}
|
|
/>
|
|
{{t "clusterNew.googlegke.oauthScopes.default"}}
|
|
</label>
|
|
</div>
|
|
<div class="radio">
|
|
<label>
|
|
<RadioButton
|
|
@selection={{mut oauthScopesSelection}}
|
|
@value="full"
|
|
@disabled={{not isNewNodePool}}
|
|
/>
|
|
{{t "clusterNew.googlegke.oauthScopes.full"}}
|
|
</label>
|
|
</div>
|
|
<div class="radio">
|
|
<label>
|
|
<RadioButton
|
|
@selection={{mut oauthScopesSelection}}
|
|
@value="custom"
|
|
@disabled={{not isNewNodePool}}
|
|
/>
|
|
{{t "clusterNew.googlegke.oauthScopes.custom"}}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
{{#if (eq oauthScopesSelection "custom")}}
|
|
{{gke-access-scope
|
|
config=scopeConfig
|
|
readOnly=(not isNewNodePool)
|
|
change=(action "updateScopes")
|
|
}}
|
|
{{/if}}
|
|
</div>
|
|
</AdvancedSection>
|
|
</div> |