543a2a02f4
Use python-zunclient instead of stub client in skeleton. Then Zun-UI interacts with Zun API. This patch enable CRUD operation of containers. Change-Id: Idc869c0d4d40895e42ccf941f7fcb9d6d1dfb662 Implements: blueprint use-zunclient
59 lines
2.7 KiB
HTML
59 lines
2.7 KiB
HTML
<div ng-controller="createContainerInfoController as ctrl">
|
|
<div class="row">
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="control-label" for="container-name" translate>Container Name</label>
|
|
<input name="container-name" type="text" class="form-control" id="container-name"
|
|
ng-model="model.newContainerSpec.name"
|
|
placeholder="{$ 'Name of the container to create.'|translate $}">
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="control-label" for="container-image">
|
|
<translate>Image</translate>
|
|
<span class="hz-icon-required fa fa-asterisk"></span>
|
|
</label>
|
|
<input name="container-image" type="text" class="form-control" id="container-image"
|
|
ng-model="model.newContainerSpec.image"
|
|
ng-required="true"
|
|
placeholder="{$ 'Name or ID of the container image.'|translate $}">
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-12">
|
|
<div class="form-group">
|
|
<label class="control-label" for="container-command" translate>Command</label>
|
|
<input name="container-command" type="text" class="form-control" id="container-command"
|
|
ng-model="model.newContainerSpec.command"
|
|
placeholder="{$ 'A command that will be sent to the container.'|translate $}">
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="control-label" for="container-memory-size" translate>Memory Size</label>
|
|
<input name="container-memory-size" type="number" min="1"
|
|
class="form-control" ng-model="model.newContainerSpec.memory_size"
|
|
placeholder="{$ 'The container memory size.'|translate $}"
|
|
ng-change="changeMemorySize()" id="container-memory-size">
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="control-label" for="container-memory-unit" translate>Memory Unit</label>
|
|
<select name="container-memory-unit" id="container-memory-unit"
|
|
class="form-control" ng-options="mu.unit as mu.label for mu in ctrl.memory_units"
|
|
ng-model="model.newContainerSpec.memory_unit" ng-change="changeMemoryUnit()">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-12">
|
|
<div class="form-group">
|
|
<label class="control-label" for="container-environment" translate>Environment Variables</label>
|
|
<input name="container-environment" type="text" class="form-control" id="container-environment"
|
|
ng-model="model.newContainerSpec.environment"
|
|
placeholder="{$ 'KEY1=VALUE1,KEY2=VALUE2...'|translate $}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|