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-11-28 02:00:28 +00:00
< uib-tab-heading > < pr-icon icon = "'code'" > < / pr-icon > Deploy < / uib-tab-heading >
2023-03-07 08:09:41 +00:00
< form class = "form-horizontal mt-6" name = "ctrl.deploymentForm" >
2022-03-24 08:28:53 +00:00
< 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 >
2022-08-01 04:44:56 +00:00
< div class = "col-sm-8 vertical-center pt-3" >
2022-07-11 02:05:23 +00:00
< label class = "switch" >
< input type = "checkbox" name = "toggle_logo" ng-model = "ctrl.formValues.namespace_toggle" / >
2022-08-01 04:44:56 +00:00
< span class = "slider round" > < / span >
2022-07-11 02:05:23 +00:00
< / label >
2022-08-01 04:44:56 +00:00
<!-- <span class="ml - 2 mb - 1 switch - values" ng - if="ctrl.formValues.namespace_toggle">Yes</span>
< span class = "ml-2 mb-1 switch-values" ng-if = "!ctrl.formValues.namespace_toggle" > No< / span > -->
2020-07-05 23:21:03 +00:00
< / div >
< / div >
2023-03-07 08:09:41 +00:00
< div class = "form-group" ng-if = "ctrl.formValues.Namespace" >
< label for = "target_node" class = "col-lg-2 col-sm-3 control-label text-left" > Namespace< / label >
< div class = "col-sm-8" >
< 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 >
2021-09-22 04:01:28 +00:00
< div class = "form-group" ng-if = "!ctrl.formValues.Namespace" >
2022-09-14 23:09:19 +00:00
< div class = "col-sm-12 small text-warning" >
2022-11-28 02:00:28 +00:00
< pr-icon icon = "'alert-triangle'" mode = "'warning'" > < / pr-icon >
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" >
2023-02-12 21:04:24 +00:00
< label for = "stack_name" class = "col-lg-2 col-sm-3 control-label required text-left" > Name< / label >
2022-07-11 02:05:23 +00:00
< 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
2023-02-07 03:33:57 +00:00
slim="true"
2021-12-14 19:14:53 +00:00
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"
2023-02-22 20:13:33 +00:00
value="ctrl.formValues"
2021-09-29 23:58:10 +00:00
on-change="(ctrl.onChangeFormValues)"
2023-02-22 20:13:33 +00:00
is-additional-files-field-visible="true"
is-auth-explanation-visible="true"
deploy-method="{{ ctrl.state.DeployType === ctrl.ManifestDeployTypes.COMPOSE ? 'compose' : 'manifest' }}"
base-webhook-url="{{ ctrl.state.baseWebhookUrl }}"
2023-03-02 15:07:50 +00:00
webhook-id="{{ ctrl.state.webhookId }}"
webhooks-docs="https://docs.portainer.io/user/kubernetes/applications/webhooks"
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 -->
2022-08-01 04:44:56 +00:00
< div class = "mt-4" >
< web-editor-form
ng-if="ctrl.state.BuildMethod === ctrl.BuildMethods.WEB_EDITOR || (ctrl.state.BuildMethod === ctrl.BuildMethods.CUSTOM_TEMPLATE & & ctrl.state.templateId)"
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 >
2023-01-26 03:03:44 +00:00
< span class = "col-sm-12 text-muted small" >
2022-08-12 18:22:45 +00:00
< p class = "vertical-center" >
2022-11-28 02:00:28 +00:00
< pr-icon icon = "'info'" mode = "'primary'" > < / pr-icon >
2022-08-01 04:44:56 +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 >
< / editor-description >
< / web-editor-form >
< / div >
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" >
2023-02-12 21:04:24 +00:00
< label for = "manifest_url" class = "col-sm-3 col-lg-2 control-label required text-left" > URL< / label >
2022-07-11 02:05:23 +00:00
< 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"
2022-08-12 18:22:45 +00:00
class="btn btn-primary btn-sm !ml-0"
2023-02-22 20:13:33 +00:00
ng-disabled="!ctrl.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-11-28 02:00:28 +00:00
< uib-tab-heading > < pr-icon icon = "'file-text'" > < / pr-icon > Logs < / uib-tab-heading >
2022-08-01 04:44:56 +00:00
< form class = "form-horizontal mt-3" >
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 >
