feature(kubernetes): stack name made optional & add toggle to disable stack in kubernetes [EE-6170] (#10436)

app/react/portainer/environments/environment.service/index.ts

@@ -8,6 +8,7 @@ import {
   StatusType as EdgeStackStatusType,
 } from '@/react/edge/edge-stacks/types';
 
+import { getPublicSettings } from '../../settings/settings.service';
 import type {
   Environment,
   EnvironmentId,
@@ -131,6 +132,20 @@ export async function snapshotEndpoints() {
   }
 }
 
+export async function getDeploymentOptions(environmentId: EnvironmentId) {
+  const publicSettings = await getPublicSettings();
+  const endpoint = await getEndpoint(environmentId);
+
+  if (
+    publicSettings.GlobalDeploymentOptions.perEnvOverride &&
+    endpoint.DeploymentOptions?.overrideGlobalOptions
+  ) {
+    return endpoint.DeploymentOptions;
+  }
+
+  return publicSettings.GlobalDeploymentOptions;
+}
+
 export async function snapshotEndpoint(id: EnvironmentId) {
   try {
     await axios.post<void>(buildUrl(id, 'snapshot'));

app/react/portainer/settings/SettingsView/KubeSettingsPanel/DeploymentOptionsSection.tsx

@@ -14,6 +14,7 @@ export function DeploymentOptionsSection() {
     values: { globalDeploymentOptions: values },
     setFieldValue,
   } = useFormikContext<FormValues>();
+
   const limitedFeature = isLimitedToBE(FeatureId.ENFORCE_DEPLOYMENT_OPTIONS);
   return (
     <FormSection title="Deployment Options">
@@ -74,6 +75,24 @@ export function DeploymentOptionsSection() {
       )}
 
       <KubeNoteMinimumCharacters />
+
+      <div className="form-group">
+        <div className="col-sm-12">
+          <SwitchField
+            label="Allow stacks functionality with Kubernetes environments"
+            checked={!values.hideStacksFunctionality}
+            onChange={(value) =>
+              setFieldValue(
+                'globalDeploymentOptions.hideStacksFunctionality',
+                !value
+              )
+            }
+            name="toggle_stacksFunctionality"
+            labelClass="col-sm-3 col-lg-2"
+            tooltip="This allows you to group your applications/workloads into a single ‘stack’, and then view or delete an entire stack. If disabled, stacks functionality will not show in the UI."
+          />
+        </div>
+      </div>
     </FormSection>
   );
 

app/react/portainer/settings/SettingsView/KubeSettingsPanel/KubeSettingsPanel.tsx

@@ -29,13 +29,17 @@ export function KubeSettingsPanel() {
   const initialValues: FormValues = {
     helmRepositoryUrl: settingsQuery.data.HelmRepositoryURL || '',
     kubeconfigExpiry: settingsQuery.data.KubeconfigExpiry || '0',
-    globalDeploymentOptions: settingsQuery.data.GlobalDeploymentOptions || {
-      requireNoteOnApplications: false,
-      minApplicationNoteLength: 0,
-      hideAddWithForm: false,
-      hideFileUpload: false,
-      hideWebEditor: false,
-      perEnvOverride: false,
+    globalDeploymentOptions: {
+      ...{
+        requireNoteOnApplications: false,
+        minApplicationNoteLength: 0,
+        hideAddWithForm: false,
+        hideFileUpload: false,
+        hideWebEditor: false,
+        perEnvOverride: false,
+        hideStacksFunctionality: false,
+      },
+      ...settingsQuery.data.GlobalDeploymentOptions,
     },
   };
 

app/react/portainer/settings/SettingsView/KubeSettingsPanel/types.ts

@@ -8,5 +8,6 @@ export interface FormValues {
     hideFileUpload: boolean;
     requireNoteOnApplications: boolean;
     minApplicationNoteLength: number;
+    hideStacksFunctionality: boolean;
   };
 }

app/react/portainer/settings/SettingsView/KubeSettingsPanel/validation.ts

@@ -16,6 +16,7 @@ export function validation(): SchemaOf<FormValues> {
       hideWebEditor: boolean().required(),
       hideFileUpload: boolean().required(),
       requireNoteOnApplications: boolean().required(),
+      hideStacksFunctionality: boolean().required(),
       minApplicationNoteLength: number()
         .typeError('Must be a number')
         .default(0)

app/react/portainer/settings/types.ts

@@ -145,7 +145,7 @@ export interface Settings {
   };
 }
 
-interface GlobalDeploymentOptions {
+export interface GlobalDeploymentOptions {
   /** Hide manual deploy forms in portainer */
   hideAddWithForm: boolean;
   /** Configure this per environment or globally */
@@ -157,6 +157,8 @@ interface GlobalDeploymentOptions {
   /** Make note on application add/edit screen required */
   requireNoteOnApplications: boolean;
   minApplicationNoteLength: number;
+
+  hideStacksFunctionality: boolean;
 }
 
 export interface PublicSettingsResponse {