2022-07-06 06:08:45 +00:00
< page-header ng-if = "ctrl.state.viewReady" title = "'Advanced deployment'" breadcrumbs = "['Deploy Kubernetes resources']" reload = "true" > < / page-header >
2020-07-05 23:21:03 +00:00
< kubernetes-view-loading view-ready = "ctrl.state.viewReady" > < / kubernetes-view-loading >
< div ng-if = "ctrl.state.viewReady" >
< kubernetes-feedback-panel > < / kubernetes-feedback-panel >
2022-07-11 02:05:23 +00:00
< div class = "row kubernetes-deploy" >
2020-07-05 23:21:03 +00:00
< div class = "col-sm-12" >
< rd-widget >
< rd-widget-body >
< uib-tabset active = "ctrl.state.activeTab" justified = "true" type = "pills" >
< uib-tab index = "0" >
2022-07-11 02:05:23 +00:00
< uib-tab-heading > < pr-icon icon = "'code'" feather = "true" > < / pr-icon > Deploy < / uib-tab-heading >
2022-03-24 08:28:53 +00:00
< div class = "col-sm-12 form-section-title" > Namespace < / div >
2022-04-13 09:57:39 +00:00
< form class = "form-horizontal" style = "margin-top: 20px" name = "deploymentForm" >
2021-09-22 04:01:28 +00:00
< div class = "form-group" ng-if = "ctrl.formValues.Namespace" >
2022-07-11 02:05:23 +00:00
< label for = "target_node" class = "col-lg-2 col-sm-3 control-label text-left" > Namespace< / label >
< div class = "col-sm-8" >
2022-03-24 08:28:53 +00:00
< select
ng-disabled="ctrl.formValues.namespace_toggle"
class="form-control"
ng-model="ctrl.formValues.Namespace"
ng-options="namespace.Name as namespace.Name for namespace in ctrl.namespaces"
>< / select >
< / div >
< / div >
< div class = "form-group" ng-if = "ctrl.formValues.Namespace" >
2022-07-11 02:05:23 +00:00
< label for = "toggle_logo" class = "col-lg-2 col-sm-3 control-label text-left" >
Use namespace(s) specified from manifest
2022-07-03 23:21:25 +00:00
< portainer-tooltip message = "'If you have defined namespaces in your deployment file turning this on will enforce the use of those only in the deployment'" >
2022-03-24 08:28:53 +00:00
< / portainer-tooltip >
2022-07-11 02:05:23 +00:00
< / label >
< div class = "col-sm-8" >
< label class = "switch" >
< input type = "checkbox" name = "toggle_logo" ng-model = "ctrl.formValues.namespace_toggle" / >
< i > < / i >
< / label >
2020-07-05 23:21:03 +00:00
< / div >
< / div >
2021-09-22 04:01:28 +00:00
< div class = "form-group" ng-if = "!ctrl.formValues.Namespace" >
< div class = "col-sm-12 small text-muted" >
2022-01-17 05:53:32 +00:00
< i class = "fa fa-exclamation-circle orange-icon" aria-hidden = "true" style = "margin-right: 2px" > < / i >
2021-09-22 04:01:28 +00:00
You do not have access to any namespace. Contact your administrator to get access to a namespace.
< / div >
< / div >
2021-08-18 11:56:13 +00:00
2021-09-29 23:58:10 +00:00
< div class = "form-group" >
2022-07-11 02:05:23 +00:00
< label for = "stack_name" class = "col-lg-2 col-sm-3 control-label text-left" > Name< / label >
< div class = "col-sm-8" >
2021-09-29 23:58:10 +00:00
< input type = "text" class = "form-control" ng-model = "ctrl.formValues.StackName" id = "stack_name" placeholder = "my-app" auto-focus / >
< / div >
< / div >
2022-01-17 05:53:32 +00:00
< div class = "col-sm-12 form-section-title" > Build method < / div >
2021-12-14 19:14:53 +00:00
< box-selector
radio-name="'method'"
value="ctrl.state.BuildMethod"
options="ctrl.methodOptions"
data-cy="k8sAppDeploy-buildSelector"
on-change="(ctrl.onChangeMethod)"
>< / box-selector >
2021-06-16 21:47:32 +00:00
2021-09-02 05:28:51 +00:00
< div ng-if = "ctrl.state.BuildMethod !== ctrl.BuildMethods.CUSTOM_TEMPLATE" >
2022-01-17 05:53:32 +00:00
< div class = "col-sm-12 form-section-title" > Deployment type < / div >
2021-11-16 11:44:09 +00:00
< box-selector
2021-12-14 19:14:53 +00:00
radio-name="'deploy'"
value="ctrl.state.DeployType"
2021-11-16 11:44:09 +00:00
options="ctrl.deployOptions"
data-cy="k8sAppDeploy-deploymentSelector"
2021-12-14 19:14:53 +00:00
on-change="(ctrl.onChangeDeployType)"
2021-11-16 11:44:09 +00:00
>< / box-selector >
2021-09-02 05:28:51 +00:00
< / div >
2021-06-16 21:47:32 +00:00
<!-- repository -->
2021-09-29 23:58:10 +00:00
< git-form
ng-if="ctrl.state.BuildMethod === ctrl.BuildMethods.GIT"
model="ctrl.formValues"
on-change="(ctrl.onChangeFormValues)"
additional-file="true"
auto-update="true"
show-auth-explanation="true"
path-text-title="Manifest path"
path-placeholder="deployment.yml"
2021-11-16 11:44:09 +00:00
deploy-method="{{ ctrl.DeployMethod }}"
2021-09-29 23:58:10 +00:00
>< / git-form >
2021-06-16 21:47:32 +00:00
<!-- !repository -->
2022-05-31 10:00:47 +00:00
< div ng-show = "ctrl.state.BuildMethod === ctrl.BuildMethods.CUSTOM_TEMPLATE" >
< custom-template-selector
new-template-path="kubernetes.templates.custom.new"
stack-type="3"
on-change="(ctrl.onChangeTemplateId)"
value="ctrl.state.templateId"
>< / custom-template-selector >
< custom-templates-variables-field
2022-07-08 02:15:23 +00:00
ng-if="ctrl.isTemplateVariablesEnabled & & ctrl.state.template"
2022-05-31 10:00:47 +00:00
definitions="ctrl.state.template.Variables"
value="ctrl.formValues.Variables"
on-change="(ctrl.onChangeTemplateVariables)"
>< / custom-templates-variables-field >
< / div >
2021-09-02 05:28:51 +00:00
2021-06-16 21:47:32 +00:00
<!-- editor -->
2021-08-18 11:56:13 +00:00
< web-editor-form
2021-09-02 05:28:51 +00:00
ng-if="ctrl.state.BuildMethod === ctrl.BuildMethods.WEB_EDITOR || (ctrl.state.BuildMethod === ctrl.BuildMethods.CUSTOM_TEMPLATE & & ctrl.state.templateId)"
2021-08-18 11:56:13 +00:00
identifier="kubernetes-deploy-editor"
value="ctrl.formValues.EditorContent"
on-change="(ctrl.onChangeFileContent)"
ng-required="true"
yml="true"
placeholder="# Define or paste the content of your manifest file here"
>
< editor-description >
2021-06-16 21:47:32 +00:00
< span class = "col-sm-12 text-muted small" ng-show = "ctrl.state.DeployType === ctrl.ManifestDeployTypes.COMPOSE" >
< p >
2022-07-11 02:05:23 +00:00
< pr-icon icon = "'alert-circle'" mode = "'warning'" feather = "true" > < / pr-icon >
2021-06-16 21:47:32 +00:00
Portainer uses < a href = "https://kompose.io/" target = "_blank" > Kompose< / a > to convert your Compose manifest to a Kubernetes compliant manifest. Be wary that
not all the Compose format options are supported by Kompose at the moment.
< / p >
< p >
You can get more information about Compose file format in the
< a href = "https://docs.docker.com/compose/compose-file/" target = "_blank" > official documentation< / a > .
< / p >
< / span >
2022-07-11 02:05:23 +00:00
< span class = "col-sm-12 text-muted small" ng-show = "ctrl.state.DeployType === ctrl.ManifestDeployTypes.KUBERNETES" >
2021-06-16 21:47:32 +00:00
< p >
2022-07-11 02:05:23 +00:00
< pr-icon icon = "'alert-circle'" mode = "'primary'" feather = "true" > < / pr-icon >
2021-06-16 21:47:32 +00:00
This feature allows you to deploy any kind of Kubernetes resource in this environment (Deployment, Secret, ConfigMap...).
< / p >
< p >
You can get more information about Kubernetes file format in the
< a href = "https://kubernetes.io/docs/concepts/overview/working-with-objects/kubernetes-objects/" target = "_blank" > official documentation< / a > .
< / p >
< / span >
2021-08-18 11:56:13 +00:00
< / editor-description >
< / web-editor-form >
2021-06-16 21:47:32 +00:00
2020-07-05 23:21:03 +00:00
<!-- !editor -->
2021-09-07 00:37:26 +00:00
2021-09-03 05:37:34 +00:00
<!-- url -->
< div ng-show = "ctrl.state.BuildMethod === ctrl.BuildMethods.URL" >
2022-01-17 05:53:32 +00:00
< div class = "col-sm-12 form-section-title" > URL < / div >
2021-09-03 05:37:34 +00:00
< div class = "form-group" >
2022-01-17 05:53:32 +00:00
< span class = "col-sm-12 text-muted small" > Indicate the URL to the manifest. < / span >
2021-09-03 05:37:34 +00:00
< / div >
< div class = "form-group" >
2022-07-11 02:05:23 +00:00
< label for = "manifest_url" class = "col-sm-3 col-lg-2 control-label text-left" > URL< / label >
< div class = "col-sm-8" >
2021-09-03 05:37:34 +00:00
< input
type="text"
class="form-control"
ng-model="ctrl.formValues.ManifestURL"
id="manifest_url"
placeholder="https://raw.githubusercontent.com/kubernetes/website/main/content/en/examples/controllers/nginx-deployment.yaml"
data-cy="k8sAppDeploy-urlFileUrl"
/>
< / div >
< / div >
2021-09-07 00:37:26 +00:00
< / div >
2021-09-03 05:37:34 +00:00
<!-- !url -->
2020-07-05 23:21:03 +00:00
<!-- actions -->
2022-01-17 05:53:32 +00:00
< div class = "col-sm-12 form-section-title" > Actions < / div >
2020-07-05 23:21:03 +00:00
< div class = "form-group" >
< div class = "col-sm-12" >
2021-08-26 00:05:28 +00:00
< button
type="button"
class="btn btn-primary btn-sm"
2022-07-11 02:05:23 +00:00
ng-disabled="!deploymentForm.$valid ||ctrl.disableDeploy()"
2021-08-26 00:05:28 +00:00
ng-click="ctrl.deploy()"
button-spinner="ctrl.state.actionInProgress"
data-cy="k8sAppDeploy-deployButton"
2021-09-05 10:03:48 +00:00
analytics-on
analytics-category="kubernetes"
analytics-event="kubernetes-application-advanced-deployment"
analytics-properties="ctrl.buildAnalyticsProperties()"
2021-08-26 00:05:28 +00:00
>
2020-07-05 23:21:03 +00:00
< span ng-hide = "ctrl.state.actionInProgress" > Deploy< / span >
< span ng-show = "ctrl.state.actionInProgress" > Deployment in progress...< / span >
< / button >
< / div >
< / div >
<!-- !actions -->
< / form >
< / uib-tab >
< uib-tab index = "1" disable = "ctrl.state.tabLogsDisabled" >
2022-07-11 02:05:23 +00:00
< uib-tab-heading > < pr-icon icon = "'file-text'" feather = "true" > < / pr-icon > Logs < / uib-tab-heading >
2022-01-17 05:53:32 +00:00
< form class = "form-horizontal" style = "margin-top: 20px" >
2020-07-05 23:21:03 +00:00
< div class = "form-group" ng-if = "ctrl.state.activeTab === 1" >
< div class = "col-sm-12" >
< code-editor identifier = "kubernetes-deploy-logs" read-only = "true" yml = "false" value = "ctrl.errorLog" > < / code-editor >
< / div >
< / div >
< / form >
< / uib-tab >
< / uib-tabset >
< / rd-widget-body >
< / rd-widget >
< / div >
< / div >
< / div >
