2016-09-23 04:54:58 +00:00
< rd-header >
2018-06-06 16:12:35 +00:00
< rd-header-title title-text = "Create service" > < / rd-header-title >
2020-04-10 21:54:53 +00:00
< rd-header-content > < a ui-sref = "docker.services" > Services< / a > > Add service < / rd-header-content >
2016-09-23 04:54:58 +00:00
< / rd-header >
< div class = "row" >
< div class = "col-lg-12 col-md-12 col-xs-12" >
< rd-widget >
< rd-widget-body >
2017-11-20 13:34:14 +00:00
< form class = "form-horizontal" autocomplete = "off" >
2016-09-23 04:54:58 +00:00
<!-- name - input -->
< div class = "form-group" >
< label for = "service_name" class = "col-sm-1 control-label text-left" > Name< / label >
< div class = "col-sm-11" >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "formValues.Name" id = "service_name" placeholder = "e.g. myService" / >
2016-09-23 04:54:58 +00:00
< / div >
< / div >
<!-- !name - input -->
2017-03-27 12:44:39 +00:00
< div class = "col-sm-12 form-section-title" >
Image configuration
< / div >
2017-06-20 11:00:32 +00:00
<!-- image - and - registry -->
2020-04-10 21:54:53 +00:00
< por-image-registry model = "formValues.RegistryModel" auto-complete = "true" label-class = "col-sm-1" input-class = "col-sm-11" > < / por-image-registry >
2017-06-20 11:00:32 +00:00
<!-- !image - and - registry -->
2017-03-27 12:44:39 +00:00
< div class = "col-sm-12 form-section-title" >
Scheduling
< / div >
2016-09-23 04:54:58 +00:00
<!-- scheduling - mode -->
< div class = "form-group" >
2017-03-27 12:44:39 +00:00
< div class = "col-sm-12" >
< label class = "control-label text-left" >
Scheduling mode
2016-09-23 04:54:58 +00:00
< / label >
2017-03-27 12:44:39 +00:00
< div class = "btn-group btn-group-sm" style = "margin-left: 20px;" >
< label class = "btn btn-primary" ng-model = "formValues.Mode" uib-btn-radio = "'global'" > Global< / label >
< label class = "btn btn-primary" ng-model = "formValues.Mode" uib-btn-radio = "'replicated'" > Replicated< / label >
< / div >
2016-09-23 04:54:58 +00:00
< / div >
< / div >
2017-03-27 12:44:39 +00:00
< div class = "form-group form-inline" ng-if = "formValues.Mode === 'replicated'" >
< div class = "col-sm-12" >
< label class = "control-label text-left" >
Replicas
< / label >
2020-04-10 21:54:53 +00:00
< input type = "number" class = "form-control" ng-model = "formValues.Replicas" id = "replicas" placeholder = "e.g. 3" style = "margin-left: 20px;" / >
2016-09-23 04:54:58 +00:00
< / div >
< / div >
<!-- !scheduling - mode -->
2017-03-27 12:44:39 +00:00
< div class = "col-sm-12 form-section-title" >
Ports configuration
< / div >
2016-09-23 04:54:58 +00:00
<!-- port - mapping -->
< 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" > Port mapping< / label >
< span class = "label label-default interactive" style = "margin-left: 10px;" ng-click = "addPortBinding()" >
< i class = "fa fa-plus-circle" aria-hidden = "true" > < / i > map additional port
2016-09-23 04:54:58 +00:00
< / span >
< / div >
2017-03-27 12:44:39 +00:00
< div class = "col-sm-12 form-inline" style = "margin-top: 10px;" >
2016-09-23 04:54:58 +00:00
< div ng-repeat = "portBinding in formValues.Ports" style = "margin-top: 2px;" >
2017-03-27 12:44:39 +00:00
<!-- host - port -->
2017-05-04 07:43:20 +00:00
< div class = "input-group col-sm-3 input-group-sm" >
2016-09-23 04:54:58 +00:00
< span class = "input-group-addon" > host< / span >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "portBinding.PublishedPort" placeholder = "e.g. 80 or 1.2.3.4:80 (optional)" / >
2016-09-23 04:54:58 +00:00
< / div >
2017-03-27 12:44:39 +00:00
<!-- !host - port -->
< span style = "margin: 0 10px 0 10px;" >
2018-03-13 05:36:53 +00:00
< i class = "fa fa-long-arrow-alt-right" aria-hidden = "true" > < / i >
2017-03-27 12:44:39 +00:00
< / span >
<!-- container - port -->
2017-05-04 07:43:20 +00:00
< div class = "input-group col-sm-3 input-group-sm" >
2016-09-23 04:54:58 +00:00
< span class = "input-group-addon" > container< / span >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "portBinding.TargetPort" placeholder = "e.g. 80" / >
2016-09-23 04:54:58 +00:00
< / div >
2017-03-27 12:44:39 +00:00
<!-- !container - port -->
<!-- protocol - actions -->
2017-05-04 07:43:20 +00:00
< div class = "input-group col-sm-5 input-group-sm" >
2017-03-27 12:44:39 +00:00
< div class = "btn-group btn-group-sm" >
< label class = "btn btn-primary" ng-model = "portBinding.Protocol" uib-btn-radio = "'tcp'" > TCP< / label >
< label class = "btn btn-primary" ng-model = "portBinding.Protocol" uib-btn-radio = "'udp'" > UDP< / label >
< / div >
2017-05-04 07:43:20 +00:00
< div class = "btn-group btn-group-sm" >
< label class = "btn btn-primary" ng-model = "portBinding.PublishMode" uib-btn-radio = "'ingress'" > Ingress< / label >
< label class = "btn btn-primary" ng-model = "portBinding.PublishMode" uib-btn-radio = "'host'" > Host< / label >
< / div >
2017-03-27 12:44:39 +00:00
< button class = "btn btn-sm btn-danger" type = "button" ng-click = "removePortBinding($index)" >
< i class = "fa fa-trash" aria-hidden = "true" > < / i >
< / button >
2016-09-23 04:54:58 +00:00
< / div >
2017-03-27 12:44:39 +00:00
<!-- !protocol - actions -->
2016-09-23 04:54:58 +00:00
< / div >
< / div >
<!-- !port - mapping - input - list -->
< / div >
<!-- !port - mapping -->
2018-09-03 10:08:03 +00:00
<!-- create - webhook -->
< div class = "col-sm-12 form-section-title" >
Webhooks
< / div >
< div class = "form-group" >
< div class = "col-sm-12" >
< label class = "control-label text-left" >
Create a service webhook
2020-04-10 21:54:53 +00:00
< portainer-tooltip
position="top"
message="Create a webhook (or callback URI) to automate the update of this service. Sending a POST request to this callback URI (without requiring any authentication) will pull the most up-to-date version of the associated image and re-deploy this service."
>< / portainer-tooltip >
2018-09-03 10:08:03 +00:00
< / label >
2020-04-10 21:54:53 +00:00
< label class = "switch" style = "margin-left: 20px;" > < input type = "checkbox" ng-model = "formValues.Webhook" / > < i > < / i > < / label >
2018-09-03 10:08:03 +00:00
< / div >
< / div >
<!-- !create - webhook -->
2017-05-23 18:56:10 +00:00
<!-- access - control -->
2020-06-09 09:55:36 +00:00
< por-access-control-form form-data = "formValues.AccessControlData" > < / 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" >
2020-04-10 21:54:53 +00:00
< button
type="button"
class="btn btn-primary btn-sm"
ng-disabled="state.actionInProgress || !formValues.RegistryModel.Image"
ng-click="create()"
button-spinner="state.actionInProgress"
>
2017-11-12 21:39:12 +00:00
< span ng-hide = "state.actionInProgress" > Create the service< / span >
< span ng-show = "state.actionInProgress" > Creating service...< / span >
2017-11-12 19:27:28 +00:00
< / button >
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-09-23 04:54:58 +00:00
< / form >
< / rd-widget-body >
< / rd-widget >
< / div >
< / div >
< div class = "row" >
< div class = "col-lg-12 col-md-12 col-xs-12" >
< rd-widget >
< rd-widget-body >
2017-03-27 12:44:39 +00:00
< ul class = "nav nav-pills nav-justified" >
2017-12-22 09:05:31 +00:00
< li class = "active interactive" > < a data-target = "#command" data-toggle = "tab" > Command & Logging< / a > < / li >
2016-10-27 08:33:39 +00:00
< li class = "interactive" > < a data-target = "#volumes" data-toggle = "tab" > Volumes< / a > < / li >
< li class = "interactive" > < a data-target = "#network" data-toggle = "tab" > Network< / a > < / li >
2016-11-07 04:57:33 +00:00
< li class = "interactive" > < a data-target = "#labels" data-toggle = "tab" > Labels< / a > < / li >
2017-12-07 20:05:45 +00:00
< li class = "interactive" > < a data-target = "#update-config" data-toggle = "tab" > Update config & Restart< / a > < / li >
2017-07-24 09:59:09 +00:00
< li class = "interactive" ng-if = "applicationState.endpoint.apiVersion >= 1.25" > < a data-target = "#secrets" data-toggle = "tab" > Secrets< / a > < / li >
2020-04-10 21:54:53 +00:00
< li class = "interactive" > < a data-target = "#configs" data-toggle = "tab" ng-if = "applicationState.endpoint.apiVersion >= 1.3" > Configs< / a > < / li >
2017-09-20 06:32:19 +00:00
< li class = "interactive" > < a data-target = "#resources-placement" data-toggle = "tab" ng-click = "refreshSlider()" > Resources & Placement< / a > < / li >
2016-09-23 04:54:58 +00:00
< / ul >
<!-- tab - content -->
< div class = "tab-content" >
<!-- tab - command -->
< div class = "tab-pane active" id = "command" >
< form class = "form-horizontal" style = "margin-top: 15px;" >
2017-12-22 09:05:31 +00:00
< div class = "col-sm-12 form-section-title" >
Command
2018-07-03 18:31:02 +00:00
< / div >
2016-09-23 04:54:58 +00:00
<!-- command - input -->
< div class = "form-group" >
2017-03-27 12:44:39 +00:00
< label for = "service_command" class = "col-sm-2 col-lg-1 control-label text-left" > Command< / label >
2016-09-23 04:54:58 +00:00
< div class = "col-sm-9" >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "formValues.Command" id = "service_command" placeholder = "e.g. /usr/bin/nginx -t -c /mynginx.conf" / >
2016-09-23 04:54:58 +00:00
< / div >
< / div >
<!-- !command - input -->
2016-12-25 09:14:26 +00:00
<!-- entrypoint - input -->
< div class = "form-group" >
2017-03-27 12:44:39 +00:00
< label for = "service_entrypoint" class = "col-sm-2 col-lg-1 control-label text-left" > Entrypoint< / label >
2016-12-25 09:14:26 +00:00
< div class = "col-sm-9" >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "formValues.EntryPoint" id = "service_entrypoint" placeholder = "e.g. /bin/sh -c" / >
2016-12-25 09:14:26 +00:00
< / div >
< / div >
<!-- !entrypoint - input -->
2016-09-23 04:54:58 +00:00
<!-- workdir - user - input -->
< div class = "form-group" >
2017-03-27 12:44:39 +00:00
< label for = "service_workingdir" class = "col-sm-2 col-lg-1 control-label text-left" > Working Dir< / label >
2016-09-23 04:54:58 +00:00
< div class = "col-sm-4" >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "formValues.WorkingDir" id = "service_workingdir" placeholder = "e.g. /myapp" / >
2016-09-23 04:54:58 +00:00
< / div >
< label for = "service_user" class = "col-sm-1 control-label text-left" > User< / label >
< div class = "col-sm-4" >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "formValues.User" id = "service_user" placeholder = "e.g. nginx" / >
2016-09-23 04:54:58 +00:00
< / div >
< / div >
<!-- !workdir - user - input -->
<!-- environment - variables -->
< 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" > Environment variables< / label >
< span class = "label label-default interactive" style = "margin-left: 10px;" ng-click = "addEnvironmentVariable()" >
< i class = "fa fa-plus-circle" aria-hidden = "true" > < / i > add environment variable
2016-09-23 04:54:58 +00:00
< / span >
< / div >
<!-- environment - variable - input - list -->
2017-03-27 12:44:39 +00:00
< div class = "col-sm-12 form-inline" style = "margin-top: 10px;" >
2016-09-23 04:54:58 +00:00
< div ng-repeat = "variable in formValues.Env" style = "margin-top: 2px;" >
< div class = "input-group col-sm-5 input-group-sm" >
< span class = "input-group-addon" > name< / span >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "variable.name" placeholder = "e.g. FOO" / >
2016-09-23 04:54:58 +00:00
< / div >
< div class = "input-group col-sm-5 input-group-sm" >
< span class = "input-group-addon" > value< / span >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "variable.value" placeholder = "e.g. bar" / >
2016-09-23 04:54:58 +00:00
< / div >
2017-03-27 12:44:39 +00:00
< button class = "btn btn-sm btn-danger" type = "button" ng-click = "removeEnvironmentVariable($index)" >
< i class = "fa fa-trash" aria-hidden = "true" > < / i >
< / button >
2016-09-23 04:54:58 +00:00
< / div >
< / div >
<!-- !environment - variable - input - list -->
< / div >
<!-- !environment - variables -->
2017-12-22 09:05:31 +00:00
< div class = "col-sm-12 form-section-title" >
Logging
< / div >
2018-07-03 18:31:02 +00:00
<!-- logging - driver -->
2017-12-22 09:05:31 +00:00
< div class = "form-group" >
< label for = "log-driver" class = "col-sm-2 col-lg-1 control-label text-left" > Driver< / label >
< div class = "col-sm-4" >
< select class = "form-control" ng-model = "formValues.LogDriverName" id = "log-driver" >
2018-07-03 18:31:02 +00:00
< option selected value = "" > Default logging driver< / option >
2017-12-22 09:05:31 +00:00
< option ng-repeat = "driver in availableLoggingDrivers" ng-value = "driver" > {{ driver }}< / option >
< option value = "none" > none< / option >
< / select >
< / div >
< div class = "col-sm-5" >
< p class = "small text-muted" >
2020-04-10 21:54:53 +00:00
Logging driver for service that will override the default docker daemon driver. Select Default logging driver if you don't want to override it. Supported
logging drivers can be found
< a href = "https://docs.docker.com/engine/admin/logging/overview/#supported-logging-drivers" target = "_blank" > in the Docker documentation< / a > .
2017-12-22 09:05:31 +00:00
< / p >
< / div >
< / div >
<!-- !logging - driver -->
<!-- logging - opts -->
< div class = "form-group" >
< div class = "col-sm-12" style = "margin-top: 5px;" >
< label class = "control-label text-left" >
Options
2020-04-10 21:54:53 +00:00
< portainer-tooltip
position="top"
message="Add button is disabled unless a driver other than none or default is selected. Options are specific to the selected driver, refer to the driver documentation."
>< / portainer-tooltip >
2017-12-22 09:05:31 +00:00
< / label >
2020-04-10 21:54:53 +00:00
< span
class="label label-default interactive"
style="margin-left: 10px;"
ng-click="!formValues.LogDriverName || formValues.LogDriverName === 'none' || addLogDriverOpt(formValues.LogDriverName)"
>
2017-12-22 09:05:31 +00:00
< i class = "fa fa-plus-circle" aria-hidden = "true" > < / i > add logging driver option
< / span >
< / div >
<!-- logging - opts - input - list -->
< div class = "col-sm-12 form-inline" style = "margin-top: 10px;" >
< div ng-repeat = "opt in formValues.LogDriverOpts" style = "margin-top: 2px;" >
< div class = "input-group col-sm-5 input-group-sm" >
< span class = "input-group-addon" > option< / span >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "opt.name" placeholder = "e.g. FOO" / >
2017-12-22 09:05:31 +00:00
< / div >
< div class = "input-group col-sm-5 input-group-sm" >
< span class = "input-group-addon" > value< / span >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "opt.value" placeholder = "e.g. bar" / >
2017-12-22 09:05:31 +00:00
< / div >
< button class = "btn btn-sm btn-danger" type = "button" ng-click = "removeLogDriverOpt($index)" >
< i class = "fa fa-trash" aria-hidden = "true" > < / i >
< / button >
< / div >
< / div >
<!-- logging - opts - input - list -->
2018-07-03 18:31:02 +00:00
< / div >
2017-12-22 09:05:31 +00:00
<!-- !logging - opts -->
2016-09-23 04:54:58 +00:00
< / form >
< / div >
<!-- !tab - command -->
<!-- tab - volume -->
< div class = "tab-pane" id = "volumes" >
< form class = "form-horizontal" style = "margin-top: 15px;" >
<!-- volumes -->
< 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" > Volume mapping< / label >
< span class = "label label-default interactive" style = "margin-left: 10px;" ng-click = "addVolume()" >
< i class = "fa fa-plus-circle" aria-hidden = "true" > < / i > map additional volume
2016-09-23 04:54:58 +00:00
< / span >
< / div >
<!-- volumes - input - list -->
2017-03-27 12:44:39 +00:00
< div class = "col-sm-12 form-inline" style = "margin-top: 10px;" >
< div ng-repeat = "volume in formValues.Volumes" >
< div class = "col-sm-12" style = "margin-top: 10px;" >
<!-- volume - line1 -->
< div class = "col-sm-12 form-inline" >
<!-- container - path -->
< div class = "input-group input-group-sm col-sm-6" >
< span class = "input-group-addon" > container< / span >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "volume.Target" placeholder = "e.g. /path/in/container" / >
2017-03-27 12:44:39 +00:00
< / div >
<!-- !container - path -->
<!-- volume - type -->
< div class = "input-group col-sm-5" style = "margin-left: 5px;" >
2017-09-26 03:36:51 +00:00
< div class = "btn-group btn-group-sm" ng-if = "isAdmin || allowBindMounts" >
2017-03-27 12:44:39 +00:00
< label class = "btn btn-primary" ng-model = "volume.Type" uib-btn-radio = "'volume'" ng-click = "volume.name = ''" > Volume< / label >
2017-05-23 18:56:10 +00:00
< label class = "btn btn-primary" ng-model = "volume.Type" uib-btn-radio = "'bind'" ng-click = "volume.Id = ''" > Bind< / label >
2017-03-27 12:44:39 +00:00
< / div >
< button class = "btn btn-sm btn-danger" type = "button" ng-click = "removeVolume($index)" >
< i class = "fa fa-trash" aria-hidden = "true" > < / i >
< / button >
< / div >
<!-- !volume - type -->
2016-09-23 04:54:58 +00:00
< / div >
2017-03-27 12:44:39 +00:00
<!-- !volume - line1 -->
<!-- volume - line2 -->
< div class = "col-sm-12 form-inline" style = "margin-top: 5px;" >
2018-03-13 05:36:53 +00:00
< i class = "fa fa-long-arrow-alt-right" aria-hidden = "true" > < / i >
2017-03-27 12:44:39 +00:00
<!-- volume -->
< div class = "input-group input-group-sm col-sm-6" ng-if = "volume.Type === 'volume'" >
< span class = "input-group-addon" > volume< / span >
2020-04-10 21:54:53 +00:00
< select
class="form-control"
ng-model="volume.Source"
ng-options="vol as ((vol.Id|truncate:30) + ' - ' + (vol.Driver|truncate:30)) for vol in availableVolumes"
>
2017-03-27 12:44:39 +00:00
< option selected disabled hidden value = "" > Select a volume< / option >
< / select >
< / div >
<!-- !volume -->
<!-- bind -->
< div class = "input-group input-group-sm col-sm-6" ng-if = "volume.Type === 'bind'" >
< span class = "input-group-addon" > host< / span >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "volume.Source" placeholder = "e.g. /path/on/host" / >
2017-03-27 12:44:39 +00:00
< / div >
<!-- !bind -->
<!-- read - only -->
< div class = "input-group input-group-sm col-sm-5" style = "margin-left: 5px;" >
< div class = "btn-group btn-group-sm" >
< label class = "btn btn-primary" ng-model = "volume.ReadOnly" uib-btn-radio = "false" > Writable< / label >
< label class = "btn btn-primary" ng-model = "volume.ReadOnly" uib-btn-radio = "true" > Read-only< / label >
< / div >
< / div >
<!-- !read - only -->
< / div >
<!-- !volume - line2 -->
2016-09-23 04:54:58 +00:00
< / div >
< / div >
< / div >
<!-- !volumes - input - list -->
< / div >
<!-- !volumes -->
< / form >
< / div >
<!-- !tab - volume -->
<!-- tab - network -->
< div class = "tab-pane" id = "network" >
< form class = "form-horizontal" style = "margin-top: 15px;" >
<!-- network - input -->
< div class = "form-group" >
2017-03-27 12:44:39 +00:00
< label for = "container_network" class = "col-sm-2 col-lg-1 control-label text-left" > Network< / label >
2016-09-23 04:54:58 +00:00
< div class = "col-sm-9" >
2016-12-25 20:34:02 +00:00
< select class = "form-control" ng-model = "formValues.Network" >
2016-09-23 04:54:58 +00:00
< option selected disabled hidden value = "" > Select a network< / option >
2018-10-03 23:04:38 +00:00
< option ng-repeat = "net in availableNetworks | orderBy: 'Name'" ng-value = "net.Name" > {{ net.Name }}< / option >
2016-09-23 04:54:58 +00:00
< / select >
< / div >
< div class = "col-sm-2" > < / div >
< / div >
<!-- !network - input -->
<!-- extra - networks -->
< 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" > Extra networks< / label >
< span class = "label label-default interactive" style = "margin-left: 10px;" ng-click = "addExtraNetwork()" >
< i class = "fa fa-plus-circle" aria-hidden = "true" > < / i > add extra network
2016-09-23 04:54:58 +00:00
< / span >
< / div >
<!-- network - input - list -->
2017-03-27 12:44:39 +00:00
< div class = "col-sm-12 form-inline" style = "margin-top: 10px;" >
< div ng-repeat = "network in formValues.ExtraNetworks" style = "margin-top: 2px;" >
< select class = "form-control" ng-model = "network.Name" >
< option selected disabled hidden value = "" > Select a network< / option >
< option ng-repeat = "net in availableNetworks" ng-value = "net.Name" > {{ net.Name }}< / option >
< / select >
< button class = "btn btn-sm btn-danger" type = "button" ng-click = "removeExtraNetwork($index)" >
< i class = "fa fa-trash" aria-hidden = "true" > < / i >
< / button >
2016-09-23 04:54:58 +00:00
< / div >
< / div >
<!-- !network - input - list -->
< / div >
<!-- !extra - networks -->
2017-12-21 08:53:34 +00:00
<!-- extra - hosts - variables -->
< div class = "form-group" ng-if = "applicationState.endpoint.apiVersion >= 1.25" >
< div class = "col-sm-12" style = "margin-top: 5px;" >
< label class = "control-label text-left" > Hosts file entries< / label >
< span class = "label label-default interactive" style = "margin-left: 10px;" ng-click = "addHostsEntry()" >
< i class = "fa fa-plus-circle" aria-hidden = "true" > < / i > add additional entry
< / span >
< / div >
<!-- hosts - input - list -->
< div class = "col-sm-12 form-inline" style = "margin-top: 10px;" >
< div ng-repeat = "variable in formValues.HostsEntries" style = "margin-top: 2px;" >
< div class = "input-group col-sm-5 input-group-sm" >
< span class = "input-group-addon" > value< / span >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "variable.value" placeholder = "e.g. host:IP" / >
2017-12-21 08:53:34 +00:00
< / div >
< button class = "btn btn-sm btn-danger" type = "button" ng-click = "removeHostsEntry($index)" >
< i class = "fa fa-trash" aria-hidden = "true" > < / i >
< / button >
< / div >
< / div >
<!-- !hosts - input - list -->
< / div >
<!-- !extra - hosts - variables -->
2016-09-23 04:54:58 +00:00
< / form >
< / div >
<!-- !tab - network -->
2016-11-07 04:57:33 +00:00
<!-- tab - labels -->
< div class = "tab-pane" id = "labels" >
< form class = "form-horizontal" style = "margin-top: 15px;" >
<!-- labels -->
< 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" > Service labels< / label >
< span class = "label label-default interactive" style = "margin-left: 10px;" ng-click = "addLabel()" >
< i class = "fa fa-plus-circle" aria-hidden = "true" > < / i > add service label
2016-11-07 04:57:33 +00:00
< / span >
< / div >
<!-- labels - input - list -->
2017-03-27 12:44:39 +00:00
< div class = "col-sm-12 form-inline" style = "margin-top: 10px;" >
2016-11-07 04:57:33 +00:00
< div ng-repeat = "label in formValues.Labels" style = "margin-top: 2px;" >
< div class = "input-group col-sm-5 input-group-sm" >
< span class = "input-group-addon" > name< / span >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "label.key" placeholder = "e.g. com.example.foo" / >
2016-11-07 04:57:33 +00:00
< / div >
< div class = "input-group col-sm-5 input-group-sm" >
< span class = "input-group-addon" > value< / span >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "label.value" placeholder = "e.g. bar" / >
2016-11-07 04:57:33 +00:00
< / div >
2017-03-27 12:44:39 +00:00
< button class = "btn btn-sm btn-danger" type = "button" ng-click = "removeLabel($index)" >
< i class = "fa fa-trash" aria-hidden = "true" > < / i >
< / button >
2016-11-07 04:57:33 +00:00
< / div >
< / div >
<!-- !labels - input - list -->
< / div >
<!-- !labels -->
2016-11-25 06:21:06 +00:00
<!-- container - labels -->
< 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" > Container labels< / label >
< span class = "label label-default interactive" style = "margin-left: 10px;" ng-click = "addContainerLabel()" >
< i class = "fa fa-plus-circle" aria-hidden = "true" > < / i > add container label
2016-11-25 06:21:06 +00:00
< / span >
< / div >
<!-- container - labels - input - list -->
2017-03-27 12:44:39 +00:00
< div class = "col-sm-12 form-inline" style = "margin-top: 10px;" >
2016-11-25 06:21:06 +00:00
< div ng-repeat = "label in formValues.ContainerLabels" style = "margin-top: 2px;" >
< div class = "input-group col-sm-5 input-group-sm" >
< span class = "input-group-addon" > name< / span >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "label.key" placeholder = "e.g. com.example.foo" / >
2016-11-25 06:21:06 +00:00
< / div >
< div class = "input-group col-sm-5 input-group-sm" >
< span class = "input-group-addon" > value< / span >
2020-04-10 21:54:53 +00:00
< input type = "text" class = "form-control" ng-model = "label.value" placeholder = "e.g. bar" / >
2016-11-25 06:21:06 +00:00
< / div >
2017-03-27 12:44:39 +00:00
< button class = "btn btn-sm btn-danger" type = "button" ng-click = "removeContainerLabel($index)" >
< i class = "fa fa-trash" aria-hidden = "true" > < / i >
< / button >
2016-11-25 06:21:06 +00:00
< / div >
< / div >
<!-- !container - labels - input - list -->
< / div >
<!-- !container - labels -->
2016-11-07 04:57:33 +00:00
< / form >
< / div >
<!-- !tab - labels -->
2016-12-25 20:31:22 +00:00
<!-- tab - update - config -->
2018-02-01 12:27:52 +00:00
< div class = "tab-pane" id = "update-config" ng-include = "'app/docker/views/services/create/includes/update-restart.html'" > < / div >
2016-12-25 20:31:22 +00:00
<!-- !tab - update - config -->
2017-05-27 07:23:49 +00:00
<!-- tab - secrets -->
2018-02-01 12:27:52 +00:00
< div class = "tab-pane" id = "secrets" ng-if = "applicationState.endpoint.apiVersion >= 1.25" ng-include = "'app/docker/views/services/create/includes/secret.html'" > < / div >
2017-05-27 07:23:49 +00:00
<!-- !tab - secrets -->
2017-11-06 08:47:31 +00:00
<!-- tab - configs -->
2020-04-10 21:54:53 +00:00
< div class = "tab-pane" id = "configs" ng-if = "applicationState.endpoint.apiVersion >= 1.3" ng-include = "'app/docker/views/services/create/includes/config.html'" > < / div >
2017-11-06 08:47:31 +00:00
<!-- !tab - configs -->
2017-09-20 06:32:19 +00:00
<!-- tab - resources - placement -->
2018-02-01 12:27:52 +00:00
< div class = "tab-pane" id = "resources-placement" ng-include = "'app/docker/views/services/create/includes/resources-placement.html'" > < / div >
2017-09-20 06:32:19 +00:00
<!-- !tab - resources - placement -->
2016-09-23 04:54:58 +00:00
< / div >
< / rd-widget-body >
< / rd-widget >
< / div >
< / div >