handling IngressClass drawer details

Signed-off-by: Roman <ixrock@gmail.com>

src/common/k8s-api/endpoints/index.ts

@@ -18,6 +18,7 @@ export * from "./endpoint.api";
 export * from "./events.api";
 export * from "./horizontal-pod-autoscaler.api";
 export * from "./ingress.api";
+export * from "./ingress-class.api";
 export * from "./job.api";
 export * from "./lease.api";
 export * from "./limit-range.api";

src/common/k8s-api/endpoints/ingress-class.api.ts

@@ -51,7 +51,7 @@ export class IngressClass extends KubeObject<IngressClassMetadata, IngressClassS
   static readonly namespaced = true;
   static readonly apiBase = "/apis/networking.k8s.io/v1/ingressclasses";
 
-  getIngressCtrl(): string {
+  getController(): string {
     return this.spec.controller;
   }
 

src/renderer/components/+network-ingresses/index.ts

@@ -6,3 +6,4 @@
 export * from "./ingresses";
 export * from "./ingress-details";
 export * from "./ingress-classes";
+export * from "./ingress-class-details";

src/renderer/components/+network-ingresses/ingress-class-details.module.scss

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.IngressClassDetails {
+  --titles-color: var(--textColorSecondary);
+}

src/renderer/components/+network-ingresses/ingress-class-details.tsx

@@ -0,0 +1,63 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./ingress-class-details.module.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { DrawerItem, DrawerTitle } from "../drawer";
+import type { IngressClass } from "../../../common/k8s-api/endpoints";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { withInjectables } from "@ogre-tools/injectable-react";
+
+export interface IngressClassDetailsProps extends KubeObjectDetailsProps<IngressClass> {
+}
+
+@observer
+class NonInjectedIngressDetails extends React.Component<IngressClassDetailsProps> {
+  renderParameters() {
+    const { object: ingressClass } = this.props;
+
+    if (!ingressClass.spec.parameters) return;
+
+    return (
+      <>
+        <DrawerTitle>Parameters</DrawerTitle>
+        <DrawerItem name="Name">
+          {ingressClass.getCtrlName()}
+        </DrawerItem>
+        <DrawerItem name="Namespace">
+          {ingressClass.getCtrlNs()}
+        </DrawerItem>
+        <DrawerItem name="Scope">
+          {ingressClass.getCtrlScope()}
+        </DrawerItem>
+        <DrawerItem name="Kind">
+          {ingressClass.getCtrlKind()}
+        </DrawerItem>
+        <DrawerItem name="API Group">
+          {ingressClass.getCtrlApiGroup()}
+        </DrawerItem>
+      </>
+    );
+  }
+
+  render() {
+    const { object: ingressClass } = this.props;
+
+    return (
+      <div className={styles.IngressClassDetails}>
+        <DrawerItem name="Controller">
+          {ingressClass.getController()}
+        </DrawerItem>
+        {this.renderParameters()}
+      </div>
+    );
+  }
+}
+
+export const IngressClassDetails = withInjectables<{}, IngressClassDetailsProps>(NonInjectedIngressDetails, {
+  getProps: (di, props) => (props),
+});

src/renderer/components/+network-ingresses/ingress-class-store.injectable.ts

@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import assert from "assert";
-import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
 import {
   kubeObjectStoreInjectionToken,
 } from "../../../common/k8s-api/api-manager/manager.injectable";
@@ -28,7 +28,6 @@ const ingressClassStoreInjectable = getInjectable({
   },
 
   injectionToken: kubeObjectStoreInjectionToken,
-  lifecycle: lifecycleEnum.transient,
 });
 
 export default ingressClassStoreInjectable;

src/renderer/components/+network-ingresses/ingress-classes.tsx

@@ -15,7 +15,6 @@ import ingressClassStoreInjectable from "./ingress-class-store.injectable";
 import type { IngressClass } from "../../../common/k8s-api/endpoints/ingress-class.api";
 import { cssNames } from "../../utils";
 import { Icon } from "../icon";
-import { Badge } from "../badge";
 
 enum columnId {
   name = "name",
@@ -45,14 +44,14 @@ const NonInjectedIngressClasses = observer((props: Dependencies) => {
         sortingCallbacks={{
           [columnId.name]: (resource: IngressClass) => resource.getCtrlName(),
           [columnId.namespace]: (resource: IngressClass) => resource.getCtrlNs(),
-          [columnId.controller]: (resource: IngressClass) => resource.getIngressCtrl(),
+          [columnId.controller]: (resource: IngressClass) => resource.getController(),
           [columnId.apiGroup]: (resource: IngressClass) => resource.getCtrlApiGroup(),
           [columnId.scope]: (resource: IngressClass) => resource.getCtrlScope(),
           [columnId.kind]: (resource: IngressClass) => resource.getCtrlKind(),
         }}
         searchFilters={[
           (resource: IngressClass) => resource.getSearchFields(),
-          (resource: IngressClass) => resource.getIngressCtrl(),
+          (resource: IngressClass) => resource.getController(),
           (resource: IngressClass) => resource.getCtrlApiGroup(),
           (resource: IngressClass) => resource.getCtrlScope(),
           (resource: IngressClass) => resource.getCtrlKind(),
@@ -95,7 +94,7 @@ const NonInjectedIngressClasses = observer((props: Dependencies) => {
             )}
           </div>,
           ingressClass.getCtrlNs(),
-          <Badge label={ingressClass.getIngressCtrl()} tooltip={ingressClass.getIngressCtrl()} />,
+          ingressClass.getController(),
           ingressClass.getCtrlApiGroup(),
           ingressClass.getCtrlScope(),
           ingressClass.getCtrlKind(),

src/renderer/components/kube-object-details/kube-object-detail-items/implementations/ingress-class-detail-item.injectable.ts

@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { IngressClassDetails } from "../../../+network-ingresses";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const ingressClassDetailItemInjectable = getInjectable({
+  id: "ingress-class-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: IngressClassDetails,
+      enabled: computed(() => isIngressClass(kubeObject.value.get()?.object)),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isIngressClass = kubeObjectMatchesToKindAndApiVersion("IngressClass", [
+  "networking.k8s.io/v1",
+  "extensions/v1beta1",
+]);
+
+export default ingressClassDetailItemInjectable;