ui/lib/shared/addon/components/cluster-driver/driver-import-eks/template.hbs

131 lines
4.3 KiB
Handlebars

{{#if (eq step "3")}}
<ImportCommand @cluster={{primaryResource}} />
<div class="footer-actions">
<button class="btn bg-primary" type="button" {{action "close"}}>
{{t "clusterNew.rke.done"}}
</button>
</div>
{{else}}
<AccordionList @showExpandAll={{false}} as |al expandFn|>
<AccordionListItem
@title={{t "clusterNew.amazoneks.access.title"}}
@detail={{t "clusterNew.amazoneks.access.detail"}}
@expandAll={{expandAll}}
@expand={{action expandFn}}
@expandOnInit={{true}}
>
<div class="row">
<div class="col span-3">
<label class="acc-label">
{{t "clusterNew.amazoneks.access.region"}}
</label>
<select
class="form-control"
onchange={{action (mut config.region) value="target.value"}}
>
{{#each regionChoices as |choice|}}
<option value={{choice}} selected={{eq config.region choice}}>
{{choice}}
</option>
{{/each}}
</select>
</div>
</div>
<div class="row">
<FormAuthCloudCredential
@cancel={{action "close"}}
@cloudCredentialKey="eksConfig.amazonCredentialSecret"
@cloudCredentials={{cloudCredentials}}
@createLabel="clusterNew.amazoneks.access.next"
@driverName="amazonec2"
@parseAndCollectErrors={{action (mut errors)}}
@finishAndSelectCloudCredential={{action
"finishAndSelectCloudCredential"
}}
@primaryResource={{primaryResource}}
@progressStep={{action "fetchEksResources"}}
@region={{config.region}}
@hideSave={{true}}
/>
</div>
</AccordionListItem>
{{#if
(or
(and (gte step 2) config.amazonCredentialSecret)
(and config.amazonCredentialSecret loadingClusters)
)
}}
<AccordionListItem
@title={{t "clusterNew.amazoneks.import.clusterSelect.title"}}
@detail={{t "clusterNew.amazoneks.import.clusterSelect.detail"}}
@expandAll={{expandAll}}
@expand={{action expandFn}}
@expandOnInit={{true}}
>
<div class="row">
<div class="col span-6">
{{#if loadingClusters}}
<section class="horizontal-form">
<div class="text-center">
<i class="icon icon-spinner icon-spin"></i>
</div>
</section>
{{else if loadFailedAllClusters}}
<label class="acc-label" for="">
{{t "clusterNew.amazoneks.import.clusterSelect.input.label"}}
{{field-required}}
</label>
<Input
@type="text"
@classNames="form-control"
@value={{config.displayName}}
/>
{{else}}
<label class="acc-label" for="">
{{t "clusterNew.amazoneks.import.clusterSelect.select.label"}}
{{field-required}}
</label>
<SearchableSelect
class="form-control"
@value={{mut config.displayName}}
@content={{allClusters}}
@allowCustom={{true}}
/>
{{/if}}
</div>
</div>
</AccordionListItem>
<AccordionListItem
@title={{t "clusterNew.amazoneks.clusterOption.title"}}
@detail={{t "clusterNew.amazoneks.clusterOption.detail"}}
@expandAll={{expandAll}}
@expand={{action expandFn}}
@expandOnInit={{true}}
>
<div class="row">
<div class="col span-6">
<div class="checkbox">
<label>
<Input
@type="checkbox"
@checked={{mut cluster.enableNetworkPolicy}}
/>
{{t "clusterNew.rke.networkPolicy.label"}}
</label>
</div>
</div>
</div>
</AccordionListItem>
{{/if}}
</AccordionList>
<TopErrors @errors={{mut allErrors}} />
{{#if (gte step 2)}}
<SaveCancel
@createLabel="clusterNew.amazoneks.import.clusterSelect.createLabel"
@save={{action "driverSave"}}
@saveDisabled={{disableImport}}
@editing={{isEdit}}
@cancel={{action "close"}}
/>
{{/if}}
{{/if}}