2016-08-17 05:25:42 +00:00
< rd-header >
2017-04-01 10:18:46 +00:00
< rd-header-title title = "Create volume" >
< i id = "loadingViewSpinner" class = "fa fa-cog fa-spin" > < / i >
< / rd-header-title >
2016-08-17 05:25:42 +00:00
< rd-header-content >
2017-07-08 08:23:00 +00:00
< a ui-sref = "volumes" > Volumes< / a > > Add volume
2016-08-17 05:25:42 +00:00
< / rd-header-content >
< / rd-header >
< div class = "row" >
< div class = "col-lg-12 col-md-12 col-xs-12" >
< rd-widget >
< rd-widget-body >
< form class = "form-horizontal" >
<!-- name - input -->
< div class = "form-group" >
< label for = "volume_name" class = "col-sm-1 control-label text-left" > Name< / label >
< div class = "col-sm-11" >
2017-04-01 10:18:46 +00:00
< input type = "text" class = "form-control" ng-model = "formValues.Name" id = "volume_name" placeholder = "e.g. myVolume" >
2016-08-17 05:25:42 +00:00
< / div >
< / div >
<!-- !name - input -->
2017-03-27 12:44:39 +00:00
< div class = "col-sm-12 form-section-title" >
Driver configuration
< / div >
2016-08-17 05:25:42 +00:00
<!-- driver - input -->
< div class = "form-group" >
< label for = "volume_driver" class = "col-sm-1 control-label text-left" > Driver< / label >
< div class = "col-sm-11" >
2017-04-01 10:18:46 +00:00
< select class = "form-control" ng-options = "driver for driver in availableVolumeDrivers" ng-model = "formValues.Driver" ng-if = "availableVolumeDrivers.length > 0" >
< option disabled hidden value = "" > Select a driver< / option >
< / select >
< input type = "text" class = "form-control" ng-model = "formValues.Driver" id = "volume_driver" placeholder = "e.g. driverName" ng-if = "availableVolumeDrivers.length === 0" >
2016-08-17 05:25:42 +00:00
< / div >
< / div >
<!-- !driver - input -->
<!-- driver - options -->
< div class = "form-group" >
2017-03-27 12:44:39 +00:00
< div class = "col-sm-12" style = "margin-top: 5px;" >
< label class = "control-label text-left" >
Driver options
< portainer-tooltip position = "bottom" message = "Driver options are specific to the selected driver. Please refer to the selected driver documentation." > < / portainer-tooltip >
< / label >
< span class = "label label-default interactive" style = "margin-left: 10px;" ng-click = "addDriverOption()" >
< i class = "fa fa-plus-circle" aria-hidden = "true" > < / i > add driver option
2016-08-17 05:25:42 +00:00
< / span >
< / div >
<!-- driver - options - input - list -->
2017-03-27 12:44:39 +00:00
< div class = "col-sm-12 form-inline" style = "margin-top: 10px;" >
2016-08-17 05:25:42 +00:00
< div ng-repeat = "option in formValues.DriverOptions" style = "margin-top: 2px;" >
< div class = "input-group col-sm-5 input-group-sm" >
< span class = "input-group-addon" > name< / span >
< input type = "text" class = "form-control" ng-model = "option.name" placeholder = "e.g. mountpoint" >
< / div >
< div class = "input-group col-sm-5 input-group-sm" >
< span class = "input-group-addon" > value< / span >
< input type = "text" class = "form-control" ng-model = "option.value" placeholder = "e.g. /path/on/host" >
< / div >
2017-03-27 12:44:39 +00:00
< button class = "btn btn-sm btn-danger" type = "button" ng-click = "removeDriverOption($index)" >
< i class = "fa fa-trash" aria-hidden = "true" > < / i >
< / button >
2016-08-17 05:25:42 +00:00
< / div >
< / div >
<!-- !driver - options - input - list -->
< / div >
<!-- !driver - options -->
2017-05-23 18:56:10 +00:00
<!-- access - control -->
2017-08-10 08:35:23 +00:00
< por-access-control-form form-data = "formValues.AccessControlData" ng-if = "applicationState.application.authentication" > < / por-access-control-form >
2017-05-23 18:56:10 +00:00
<!-- !access - control -->
2017-03-27 12:44:39 +00:00
<!-- actions -->
< div class = "col-sm-12 form-section-title" >
Actions
< / div >
< div class = "form-group" >
< div class = "col-sm-12" >
< button type = "button" class = "btn btn-primary btn-sm" ng-click = "create()" > Create volume< / button >
< a type = "button" class = "btn btn-default btn-sm" ui-sref = "volumes" > Cancel< / a >
< i id = "createVolumeSpinner" class = "fa fa-cog fa-spin" style = "margin-left: 5px; display: none;" > < / i >
2017-05-23 18:56:10 +00:00
< span class = "text-danger" ng-if = "state.formValidationError" style = "margin-left: 5px;" > {{ state.formValidationError }}< / span >
2017-03-27 12:44:39 +00:00
< / div >
< / div >
<!-- !actions -->
2016-08-17 05:25:42 +00:00
< / form >
< / rd-widget-body >
< / rd-widget >
< / div >
< / div >