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

enable nodeport and load balancer type in ingresses

Browse source
This commit is contained in:
Prabhat Khera 2023-05-31 12:27:00 +12:00
parent 96de026eba
commit eb815df8f4
2 changed files with 20 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

3
app/react/components/form-components/Input/Select.tsx
View file

@ -4,6 +4,7 @@ import { SelectHTMLAttributes } from 'react';
export interface Option<T extends string | number> {
value: T;
label: string;
disabled?: boolean;
}
interface Props<T extends string | number> {
@ -22,7 +23,7 @@ export function Select<T extends number | string>({
className={clsx('form-control', className)}
>
{options.map((item) => (
<option value={item.value} key={item.value}>
<option value={item.value} key={item.value} disabled={item.disabled}>
{item.label}
</option>
))}

31
app/react/kubernetes/ingresses/CreateIngressView/CreateIngressView.tsx
View file

@ -1,7 +1,7 @@
import { useState, useEffect, useMemo, ReactNode, useCallback } from 'react';
import { useCurrentStateAndParams, useRouter } from '@uirouter/react';
import { v4 as uuidv4 } from 'uuid';
import { debounce } from 'lodash';
import { debounce, groupBy, forOwn } from 'lodash';
import { useEnvironmentId } from '@/react/hooks/useEnvironmentId';
import { useConfigurations } from '@/react/kubernetes/configs/queries';
@ -133,18 +133,23 @@ export function CreateIngressView() {
}
});
const clusterIpServices = useMemo(
() => servicesResults.data?.filter((s) => s.Type === 'ClusterIP'),
[servicesResults.data]
);
const servicesOptions = useMemo(
() =>
clusterIpServices?.map((service) => ({
label: service.Name,
value: service.Name,
})),
[clusterIpServices]
);
const clusterIpServices = servicesResults.data;
const servicesOptions: Option<string>[] = useMemo(() => {
const options: Option<string>[] = [];
forOwn(
groupBy(clusterIpServices, (s) => s.Type),
(services, type) => {
options.push({ label: `--- ${type} ---`, value: type, disabled: true });
services.forEach((service) => {
options.push({
label: service.Name,
value: service.Name,
});
});
}
);
return options;
}, [clusterIpServices]);
const serviceOptions = [
{ label: 'Select a service', value: '' },