mirror of https://github.com/portainer/portainer
85 lines
2.7 KiB
TypeScript
85 lines
2.7 KiB
TypeScript
import { Minimize2 } from 'lucide-react';
|
|
import { NodeSelectorRequirement, Pod } from 'kubernetes-types/core/v1';
|
|
import { useMemo } from 'react';
|
|
|
|
import { Icon } from '@@/Icon';
|
|
import { TextTip } from '@@/Tip/TextTip';
|
|
|
|
import { Application } from '../../types';
|
|
import { applicationIsKind } from '../../utils';
|
|
|
|
type Props = {
|
|
app?: Application;
|
|
};
|
|
|
|
export function PlacementsTable({ app }: Props) {
|
|
const formPlacements = useAppPlacements(app);
|
|
return (
|
|
<>
|
|
<div className="text-muted mb-4 mt-6 flex items-center">
|
|
<Icon icon={Minimize2} className="!mr-2" />
|
|
Placement preferences and constraints
|
|
</div>
|
|
{!formPlacements.length && (
|
|
<TextTip color="blue">
|
|
This application has no pod preference or constraint rules from the
|
|
application form. See the application YAML for other placement rules.
|
|
</TextTip>
|
|
)}
|
|
{formPlacements.length > 0 && (
|
|
<table className="table">
|
|
<thead>
|
|
<tr className="text-muted">
|
|
<td className="w-1/3">Key</td>
|
|
<td className="w-2/3">Value(s)</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{formPlacements.map((placement, i) => (
|
|
<tr key={i}>
|
|
<td>{placement.key}</td>
|
|
<td>{placement.values?.join(', ')}</td>
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
)}
|
|
</>
|
|
);
|
|
}
|
|
|
|
// useAppPlacements is a custom hook that returns the placements that relate to the Portainer application form.
|
|
function useAppPlacements(app?: Application): NodeSelectorRequirement[] {
|
|
const formPlacements = useMemo(() => {
|
|
if (!app) {
|
|
return [];
|
|
}
|
|
// firstly get the pod spec
|
|
const podSpec = applicationIsKind<Pod>('Pod', app)
|
|
? app.spec
|
|
: app.spec?.template?.spec;
|
|
|
|
// secondly filter all placements to get the placements that are related to the Portainer form. They are:
|
|
// - preference (s) in spec.affinity.nodeAffinity.preferredDuringSchedulingIgnoredDuringExecution
|
|
const placements =
|
|
podSpec?.affinity?.nodeAffinity
|
|
?.preferredDuringSchedulingIgnoredDuringExecution;
|
|
|
|
// - matchExpressions in preference
|
|
const placementsWithMatchExpressions = placements?.filter(
|
|
(placement) => placement?.preference?.matchExpressions
|
|
);
|
|
|
|
// - only matchExpressions items with the operator: In
|
|
const portainerPlacements =
|
|
placementsWithMatchExpressions?.flatMap(
|
|
(placement) =>
|
|
placement?.preference?.matchExpressions?.filter(
|
|
(expression) => expression?.operator === 'In'
|
|
) || []
|
|
) || [];
|
|
return portainerPlacements;
|
|
}, [app]);
|
|
return formPlacements;
|
|
}
|