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

refactor(edge/groups): migrate view to react [EE-2219] (#11758)
Some checks failed
ci / build_images (map[arch:amd64 platform:linux version:]) (push) Has been cancelled
ci / build_images (map[arch:amd64 platform:windows version:1809]) (push) Has been cancelled
ci / build_images (map[arch:amd64 platform:windows version:ltsc2022]) (push) Has been cancelled
ci / build_images (map[arch:arm platform:linux version:]) (push) Has been cancelled
ci / build_images (map[arch:arm64 platform:linux version:]) (push) Has been cancelled
ci / build_images (map[arch:ppc64le platform:linux version:]) (push) Has been cancelled
ci / build_images (map[arch:s390x platform:linux version:]) (push) Has been cancelled
/ triage (push) Has been cancelled
Lint / Run linters (push) Has been cancelled
Test / test-client (push) Has been cancelled
Test / test-server (map[arch:amd64 platform:linux]) (push) Has been cancelled
Test / test-server (map[arch:amd64 platform:windows version:1809]) (push) Has been cancelled
Test / test-server (map[arch:amd64 platform:windows version:ltsc2022]) (push) Has been cancelled
Test / test-server (map[arch:arm64 platform:linux]) (push) Has been cancelled
ci / build_manifests (push) Has been cancelled

Browse source
This commit is contained in:
Chaim Lev-Ari 2024-06-02 15:43:37 +03:00 • committed by GitHub
parent b7cde35c3d
commit 9c70a43ac3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
39 changed files with 579 additions and 386 deletions
Download patch file Download diff file Expand all files Collapse all files

45
app/react/edge/edge-groups/components/EdgeGroupForm/DynamicGroupFieldset.tsx Normal file
View file

@ -0,0 +1,45 @@
import { useFormikContext } from 'formik';
import { EdgeGroupAssociationTable } from '@/react/edge/components/EdgeGroupAssociationTable';
import { EdgeTypes } from '@/react/portainer/environments/types';
import { BoxSelector } from '@@/BoxSelector';
import { TagSelector } from '@@/TagSelector';
import { FormSection } from '@@/form-components/FormSection';
import { tagOptions } from './tag-options';
import { FormValues } from './types';
export function DynamicGroupFieldset() {
const { values, setFieldValue, errors } = useFormikContext<FormValues>();
return (
<>
<FormSection title="Tags">
<BoxSelector
slim
value={values.partialMatch}
onChange={(partialMatch) =>
setFieldValue('partialMatch', partialMatch)
}
options={tagOptions}
radioName="partialMatch"
/>
<TagSelector
value={values.tagIds}
onChange={(tagIds) => setFieldValue('tagIds', tagIds)}
errors={errors.tagIds}
/>
</FormSection>
<EdgeGroupAssociationTable
data-cy="edgeGroupCreate-associatedEnvironmentsTable"
title="Associated environments by tags"
query={{
types: EdgeTypes,
tagIds: values.tagIds,
tagsPartialMatch: values.partialMatch,
}}
/>
</>
);
}