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

refactor(docker/volumes): migrate table to react [EE-4677] (#10312)

Browse source
This commit is contained in:
Chaim Lev-Ari 2023-10-11 10:27:42 +03:00 • committed by GitHub
parent 8e1417b4e9
commit 5c37ed328f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
25 changed files with 402 additions and 395 deletions
Download patch file Download diff file Expand all files Collapse all files

3
app/react/portainer/access-control/AccessControlPanel/AccessControlPanelDetails.tsx
View file

@ -3,12 +3,13 @@ import { PropsWithChildren } from 'react';
import _ from 'lodash';
import { Info } from 'lucide-react';
import { ownershipIcon, truncate } from '@/portainer/filters/filters';
import { truncate } from '@/portainer/filters/filters';
import { UserId } from '@/portainer/users/types';
import { TeamId } from '@/react/portainer/users/teams/types';
import { useTeams } from '@/react/portainer/users/teams/queries';
import { useUsers } from '@/portainer/users/queries';
import { pluralize } from '@/portainer/helpers/strings';
import { ownershipIcon } from '@/react/docker/components/datatable/createOwnershipColumn';
import { Link } from '@@/Link';
import { Tooltip } from '@@/Tip/Tooltip';

14
app/react/portainer/access-control/EditDetails/useOptions.tsx
View file

@ -2,8 +2,8 @@ import _ from 'lodash';
import { useEffect, useState } from 'react';
import { buildOption } from '@/portainer/components/BoxSelector';
import { ownershipIcon } from '@/portainer/filters/filters';
import { Team } from '@/react/portainer/users/teams/types';
import { ownershipIcon } from '@/react/docker/components/datatable/createOwnershipColumn';
import { BoxSelectorOption } from '@@/BoxSelector/types';
import { BadgeIcon } from '@@/BadgeIcon';
@ -16,7 +16,7 @@ const publicOption: BoxSelectorOption<ResourceControlOwnership> = {
id: 'access_public',
description:
'I want any user with access to this environment to be able to manage this resource',
icon: <BadgeIcon icon={ownershipIcon('public')} />,
icon: <BadgeIcon icon={ownershipIcon(ResourceControlOwnership.PUBLIC)} />,
};
export function useOptions(
@ -41,14 +41,16 @@ function adminOptions() {
return [
buildOption(
'access_administrators',
<BadgeIcon icon={ownershipIcon('administrators')} />,
<BadgeIcon
icon={ownershipIcon(ResourceControlOwnership.ADMINISTRATORS)}
/>,
'Administrators',
'I want to restrict the management of this resource to administrators only',
ResourceControlOwnership.ADMINISTRATORS
),
buildOption(
'access_restricted',
<BadgeIcon icon={ownershipIcon('restricted')} />,
<BadgeIcon icon={ownershipIcon(ResourceControlOwnership.RESTRICTED)} />,
'Restricted',
'I want to restrict the management of this resource to a set of users and/or teams',
ResourceControlOwnership.RESTRICTED
@ -59,7 +61,7 @@ function nonAdminOptions(teams?: Team[]) {
return _.compact([
buildOption(
'access_private',
<BadgeIcon icon={ownershipIcon('private')} />,
<BadgeIcon icon={ownershipIcon(ResourceControlOwnership.PRIVATE)} />,
'Private',
'I want to restrict this resource to be manageable by myself only',
ResourceControlOwnership.PRIVATE
@ -68,7 +70,7 @@ function nonAdminOptions(teams?: Team[]) {
teams.length > 0 &&
buildOption(
'access_restricted',
<BadgeIcon icon={ownershipIcon('restricted')} />,
<BadgeIcon icon={ownershipIcon(ResourceControlOwnership.RESTRICTED)} />,
'Restricted',
teams.length === 1 ? (
<>