mirror of https://github.com/portainer/portainer
108 lines
2.9 KiB
TypeScript
108 lines
2.9 KiB
TypeScript
import { CellProps, Column } from 'react-table';
|
|
import { MenuItem, MenuLink } from '@reach/menu-button';
|
|
import { useRouter, useSref } from '@uirouter/react';
|
|
|
|
import { Environment } from '@/portainer/environments/types';
|
|
import { ActionsMenu } from '@/portainer/components/datatables/components/ActionsMenu';
|
|
import {
|
|
snapshotEndpoint,
|
|
trustEndpoint,
|
|
} from '@/portainer/environments/environment.service';
|
|
import * as notifications from '@/portainer/services/notifications';
|
|
import { getRoute } from '@/portainer/environments/utils';
|
|
import { confirmAsync } from '@/portainer/services/modal.service/confirm';
|
|
import { useRowContext } from '@/edge/devices/components/EdgeDevicesDatatable/columns/RowContext';
|
|
|
|
export const actions: Column<Environment> = {
|
|
Header: 'Actions',
|
|
accessor: () => 'actions',
|
|
id: 'actions',
|
|
disableFilters: true,
|
|
canHide: true,
|
|
disableResizing: true,
|
|
width: '5px',
|
|
sortType: 'string',
|
|
Filter: () => null,
|
|
Cell: ActionsCell,
|
|
};
|
|
|
|
export function ActionsCell({
|
|
row: { original: environment },
|
|
}: CellProps<Environment>) {
|
|
const router = useRouter();
|
|
|
|
const environmentRoute = getRoute(environment);
|
|
const browseLinkProps = useSref(environmentRoute, {
|
|
id: environment.Id,
|
|
endpointId: environment.Id,
|
|
});
|
|
|
|
const showRefreshSnapshot = false; // remove and show MenuItem when feature is available
|
|
|
|
const { disableTrustOnFirstConnect } = useRowContext();
|
|
|
|
return (
|
|
<ActionsMenu>
|
|
<MenuLink href={browseLinkProps.href} onClick={browseLinkProps.onClick}>
|
|
Browse
|
|
</MenuLink>
|
|
{showRefreshSnapshot && (
|
|
<MenuItem hidden onSelect={() => handleRefreshSnapshotClick()}>
|
|
Refresh Snapshot
|
|
</MenuItem>
|
|
)}
|
|
{disableTrustOnFirstConnect && !environment.UserTrusted && (
|
|
<MenuLink onClick={trustDevice}>Trust</MenuLink>
|
|
)}
|
|
</ActionsMenu>
|
|
);
|
|
|
|
async function handleRefreshSnapshotClick() {
|
|
try {
|
|
await snapshotEndpoint(environment.Id);
|
|
notifications.success('Success', 'Environment updated');
|
|
} catch (err) {
|
|
notifications.error(
|
|
'Failure',
|
|
err as Error,
|
|
'An error occurred during environment snapshot'
|
|
);
|
|
} finally {
|
|
await router.stateService.reload();
|
|
}
|
|
}
|
|
|
|
async function trustDevice() {
|
|
const confirmed = await confirmAsync({
|
|
title: '',
|
|
message: `Mark ${environment.Name} as trusted?`,
|
|
buttons: {
|
|
cancel: {
|
|
label: 'Cancel',
|
|
className: 'btn-default',
|
|
},
|
|
confirm: {
|
|
label: 'Trust',
|
|
className: 'btn-primary',
|
|
},
|
|
},
|
|
});
|
|
|
|
if (!confirmed) {
|
|
return;
|
|
}
|
|
|
|
try {
|
|
await trustEndpoint(environment.Id);
|
|
} catch (err) {
|
|
notifications.error(
|
|
'Failure',
|
|
err as Error,
|
|
'An error occurred while trusting the environment'
|
|
);
|
|
} finally {
|
|
await router.stateService.reload();
|
|
}
|
|
}
|
|
}
|