121 lines
2.9 KiB
TypeScript
121 lines
2.9 KiB
TypeScript
import type { Monitor, MonitorStatus, MonitorType } from "@/Types/Monitor";
|
|
import type { PaletteKey } from "@/Utils/Theme/v2Theme";
|
|
import type { ValueType } from "@/Components/v2/design-elements/StatusLabel";
|
|
|
|
export const getMonitorPath = (type: MonitorType): string => {
|
|
const pathMap: Record<MonitorType, string> = {
|
|
http: "uptime",
|
|
port: "uptime",
|
|
ping: "uptime",
|
|
hardware: "hardware",
|
|
pagespeed: "pagespeed",
|
|
docker: "docker",
|
|
game: "game-servers",
|
|
unknown: "uptime",
|
|
};
|
|
return pathMap[type];
|
|
};
|
|
|
|
export const getStatusPalette = (status: MonitorStatus): PaletteKey => {
|
|
if (status === true) {
|
|
return "success";
|
|
}
|
|
if (status === false) {
|
|
return "error";
|
|
}
|
|
return "warning";
|
|
};
|
|
|
|
export const getValuePalette = (value: ValueType): PaletteKey => {
|
|
const paletteMap: Record<ValueType, PaletteKey> = {
|
|
positive: "success",
|
|
negative: "error",
|
|
neutral: "warning",
|
|
};
|
|
return paletteMap[value];
|
|
};
|
|
|
|
export const getStatusColor = (status: MonitorStatus, theme: any): string => {
|
|
if (status === true) {
|
|
return theme.palette.success.light;
|
|
}
|
|
|
|
if (status === false) {
|
|
return theme.palette.error.light;
|
|
}
|
|
|
|
return theme.palette.warning.light;
|
|
};
|
|
|
|
export const getResponseTimeColor = (responseTime: number): PaletteKey => {
|
|
if (responseTime < 200) {
|
|
return "success";
|
|
} else if (responseTime < 300) {
|
|
return "warning";
|
|
} else {
|
|
return "error";
|
|
}
|
|
};
|
|
|
|
export const getInfraGaugeColor = (val: number, theme: any) => {
|
|
if (val < 50) {
|
|
return theme.palette.success.main;
|
|
} else if (val < 80) {
|
|
return theme.palette.warning.light;
|
|
} else {
|
|
return theme.palette.error.light;
|
|
}
|
|
};
|
|
|
|
export const getPageSpeedPalette = (score: number): PaletteKey => {
|
|
if (score >= 90) return "success";
|
|
else if (score >= 50) return "warning";
|
|
else return "error";
|
|
};
|
|
|
|
export const formatUrl = (url: string, maxLength: number = 55) => {
|
|
if (!url) return "";
|
|
|
|
const strippedUrl = url.replace(/^https?:\/\//, "");
|
|
return strippedUrl.length > maxLength
|
|
? `${strippedUrl.slice(0, maxLength)}…`
|
|
: strippedUrl;
|
|
};
|
|
|
|
export interface IStatusPageHeaderConfig {
|
|
paletteKey: PaletteKey;
|
|
message: string;
|
|
}
|
|
export const getStatusPageHeaderConfig = (
|
|
monitors: Monitor[],
|
|
t: any
|
|
): IStatusPageHeaderConfig => {
|
|
if (!monitors || monitors.length === 0) {
|
|
return { paletteKey: "error", message: "No monitors available" };
|
|
}
|
|
|
|
const allUp = monitors.every((monitor) => monitor.status === true);
|
|
const anyDown = monitors.some((monitor) => monitor.status === false);
|
|
const allDown = monitors.every((monitor) => monitor.status === false);
|
|
|
|
if (allUp)
|
|
return {
|
|
paletteKey: "success",
|
|
message: t("statusPage.details.statusHeader.allUp"),
|
|
};
|
|
if (allDown)
|
|
return {
|
|
paletteKey: "error",
|
|
message: t("statusPage.details.statusHeader.allDown"),
|
|
};
|
|
if (anyDown)
|
|
return {
|
|
paletteKey: "warning",
|
|
message: t("statusPage.details.statusHeader.anyDown"),
|
|
};
|
|
return {
|
|
paletteKey: "warning",
|
|
message: t("statusPage.details.statusHeader.anyDown"),
|
|
};
|
|
};
|