mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
60a19143b4
* Revert "review comments" This reverts commit97f2ecd88d. * Revert "Switch to I, remove type parameter default" This reverts commita3073cc99b. * Revert "Improve Table typing and remove annotations on callbacks" This reverts commitdefb0ea0dd.
89 lines
3.5 KiB
TypeScript
89 lines
3.5 KiB
TypeScript
/**
|
|
* Copyright (c) 2021 OpenLens Authors
|
|
*
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy of
|
|
* this software and associated documentation files (the "Software"), to deal in
|
|
* the Software without restriction, including without limitation the rights to
|
|
* use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
|
* the Software, and to permit persons to whom the Software is furnished to do so,
|
|
* subject to the following conditions:
|
|
*
|
|
* The above copyright notice and this permission notice shall be included in all
|
|
* copies or substantial portions of the Software.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
|
* FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
|
* COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
|
* IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
*/
|
|
|
|
import "./ingresses.scss";
|
|
|
|
import React from "react";
|
|
import { observer } from "mobx-react";
|
|
import type { RouteComponentProps } from "react-router-dom";
|
|
import type { IngressRouteParams } from "./ingresses.route";
|
|
import type { Ingress } from "../../api/endpoints/ingress.api";
|
|
import { ingressStore } from "./ingress.store";
|
|
import { KubeObjectListLayout } from "../kube-object";
|
|
import { KubeObjectStatusIcon } from "../kube-object-status-icon";
|
|
|
|
enum columnId {
|
|
name = "name",
|
|
namespace = "namespace",
|
|
loadBalancers ="load-balancers",
|
|
rules = "rules",
|
|
age = "age",
|
|
}
|
|
|
|
interface Props extends RouteComponentProps<IngressRouteParams> {
|
|
}
|
|
|
|
@observer
|
|
export class Ingresses extends React.Component<Props> {
|
|
render() {
|
|
return (
|
|
<KubeObjectListLayout
|
|
isConfigurable
|
|
tableId="network_ingresses"
|
|
className="Ingresses" store={ingressStore}
|
|
sortingCallbacks={{
|
|
[columnId.name]: (ingress: Ingress) => ingress.getName(),
|
|
[columnId.namespace]: (ingress: Ingress) => ingress.getNs(),
|
|
[columnId.age]: (ingress: Ingress) => ingress.getTimeDiffFromNow(),
|
|
}}
|
|
searchFilters={[
|
|
(ingress: Ingress) => ingress.getSearchFields(),
|
|
(ingress: Ingress) => ingress.getPorts(),
|
|
]}
|
|
renderHeaderTitle="Ingresses"
|
|
renderTableHeader={[
|
|
{ title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
|
|
{ className: "warning", showWithColumn: columnId.name },
|
|
{ title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
|
|
{ title: "LoadBalancers", className: "loadbalancers", id: columnId.loadBalancers },
|
|
{ title: "Rules", className: "rules", id: columnId.rules },
|
|
{ title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
|
|
]}
|
|
renderTableContents={(ingress: Ingress) => [
|
|
ingress.getName(),
|
|
<KubeObjectStatusIcon key="icon" object={ingress} />,
|
|
ingress.getNs(),
|
|
ingress.getLoadBalancers().map(lb => <p key={lb}>{lb}</p>),
|
|
ingress.getRoutes().map(route => <p key={route}>{route}</p>),
|
|
ingress.getAge(),
|
|
]}
|
|
tableProps={{
|
|
customRowHeights: (item: Ingress, lineHeight, paddings) => {
|
|
const lines = item.getRoutes().length || 1;
|
|
|
|
return lines * lineHeight + paddings;
|
|
}
|
|
}}
|
|
/>
|
|
);
|
|
}
|
|
}
|