@spotinst/spinnaker-deck
Version:
Spinnaker-Deck service, forked with support to Spotinst
173 lines (171 loc) • 6.53 kB
HTML
<ng-form name="volumes" novalidate>
<div class="container-fluid form-horizontal" ng-controller="dcosServerGroupVolumesController as volumeController">
<div class="form-group">
<table class="table table-condensed packed">
<thead>
<tr>
<th style="width: 100%">Persistent Local Volumes</th>
</tr>
</thead>
<tbody>
<tr
ng-repeat="volume in command.persistentVolumes"
ng-show="volumeController.isVolumesValid(command.persistentVolumes)"
>
<td>
<div class="form-group">
<div class="col-md-3 sm-label-right">Size (MiB)</div>
<div class="col-md-2">
<input
type="number"
class="form-control input-sm"
name="persistentSize"
ng-model="volume.persistent.size"
min="0"
/>
</div>
</div>
<div class="form-group">
<div class="col-md-3 sm-label-right">Container Path</div>
<div class="col-md-7">
<input
type="text"
class="form-control input-sm"
name="containerPath"
ng-model="volume.containerPath"
/>
</div>
</div>
<div class="col-md-12 sm-label-right">
<a class="btn btn-link sm-label" ng-click="volumeController.removePersistentVolume($index)">
<span class="glyphicon glyphicon-trash"></span> Remove Persistent Volume
</a>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="1">
<button class="add-new col-md-12" ng-click="volumeController.addPersistentVolume()">
<span class="glyphicon glyphicon-plus-sign"></span> Add Persistent Volume
</button>
</td>
</tr>
</tfoot>
</table>
<table ng-show="command.docker" class="table table-condensed packed">
<thead>
<tr>
<th style="width: 100%">Docker Container Volumes</th>
</tr>
</thead>
<tbody>
<tr
ng-repeat="volume in command.dockerVolumes"
ng-show="volumeController.isVolumesValid(command.dockerVolumes)"
>
<td>
<div class="form-group">
<div class="col-md-3 sm-label-right">Container Path</div>
<div class="col-md-7">
<input
type="text"
class="form-control input-sm"
name="containerPath"
ng-model="volume.containerPath"
/>
</div>
</div>
<div class="form-group">
<div class="col-md-3 sm-label-right">Host Path</div>
<div class="col-md-7">
<input type="text" class="form-control input-sm" name="hostPath" ng-model="volume.hostPath" />
</div>
</div>
<div class="form-group">
<div class="col-md-3 sm-label-right">Mode</div>
<div class="col-md-3">
<ui-select name="volumeModeSelect" ng-model="volume.mode" class="form-control input-sm">
<ui-select-match>{{$select.selected.description}}</ui-select-match>
<ui-select-choices
repeat="volumeMode.mode as volumeMode in volumeController.volumeModes | filter: $select.search"
>
<div ng-bind-html="volumeMode.description | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
</div>
</div>
<div class="col-md-12 sm-label-right">
<a class="btn btn-link sm-label" ng-click="volumeController.removeDockerVolume($index)">
<span class="glyphicon glyphicon-trash"></span>Remove Docker Volume
</a>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="1">
<button class="add-new col-md-12" ng-click="volumeController.addDockerVolume()">
<span class="glyphicon glyphicon-plus-sign"></span> Add Docker Volume
</button>
</td>
</tr>
</tfoot>
</table>
<table class="table table-condensed packed">
<thead>
<tr>
<th style="width: 100%">External Volumes</th>
</tr>
</thead>
<tbody>
<tr
ng-repeat="volume in command.externalVolumes"
ng-show="volumeController.isVolumesValid(command.externalVolumes)"
>
<td>
<div class="form-group">
<div class="col-md-3 sm-label-right">Name</div>
<div class="col-md-7">
<input
type="text"
class="form-control input-sm"
name="externalName"
ng-model="volume.external.name"
/>
</div>
</div>
<div class="form-group">
<div class="col-md-3 sm-label-right">Container Path</div>
<div class="col-md-7">
<input
type="text"
class="form-control input-sm"
name="containerPath"
ng-model="volume.containerPath"
/>
</div>
</div>
<div class="col-md-12 sm-label-right">
<a class="btn btn-link sm-label" ng-click="volumeController.removeExternalVolume($index)">
<span class="glyphicon glyphicon-trash"></span>Remove External Volume
</a>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="1">
<button class="add-new col-md-12" ng-click="volumeController.addExternalVolume()">
<span class="glyphicon glyphicon-plus-sign"></span> Add External Volume
</button>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</ng-form>