ui/lib/shared/addon/components/cloud-host-add-or-edit/template.hbs

81 lines
2.6 KiB
Handlebars

<div class="hosts-cloud-add">
<section class="header clearfix">
<div class="row">
<div class="mb-0">
<h1>
{{t 'hostsPage.cloudHostsPage.addPage.header'}}
</h1>
</div>
</div>
</section>
<section class="mt-20">
<form>
<div class="row addtl-info">
<div class="col span-4">
<div class="nav-boxes driver">
{{#if driver.hasUi}}
<div class="nav-box-item driver machine-driver active {{parse-host-icon machineTemplate.driver}}"></div>
{{else}}
<div class="nav-box-item driver machine-driver active other"></div>
{{/if}}
</div>
</div>
<div class="col span-8 box">
<div>
<label class="acc-label pt-10" for="">{{t 'hostsPage.cloudHostsPage.addPage.template'}}</label>
{{machineTemplate.name}}
</div>
<hr/>
{{#if driver.hasUi}}
{{component (concat 'host-template-' machineTemplate.driver) machineTemplate=model.template hostOptions=hostOptions}}
{{else}}
{{component 'host-template-other' machineTemplate=model.template}}
{{/if}}
</div>
</div>
<div class="row">
<div class="col span-11-of-23 mt-0 mb-0">
{{form-name-description
name=prefix
nameRequired=true
nameLabel="hostsPage.cloudHostsPage.addPage.name.label"
namePlaceholder="hostsPage.cloudHostsPage.addPage.name.placeholder"
nameHelpText=nameCountLabel
descriptionShown=true
}}
</div>
<div class="col span-11-of-23 mt-0 mb-0 offset-1-of-23">
{{form-count
initialScale=1
setScale=(action (mut count))
}}
</div>
</div>
<hr />
{{#if canAddOptions}}
<div class="row">
{{form-cluster-select
classNames="mt-20 mb-20"
machine=clonedModel
clusters=clusters
hasCluster=cluster
requestedClusterId=requestedClusterId
role=role
}}
</div>
{{/if}}
{{!-- @@TODO@@ - 11-28-17 - not sure we should be doing this this way how the heck do we know which host to clone labels from? --}}
{{form-user-labels initialLabels=clonedModel.labels setLabels=(action 'setLabels') detailKey="formUserLabels.hostDetail" expandAll=null}}
{{top-errors errors=errors}}
{{save-cancel save="save" cancel="cancel" createLabel='hostsPage.cloudHostsPage.addPage.launch'}}
</form>
</section>
</div>