Lens app source code (#119)

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>

dashboard/client/components/kube-object/kube-object-meta.tsx

@@ -0,0 +1,65 @@
+import React from "react";
+import { Trans } from "@lingui/macro";
+import { IKubeMetaField, KubeObject } from "../../api/kube-object";
+import { DrawerItem, DrawerItemLabels } from "../drawer";
+
+export interface Props {
+  object: KubeObject;
+  hideFields?: IKubeMetaField[];
+}
+
+export class KubeObjectMeta extends React.Component<Props> {
+  static defaultHiddenFields: IKubeMetaField[] = [
+    "uid", "resourceVersion", "selfLink"
+  ];
+
+  isHidden(field: IKubeMetaField): boolean {
+    const { hideFields = KubeObjectMeta.defaultHiddenFields } = this.props;
+    return hideFields.includes(field);
+  }
+
+  render() {
+    const {
+      getName, getNs, getLabels, getResourceVersion, selfLink,
+      getAnnotations, getFinalizers, getId, getAge,
+      metadata: { creationTimestamp },
+    } = this.props.object;
+    return (
+      <>
+        <DrawerItem name={<Trans>Created</Trans>} hidden={this.isHidden("creationTimestamp")}>
+          {getAge(true, false)} <Trans>ago</Trans> ({creationTimestamp})
+        </DrawerItem>
+        <DrawerItem name={<Trans>Name</Trans>} hidden={this.isHidden("name")}>
+          {getName()}
+        </DrawerItem>
+        <DrawerItem name={<Trans>Namespace</Trans>} hidden={this.isHidden("namespace") || !getNs()}>
+          {getNs()}
+        </DrawerItem>
+        <DrawerItem name={<Trans>UID</Trans>} hidden={this.isHidden("uid")}>
+          {getId()}
+        </DrawerItem>
+        <DrawerItem name={<Trans>Link</Trans>} hidden={this.isHidden("selfLink")}>
+          {selfLink}
+        </DrawerItem>
+        <DrawerItem name={<Trans>Resource Version</Trans>} hidden={this.isHidden("resourceVersion")}>
+          {getResourceVersion()}
+        </DrawerItem>
+        <DrawerItemLabels
+          name={<Trans>Labels</Trans>}
+          labels={getLabels()}
+          hidden={this.isHidden("labels")}
+        />
+        <DrawerItemLabels
+          name={<Trans>Annotations</Trans>}
+          labels={getAnnotations()}
+          hidden={this.isHidden("annotations")}
+        />
+        <DrawerItemLabels
+          name={<Trans>Finalizers</Trans>}
+          labels={getFinalizers()}
+          hidden={this.isHidden("finalizers")}
+        />
+      </>
+    )
+  }
+}