@kinvolk/headlamp-plugin
Version:
The needed infrastructure for building Headlamp plugins.
93 lines (92 loc) • 3.96 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
/*
* Copyright 2025 The Kubernetes Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { useTranslation } from 'react-i18next';
import DaemonSet from '../../lib/k8s/daemonSet';
import { LightTooltip } from '../common';
import ResourceListView from '../common/Resource/ResourceListView';
export default function DaemonSetList() {
const { t } = useTranslation(['glossary', 'translation']);
return (_jsx(ResourceListView, { title: t('Daemon Sets'), resourceClass: DaemonSet, columns: [
'name',
'namespace',
'cluster',
{
id: 'pods',
label: t('Pods'),
getValue: daemonSet => daemonSet.status?.currentNumberScheduled || 0,
gridTemplate: 0.6,
},
{
id: 'currentPods',
label: t('translation|Current'),
getValue: daemonSet => daemonSet.status?.currentNumberScheduled || 0,
gridTemplate: 0.6,
},
{
id: 'desiredPods',
label: t('translation|Desired', { context: 'pods' }),
getValue: daemonSet => daemonSet.status?.desiredNumberScheduled || 0,
gridTemplate: 0.6,
},
{
id: 'readyPods',
label: t('translation|Ready'),
getValue: daemonSet => daemonSet.status?.numberReady || 0,
gridTemplate: 0.6,
},
{
id: 'nodeSelector',
label: t('Node Selector'),
getValue: daemonSet => daemonSet.getNodeSelectors().join(', '),
render: daemonSet => {
const selectors = daemonSet.getNodeSelectors();
const nodeSelectorTooltip = selectors.join('\n');
const nodeSelectorText = selectors.join(', ');
return (_jsx(LightTooltip, { title: nodeSelectorTooltip, interactive: true, children: nodeSelectorText }));
},
},
{
id: 'containers',
label: t('Containers'),
getValue: daemonSet => daemonSet
.getContainers()
.map((c) => c.name)
.join(', '),
render: daemonSet => {
const containerNames = daemonSet.getContainers().map((c) => c.name);
const containerText = containerNames.join(', ');
const containerTooltip = containerNames.join('\n');
return (_jsx(LightTooltip, { title: containerTooltip, interactive: true, children: containerText }));
},
},
{
id: 'images',
label: t('Images'),
getValue: daemonSet => daemonSet
.getContainers()
.map((c) => c.image)
.join(', '),
render: daemonSet => {
const images = daemonSet.getContainers().map((c) => c.image);
const imageTooltip = images.join('\n');
const imageText = images.join(', ');
return (_jsx(LightTooltip, { title: imageTooltip, interactive: true, children: imageText }));
},
},
'age',
] }));
}