mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
Cherry-pick from 4.2.3 (#2628)
* Fix: logs data disapearing causing crashes (#2566) Signed-off-by: Sebastian Malton <sebastian@malton.name> * Refactor helm-chart.api and improve kube validation and error handling (#2265) Signed-off-by: Sebastian Malton <sebastian@malton.name> * Fix: HPA's not sortable by age (#2565) Signed-off-by: Sebastian Malton <sebastian@malton.name> * Conditionally render status icon for kube meta (#2298) Signed-off-by: Sebastian Malton <sebastian@malton.name> * Fix custom resource loading spinner appears above extensions' cluster menus (#2344) Signed-off-by: Sebastian Malton <sebastian@malton.name> * Lens should point to the release docs (#2268) Signed-off-by: Sebastian Malton <sebastian@malton.name> * Refactor the Extensions settings page (#2221) Signed-off-by: Sebastian Malton <sebastian@malton.name> * try and get jest to not core dump Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
Sebastian Malton authored and 
GitHub committed
1 parent
7fde8125eb
commit
1f854d0a0f
42 files changed
+1777
-1067
No files matched your search
@@ -2,105 +2,106 @@ import "./kube-object-status-icon.scss";
|
||||
|
||||
import React from "react";
|
||||
import { Icon } from "../icon";
|
||||
import { KubeObject } from "../../api/kube-object";
|
||||
import { cssNames, formatDuration } from "../../utils";
|
||||
import { KubeObjectStatusRegistration, kubeObjectStatusRegistry } from "../../../extensions/registries/kube-object-status-registry";
|
||||
import { KubeObjectStatus, KubeObjectStatusLevel } from "../../..//extensions/renderer-api/k8s-api";
|
||||
import { computed } from "mobx";
|
||||
import { KubeObject, KubeObjectStatus, KubeObjectStatusLevel } from "../../..//extensions/renderer-api/k8s-api";
|
||||
import { kubeObjectStatusRegistry } from "../../../extensions/registries";
|
||||
|
||||
function statusClassName(level: number): string {
|
||||
switch (level) {
|
||||
case KubeObjectStatusLevel.INFO:
|
||||
return "info";
|
||||
case KubeObjectStatusLevel.WARNING:
|
||||
return "warning";
|
||||
case KubeObjectStatusLevel.CRITICAL:
|
||||
return "error";
|
||||
}
|
||||
}
|
||||
|
||||
function statusTitle(level: KubeObjectStatusLevel): string {
|
||||
switch (level) {
|
||||
case KubeObjectStatusLevel.INFO:
|
||||
return "Info";
|
||||
case KubeObjectStatusLevel.WARNING:
|
||||
return "Warning";
|
||||
case KubeObjectStatusLevel.CRITICAL:
|
||||
return "Critical";
|
||||
}
|
||||
}
|
||||
|
||||
function getAge(timestamp: string) {
|
||||
return timestamp
|
||||
? formatDuration(Date.now() - new Date(timestamp).getTime(), true)
|
||||
: "";
|
||||
}
|
||||
|
||||
interface SplitStatusesByLevel {
|
||||
maxLevel: string,
|
||||
criticals: KubeObjectStatus[];
|
||||
warnings: KubeObjectStatus[];
|
||||
infos: KubeObjectStatus[];
|
||||
}
|
||||
|
||||
/**
|
||||
* This fuction returns the class level for corresponding to the highest status level
|
||||
* and the statuses split by their levels.
|
||||
* @param src a list of status items
|
||||
*/
|
||||
function splitByLevel(src: KubeObjectStatus[]): SplitStatusesByLevel {
|
||||
const parts = new Map(Object.values(KubeObjectStatusLevel).map(v => [v, []]));
|
||||
|
||||
src.forEach(status => parts.get(status.level).push(status));
|
||||
|
||||
const criticals = parts.get(KubeObjectStatusLevel.CRITICAL);
|
||||
const warnings = parts.get(KubeObjectStatusLevel.WARNING);
|
||||
const infos = parts.get(KubeObjectStatusLevel.INFO);
|
||||
const maxLevel = statusClassName(criticals[0]?.level ?? warnings[0]?.level ?? infos[0].level);
|
||||
|
||||
return { maxLevel, criticals, warnings, infos };
|
||||
}
|
||||
|
||||
interface Props {
|
||||
object: KubeObject;
|
||||
}
|
||||
|
||||
export class KubeObjectStatusIcon extends React.Component<Props> {
|
||||
@computed get objectStatuses() {
|
||||
const { object } = this.props;
|
||||
const registrations = kubeObjectStatusRegistry.getItemsForKind(object.kind, object.apiVersion);
|
||||
|
||||
return registrations.map((item: KubeObjectStatusRegistration) => { return item.resolve(object); }).filter((item: KubeObjectStatus) => !!item);
|
||||
}
|
||||
|
||||
statusClassName(level: number): string {
|
||||
switch (level) {
|
||||
case KubeObjectStatusLevel.INFO:
|
||||
return "info";
|
||||
case KubeObjectStatusLevel.WARNING:
|
||||
return "warning";
|
||||
case KubeObjectStatusLevel.CRITICAL:
|
||||
return "error";
|
||||
default:
|
||||
return "";
|
||||
}
|
||||
}
|
||||
|
||||
statusTitle(level: number): string {
|
||||
switch (level) {
|
||||
case KubeObjectStatusLevel.INFO:
|
||||
return "Info";
|
||||
case KubeObjectStatusLevel.WARNING:
|
||||
return "Warning";
|
||||
case KubeObjectStatusLevel.CRITICAL:
|
||||
return "Critical";
|
||||
default:
|
||||
return "";
|
||||
}
|
||||
}
|
||||
|
||||
getAge(timestamp: string) {
|
||||
if (!timestamp) return "";
|
||||
const diff = Date.now() - new Date(timestamp).getTime();
|
||||
|
||||
return formatDuration(diff, true);
|
||||
}
|
||||
|
||||
renderStatuses(statuses: KubeObjectStatus[], level: number) {
|
||||
const filteredStatuses = statuses.filter((item) => item.level == level);
|
||||
|
||||
return filteredStatuses.length > 0 && (
|
||||
<div className={cssNames("level", this.statusClassName(level))}>
|
||||
<div className={cssNames("level", statusClassName(level))}>
|
||||
<span className="title">
|
||||
{this.statusTitle(level)}
|
||||
{statusTitle(level)}
|
||||
</span>
|
||||
{ filteredStatuses.map((status, index) =>{
|
||||
return (
|
||||
{
|
||||
filteredStatuses.map((status, index) => (
|
||||
<div key={`kube-resource-status-${level}-${index}`} className={cssNames("status", "msg")}>
|
||||
- {status.text} <span className="age"> · { this.getAge(status.timestamp) }</span>
|
||||
- {status.text} <span className="age"> · {getAge(status.timestamp)}</span>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
))
|
||||
}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
render() {
|
||||
const { objectStatuses} = this;
|
||||
const statuses = kubeObjectStatusRegistry.getItemsForObject(this.props.object);
|
||||
|
||||
if (!objectStatuses.length) return null;
|
||||
if (statuses.length === 0) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const sortedStatuses = objectStatuses.sort((a: KubeObjectStatus, b: KubeObjectStatus) => {
|
||||
if (a.level < b.level ) {
|
||||
return 1;
|
||||
}
|
||||
|
||||
if (a.level > b.level ) {
|
||||
return -1;
|
||||
}
|
||||
|
||||
return 0;
|
||||
});
|
||||
|
||||
const level = this.statusClassName(sortedStatuses[0].level);
|
||||
const { maxLevel, criticals, warnings, infos } = splitByLevel(statuses);
|
||||
|
||||
return (
|
||||
<Icon
|
||||
material={level}
|
||||
className={cssNames("KubeObjectStatusIcon", level)}
|
||||
material={maxLevel}
|
||||
className={cssNames("KubeObjectStatusIcon", maxLevel)}
|
||||
tooltip={{
|
||||
children: (
|
||||
<div className="KubeObjectStatusTooltip">
|
||||
{this.renderStatuses(sortedStatuses, KubeObjectStatusLevel.CRITICAL)}
|
||||
{this.renderStatuses(sortedStatuses, KubeObjectStatusLevel.WARNING)}
|
||||
{this.renderStatuses(sortedStatuses, KubeObjectStatusLevel.INFO)}
|
||||
{this.renderStatuses(criticals, KubeObjectStatusLevel.CRITICAL)}
|
||||
{this.renderStatuses(warnings, KubeObjectStatusLevel.WARNING)}
|
||||
{this.renderStatuses(infos, KubeObjectStatusLevel.INFO)}
|
||||
</div>
|
||||
)
|
||||
}}
|
||||
|
||||
Reference in new issue
Block a user