2016-08-23 06:09:14 +00:00
< rd-header >
2016-08-24 03:45:44 +00:00
< rd-header-title title = "Application templates list" >
2016-08-23 06:09:14 +00:00
< a data-toggle = "tooltip" title = "Refresh" ui-sref = "templates" ui-sref-opts = "{reload: true}" >
< i class = "fa fa-refresh" aria-hidden = "true" > < / i >
< / a >
< / rd-header-title >
2016-08-24 03:45:44 +00:00
< rd-header-content > Templates< / rd-header-content >
2016-08-23 06:09:14 +00:00
< / rd-header >
< div class = "row" ng-if = "selectedTemplate" >
< div class = "col-lg-12 col-md-12 col-xs-12" >
< rd-widget >
2016-10-02 03:11:20 +00:00
< rd-widget-custom-header icon = "selectedTemplate.logo" title = "selectedTemplate.image" >
< / rd-widget-custom-header >
2016-08-23 06:09:14 +00:00
< rd-widget-body classes = "padding" >
< form class = "form-horizontal" >
2016-09-23 04:54:58 +00:00
< div class = "form-group" ng-if = "globalNetworkCount === 0 && !swarm_mode" >
2016-08-23 06:09:14 +00:00
< div class = "col-sm-12" >
< span class = "small text-muted" > When using Swarm, we recommend deploying containers in a shared network. Looks like you don't have any shared network, head over the < a ui-sref = "networks" > networks view< / a > to create one.< / span >
< / div >
< / div >
2016-09-23 04:54:58 +00:00
< div class = "form-group" ng-if = "swarm_mode" >
< div class = "col-sm-12" >
< i class = "fa fa-exclamation-triangle" aria-hidden = "true" > < / i >
< span class = "small text-muted" > App templates cannot be used with swarm-mode at the moment. You can still use them to quickly deploy containers to the Docker host.< / span >
< / div >
< / div >
2016-08-23 06:09:14 +00:00
<!-- name - and - network - inputs -->
< div class = "form-group" >
< label for = "image_registry" class = "col-sm-2 control-label text-left" > Name< / label >
< div class = "col-sm-4" >
< input type = "text" class = "form-control" ng-model = "formValues.name" placeholder = "e.g. web (optional)" >
< / div >
< label for = "container_network" class = "col-sm-2 control-label text-right" > Network< / label >
< div class = "col-sm-4" >
2016-08-24 06:32:54 +00:00
< select class = "selectpicker form-control" ng-options = "net.Name for net in availableNetworks" ng-model = "formValues.network" >
< option disabled hidden value = "" > Select a network< / option >
2016-08-23 06:09:14 +00:00
< / select >
< / div >
< / div >
<!-- !name - and - network - inputs -->
2016-08-24 07:46:31 +00:00
< div ng-repeat = "var in selectedTemplate.env" ng-if = "!var.set" class = "form-group" >
2016-08-24 06:32:54 +00:00
< label for = "field_{{ $index }}" class = "col-sm-2 control-label text-left" > {{ var.label }}< / label >
< div class = "col-sm-10" >
2016-10-02 02:05:40 +00:00
< select ng-if = "(!swarm || swarm && swarm_mode) && var.type === 'container'" ng-options = "container|containername for container in runningContainers" class = "selectpicker form-control" ng-model = "var.value" >
2016-08-24 06:32:54 +00:00
< option selected disabled hidden value = "" > Select a container< / option >
< / select >
2016-10-02 02:05:40 +00:00
< select ng-if = "swarm && !swarm_mode && var.type === 'container'" ng-options = "container|swarmcontainername for container in runningContainers" class = "selectpicker form-control" ng-model = "var.value" >
2016-08-24 06:32:54 +00:00
< option selected disabled hidden value = "" > Select a container< / option >
< / select >
< input ng-if = "!var.type || !var.type === 'container'" type = "text" class = "form-control" ng-model = "var.value" id = "field_{{ $index }}" >
2016-08-23 06:09:14 +00:00
< / div >
< / div >
2016-10-02 03:11:20 +00:00
< div class = "form-group" >
< div class = "col-sm-12" >
< button type = "button" class = "btn btn-default btn-sm" ng-disabled = "!formValues.network" ng-click = "createTemplate()" > Create< / button >
< i id = "createContainerSpinner" class = "fa fa-cog fa-spin" style = "margin-left: 5px; display: none;" > < / i >
< / div >
< / div >
2016-08-23 06:09:14 +00:00
< / form >
< / rd-widget-body >
< / rd-widget >
< / div >
< / div >
< div class = "row" ng-if = "selectedTemplate" >
2016-10-02 03:11:20 +00:00
< / div >
< div class = "row" >
< div class = "col-lg-12 col-md-12 col-xs-12" >
< rd-widget >
< rd-widget-header icon = "fa-rocket" title = "Available templates" >
< div class = "pull-right" >
< i id = "loadTemplatesSpinner" class = "fa fa-cog fa-2x fa-spin" style = "margin-top: 5px;" > < / i >
< / div >
< / rd-widget-header >
< rd-widget-body classes = "padding" >
< div class = "template-list" >
< div ng-repeat = "tpl in templates" class = "container-template hvr-grow" id = "template_{{ $index }}" ng-click = "selectTemplate($index)" >
< img class = "logo" ng-src = "{{ tpl.logo }}" / >
< div class = "title" > {{ tpl.title }}< / div >
< div class = "description" > {{ tpl.description }}< / div >
< / div >
2016-10-07 04:55:09 +00:00
< div ng-if = "templates.length == 0" class = "text-center text-muted" >
No templates available.
< / div >
2016-10-02 03:11:20 +00:00
< / div >
< / rd-widget-body >
< / rd-widget >
2016-08-23 06:09:14 +00:00
< / div >
< / div >