Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-22 06:49:40 +02:00
Code Issues Releases Activity

refactor(app): app service form to react [EE-5415] (#8994)

Browse source
This commit is contained in:
Ali 2023-05-31 17:58:41 +12:00 • committed by GitHub
parent 2d05103fed
commit 69776b4863
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
26 changed files with 1224 additions and 538 deletions
Download patch file Download diff file Expand all files Collapse all files

17
app/kubernetes/views/applications/create/createApplicationController.js
View file

@ -3,6 +3,7 @@ import _ from 'lodash-es';
import filesizeParser from 'filesize-parser';
import * as JsonPatch from 'fast-json-patch';
import { RegistryTypes } from '@/portainer/models/registryTypes';
import { getServices } from '@/react/kubernetes/networks/services/service';
import {
KubernetesApplicationDataAccessPolicies,
@ -133,6 +134,7 @@ class KubernetesCreateApplicationController {
isEdit: this.$state.params.namespace && this.$state.params.name,
persistedFoldersUseExistingVolumes: false,
pullImageValidity: false,
nodePortServices: [],
};
this.isAdmin = this.Authentication.isAdmin();
@ -156,6 +158,7 @@ class KubernetesCreateApplicationController {
this.onChangeDeploymentType = this.onChangeDeploymentType.bind(this);
this.supportGlobalDeployment = this.supportGlobalDeployment.bind(this);
this.onChangePlacementType = this.onChangePlacementType.bind(this);
this.onServicesChange = this.onServicesChange.bind(this);
}
/* #endregion */
@ -453,6 +456,12 @@ class KubernetesCreateApplicationController {
/* #endregion */
/* #region PUBLISHED PORTS UI MANAGEMENT */
onServicesChange(services) {
return this.$async(async () => {
this.formValues.Services = services;
});
}
onServicePublishChange() {
// enable publishing with no previous ports exposed
if (this.formValues.IsPublishingService && !this.formValues.PublishedPorts.length) {
@ -1295,6 +1304,14 @@ class KubernetesCreateApplicationController {
} finally {
this.state.viewReady = true;
}
// get all nodeport services in the cluster, to validate unique nodeports in the form
// this is below the try catch, to not block the page rendering
const allSettledServices = await Promise.allSettled(this.resourcePools.map((namespace) => getServices(this.endpoint.Id, namespace.Namespace.Name)));
const allServices = allSettledServices
.filter((settledService) => settledService.status === 'fulfilled' && settledService.value)
.map((fulfilledService) => fulfilledService.value)
.flat();
this.state.nodePortServices = allServices.filter((service) => service.Type === 'NodePort');
});
}