mirror of https://github.com/portainer/portainer
158 lines
8.1 KiB
HTML
158 lines
8.1 KiB
HTML
<kubernetes-view-header title="Create configuration" state="kubernetes.configurations.new" view-ready="ctrl.state.viewReady">
|
|||
<a ui-sref="kubernetes.configurations">ConfigMaps and Secrets</a> > Create a configuration
|
|||
</kubernetes-view-header>
|
|||
|
|||
<kubernetes-view-loading view-ready="ctrl.state.viewReady"></kubernetes-view-loading>
|
|||
|
|||
<div ng-if="ctrl.state.viewReady">
|
|||
<div class="row">
|
|||
<div class="col-xs-12">
|
|||
<rd-widget>
|
|||
<rd-widget-body>
|
|||
<form class="form-horizontal" name="kubernetesConfigurationCreationForm" autocomplete="off">
|
|||
<!-- name -->
|
|||
<div class="form-group">
|
|||
<label for="configuration_name" class="col-sm-1 control-label text-left">Name</label>
|
|||
<div class="col-sm-11">
|
|||
<input
|
|||
type="text"
|
|||
class="form-control"
|
|||
name="configuration_name"
|
|||
ng-model="ctrl.formValues.Name"
|
|||
|
|
ng-pattern="/^[a-z0-9]([a-z0-9-.]{0,61}[a-z0-9])?$/"
|
||
ng-change="ctrl.onChangeName()"
|
|||
placeholder="my-configuration"
|
|||
auto-focus
|
|||
required
|
|||
data-cy="k8sConfigCreate-nameInput"
|
|||
/>
|
|||
</div>
|
|||
</div>
|
|||
<div class="form-group" ng-show="kubernetesConfigurationCreationForm.configuration_name.$invalid || ctrl.state.alreadyExist">
|
|||
<div class="col-sm-12 small text-warning">
|
|||
<div ng-messages="kubernetesConfigurationCreationForm.configuration_name.$error">
|
|||
<p ng-message="required"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> This field is required.</p>
|
|||
<p ng-message="pattern"
|
|||
|
|
><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> This field must consist of lower case alphanumeric characters, '-' or '.', and contain at most 63
|
||
characters, and must start and end with an alphanumeric character.</p
|
|||
>
|
|||
</div>
|
|||
<p ng-if="ctrl.state.alreadyExist"
|
|||
|
|
><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> A configuration with the same name already exists inside the selected namespace.</p
|
||
>
|
|||
</div>
|
|||
</div>
|
|||
<!-- !name -->
|
|||
|
|||
|
|
<div class="col-sm-12 form-section-title"> Namespace </div>
|
||
|
|||
<!-- resource-pool -->
|
|||
<div class="form-group" ng-if="ctrl.formValues.ResourcePool">
|
|||
|
|
<label for="resource-pool-selector" class="col-sm-1 control-label text-left">Namespace</label>
|
||
<div class="col-sm-11">
|
|||
<select
|
|||
class="form-control"
|
|||
id="resource-pool-selector"
|
|||
ng-model="ctrl.formValues.ResourcePool"
|
|||
ng-options="resourcePool.Namespace.Name for resourcePool in ctrl.resourcePools"
|
|||
ng-change="ctrl.onResourcePoolSelectionChange()"
|
|||
data-cy="k8sConfigCreate-namespaceDropdown"
|
|||
></select>
|
|||
</div>
|
|||
</div>
|
|||
<div class="form-group" ng-if="ctrl.state.resourcePoolHasQuota && ctrl.resourceQuotaCapacityExceeded()">
|
|||
<div class="col-sm-12 small text-warning">
|
|||
|
|
<i class="fa fa-exclamation-triangle orange-icon" aria-hidden="true" style="margin-right: 2px"></i>
|
||
|
|
This namespace has exhausted its resource capacity and you will not be able to deploy the configuration. Contact your administrator to expand the capacity of the
|
||
namespace.
|
|||
</div>
|
|||
</div>
|
|||
<div class="form-group" ng-if="!ctrl.formValues.ResourcePool">
|
|||
<div class="col-sm-12 small text-muted">
|
|||
|
|
<i class="fa fa-exclamation-circle orange-icon" aria-hidden="true" style="margin-right: 2px"></i>
|
||
You do not have access to any namespace. Contact your administrator to get access to a namespace.
|
|||
</div>
|
|||
</div>
|
|||
<!-- !resource-pool -->
|
|||
<div ng-if="ctrl.formValues.ResourcePool">
|
|||
|
|
<div class="col-sm-12 form-section-title"> Configuration type </div>
|
||
|
|||
<div class="form-group">
|
|||
|
|
<div class="col-sm-12 small text-muted"> Select the type of data that you want to save in the configuration. </div>
|
||
</div>
|
|||
|
|||
<!-- type options -->
|
|||
|
|
<div class="form-group" style="margin-bottom: 0">
|
||
<div class="boxselector_wrapper">
|
|||
<div>
|
|||
<input type="radio" id="type_basic" ng-value="ctrl.KubernetesConfigurationTypes.CONFIGMAP" ng-model="ctrl.formValues.Type" />
|
|||
<label for="type_basic" data-cy="k8sConfigCreate-nonSensitiveButton">
|
|||
<div class="boxselector_header">
|
|||
|
|
<i class="fa fa-file-code" aria-hidden="true" style="margin-right: 2px"></i>
|
||
ConfigMap
|
|||
</div>
|
|||
<p>This configuration holds non-sensitive information</p>
|
|||
</label>
|
|||
</div>
|
|||
<div>
|
|||
<input type="radio" id="type_secret" ng-value="ctrl.KubernetesConfigurationTypes.SECRET" ng-model="ctrl.formValues.Type" />
|
|||
<label for="type_secret" data-cy="k8sConfigCreate-sensitiveButton">
|
|||
<div class="boxselector_header">
|
|||
|
|
<i class="fa fa-user-secret" aria-hidden="true" style="margin-right: 2px"></i>
|
||
Secret
|
|||
</div>
|
|||
<p>This configuration holds sensitive information</p>
|
|||
</label>
|
|||
</div>
|
|||
</div>
|
|||
</div>
|
|||
<!-- !type options -->
|
|||
|
|||
|
|
<div class="col-sm-12 form-section-title" ng-if="ctrl.formValues.Type == ctrl.KubernetesConfigurationTypes.SECRET"> Information </div>
|
||
<div class="form-group" ng-if="ctrl.formValues.Type == ctrl.KubernetesConfigurationTypes.SECRET">
|
|||
<div class="col-sm-12 small text-muted">
|
|||
Creating a sensitive configuration will create a Kubernetes Secret of type <code>Opaque</code>. You can find more information about this in the
|
|||
<a href="https://kubernetes.io/docs/concepts/configuration/secret/#secret-types" target="_blank">official documentation</a>.
|
|||
</div>
|
|||
feat(k8s/configuration): add extra information panel when creating a sensitive configuration (#4541)
|
</div>
|
||
|
|||
<kubernetes-configuration-data
|
|||
ng-if="ctrl.formValues"
|
|||
form-values="ctrl.formValues"
|
|||
is-valid="ctrl.state.isDataValid"
|
|||
is-creation="true"
|
|||
is-editor-dirty="ctrl.state.isEditorDirty"
|
|||
></kubernetes-configuration-data>
|
|||
|
|||
<!-- summary -->
|
|||
<kubernetes-summary-view
|
|||
ng-if="!(!kubernetesConfigurationCreationForm.$valid || !ctrl.isFormValid() || ctrl.state.actionInProgress)"
|
|||
form-values="ctrl.formValues"
|
|||
></kubernetes-summary-view>
|
|||
</div>
|
|||
|
|||
<!-- actions -->
|
|||
|
|
<div class="col-sm-12 form-section-title" style="margin-top: 10px"> Actions </div>
|
||
<div class="form-group">
|
|||
<div class="col-sm-12">
|
|||
<button
|
|||
type="button"
|
|||
class="btn btn-primary btn-sm"
|
|||
ng-disabled="!kubernetesConfigurationCreationForm.$valid || !ctrl.isFormValid() || ctrl.state.actionInProgress || !ctrl.formValues.ResourcePool"
|
|||
ng-click="ctrl.createConfiguration()"
|
|||
button-spinner="ctrl.state.actionInProgress"
|
|||
data-cy="k8sConfigCreate-CreateConfigButton"
|
|||
>
|
|||
<span ng-hide="ctrl.state.actionInProgress">Create {{ ctrl.formValues.Type | kubernetesConfigurationTypeText }}</span>
|
|||
<span ng-show="ctrl.state.actionInProgress">Creation in progress...</span>
|
|||
</button>
|
|||
</div>
|
|||
</div>
|
|||
<!-- !actions -->
|
|||
</form>
|
|||
</rd-widget-body>
|
|||
</rd-widget>
|
|||
</div>
|
|||
</div>
|
|||
</div>
|