ui/lib/shared/addon/components/node-driver/driver-aliyunecs/template.hbs

<section class="horizontal-form">
  <div class="container-fluid">
    {{#if showNameScale}}
      <div class="box mt-20">
        <h4>{{t 'machine.driverAliyunecs.instanceSection'}}</h4>
        <div class="row mb-20">
          <div class="row">
            <div class="col span-11-of-23 mt-0 mb-0">
              {{form-name-description
                  name=prefix
                  nameRequired=true
                  namePlaceholder="hostsPage.new.name.placeholder"
                  nameHelpText=nameCountLabel
                  descriptionShown=true
              }}
            </div>
            <div class="col span-11-of-23 mt-0 mb-0 offset-1-of-23">
              {{form-count
                  min=0
                  initialScale=1
                  setScale=(action (mut count))
              }}
            </div>
          </div>
        </div>
      </div>
    {{/if}}

    <div class="row box mt-20">
      <h4>{{t 'machine.driverAliyunecs.accountSection'}}</h4>

      <div class="row">
        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.accessKey.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.accessKeyId placeholder=(t 'machine.driverAliyunecs.accessKey.placeholder')}}
        </div>

        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.accessKeySecret.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="password" class="form-control" value=model.aliyunecsConfig.accessKeySecret placeholder=(t 'machine.driverAliyunecs.accessKeySecret.placeholder')}}
        </div>
      </div>

      <div class="row">
        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.apiEndpoint.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.apiEndpoint placeholder=(t 'machine.driverAliyunecs.apiEndpoint.placeholder')}}
        </div>
      </div>

    </div>


    <div class="row box mt-20">
      <h4>{{t 'machine.driverAliyunecs.instanceOptionsSection'}}</h4>

      <div class="row">
        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.instanceDescription.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.description placeholder=(t 'machine.driverAliyunecs.instanceDescription.placeholder')}}
        </div>

        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.instanceType.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.instanceType placeholder=(t 'machine.driverAliyunecs.instanceType.placeholder')}}
        </div>
      </div>

      <div class="row">
        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.systemImage.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.imageId placeholder=(t 'machine.driverAliyunecs.systemImage.placeholder')}}
        </div>

        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.instanceTag.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.tag placeholder=(t 'machine.driverAliyunecs.instanceTag.placeholder')}}
        </div>
      </div>

      <div class="row">
        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.internetMaxBandwidth.label'}}</label>
        </div>
        <div class="col span-4">
          <div class="input-group">
            {{input type="text" class="form-control" value=aliyunecsConfig.internetMaxBandwidth placeholder=(t 'machine.driverAliyunecs.internetMaxBandwidth.placeholder')}}
            <div class="input-group-addon bg-default">Mbps</div>
          </div>
        </div>
        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.aliyunSLB.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.slbId placeholder=(t 'machine.driverAliyunecs.aliyunSLB.placeholder')}}
        </div>

      </div>
    </div>

    <div class="row box mt-20">
      <h4>{{t 'machine.driverAliyunecs.storageSection'}}</h4>

      <div class="row">
        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.ioOptimized.label'}}</label>
        </div>
        <div class="col span-4">
          {{!--{{input type="text" class="form-control" value=aliyunecsConfig.ioOptimized placeholder=(t 'machine.driverAliyunecs.ioOptimized.placeholder')}}--}}
          {{new-select
              classNames="form-control"
              content=ioOptimized
              optionLabelPath='value'
              value=aliyunecsConfig.ioOptimized
          }}
        </div>

        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.systemDiskCategory.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.systemDiskCategory placeholder=(t 'machine.driverAliyunecs.systemDiskCategory.placeholder')}}
        </div>
      </div>

      <div class="row">
        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.dataDiskCategory.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.diskCategory placeholder=(t 'machine.driverAliyunecs.dataDiskCategory.placeholder')}}
        </div>

        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.dataDiskSize.label'}}</label>
        </div>
        <div class="col span-4">
          <div class="input-group">
            {{input type="text" class="form-control" value=aliyunecsConfig.diskSize placeholder=(t 'machine.driverAliyunecs.dataDiskSize.placeholder')}}
            <div class="input-group-addon bg-default">GB</div>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.region.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.region placeholder=(t 'machine.driverAliyunecs.region.placeholder')}}
        </div>

        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.zone.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.zone placeholder=(t 'machine.driverAliyunecs.zone.placeholder')}}
        </div>
      </div>
    </div>


    <div class="row box mt-20">
      <h4>{{t 'machine.driverAliyunecs.networkSection'}}</h4>
      <div class="row">
        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.routeCIDR.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.routeCidr placeholder=(t 'machine.driverAliyunecs.routeCIDR.placeholder')}}
        </div>

        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.vpcId.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.vpcId placeholder=(t 'machine.driverAliyunecs.vpcId.placeholder')}}
        </div>
      </div>

      <div class="row">
        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.vswitchId.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.vswitchId placeholder=(t 'machine.driverAliyunecs.vswitchId.placeholder')}}
        </div>

        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.privateIp.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.privateIp placeholder=(t 'machine.driverAliyunecs.privateIp.placeholder')}}
        </div>
      </div>

      <div class="row">
        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.privateAddressOnly.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="checkbox" class="form-control" checked=aliyunecsConfig.privateAddressOnly}}
        </div>
      </div>
    </div>

    <div class="row box mt-20">
      <h4>{{t 'machine.driverAliyunecs.securitySection'}}</h4>
      <div class="row">
        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.securityGroup.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.securityGroup placeholder=(t 'machine.driverAliyunecs.securityGroup.placeholder')}}
        </div>

        <div class="col span-2 col-inline">
          <label>{{t 'machine.driverAliyunecs.sshPassword.label'}}</label>
        </div>
        <div class="col span-4">
          {{input type="text" class="form-control" value=aliyunecsConfig.sshPassword placeholder=(t 'machine.driverAliyunecs.sshPassword.placeholder')}}
        </div>
      </div>
    </div>

    <div class="over-hr mt-40 mb-30">
      <span>{{settings.appName}}</span>
    </div>

    <div class="row">
      <div class="col span-12">
        {{form-user-labels initialLabels=labelResource.labels setLabels=(action 'setLabels') expandAll=null}}
      </div>
    </div>

    {{#advanced-section}}
      {{limit-parameters model=model}}
      {{form-engine-opts machine=model showEngineUrl=showEngineUrl}}
    {{/advanced-section}}
  </div>


  {{top-errors errors=errors}}


  {{save-cancel save="save" cancel="cancel"}}
</section>