mudhorn/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2024-09-19 23:37:31 -07:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

Fix HTML rendering for aggregator Explain view

Browse source 
Follow-up to https://github.com/prometheus/prometheus/pull/14893

Signed-off-by: Julius Volz <julius.volz@gmail.com>
This commit is contained in:
Julius Volz 2024-09-10 17:09:34 +02:00
parent 1bd10ac5d2
commit ee808cda8b
1 changed files with 33 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
web/ui/mantine-ui/src/pages/query/ExplainViews/Aggregation.tsx
View file

@ -46,20 +46,34 @@ const describeAggregationType = (
); );
case "bottomk": case "bottomk":
if (param === null || param.type !== "numberLiteral") { if (param === null || param.type !== "numberLiteral") {
return <>returns the bottom <span className="promql-code promql-number">K</span> series by value</>; return (
<>
returns the bottom{" "}
<span className="promql-code promql-number">K</span> series by value
</>
);
} }
return ( return (
<> <>
returns the bottom <span className="promql-code promql-number">{param.val}</span> series by value returns the bottom{" "}
<span className="promql-code promql-number">{param.val}</span> series
by value
</> </>
); );
case "topk": case "topk":
if (param === null || param.type !== "numberLiteral") { if (param === null || param.type !== "numberLiteral") {
return <>returns the top <span className="promql-code promql-number">K</span> series by value</>; return (
<>
returns the top <span className="promql-code promql-number">K</span>{" "}
series by value
</>
);
} }
return ( return (
<> <>
returns the top <span className="promql-code promql-number">{param.val}</span> series by value returns the top{" "}
<span className="promql-code promql-number">{param.val}</span> series
by value
</> </>
); );
case "quantile": case "quantile":
@ -77,20 +91,30 @@ const describeAggregationType = (
case "limitk": case "limitk":
if (param === null || param.type !== "numberLiteral") { if (param === null || param.type !== "numberLiteral") {
return <>limits the output to <span className="promql-code promql-number">K</span> series</>; return (
<>
limits the output to{" "}
<span className="promql-code promql-number">K</span> series
</>
);
} }
return ( return (
<> <>
limits the output to <span className="promql-code promql-number">{param.val}</span> series limits the output to{" "}
<span className="promql-code promql-number">{param.val}</span> series
</> </>
); );
case "limit_ratio": case "limit_ratio":
if (param === null || param.type !== "numberLiteral") { if (param === null || param.type !== "numberLiteral") {
return "limits the output to a ratio of the input series"; return "limits the output to a ratio of the input series";
} }
return `limits the output to a ratio of <span className="promql-code promql-number">${param.val}</span> (${ return (
parsePrometheusFloat(param.val) * 100 <>
}%) of the input series`; limits the output to a ratio of{" "}
<span className="promql-code promql-number">{param.val}</span> (
{parsePrometheusFloat(param.val) * 100}%) of the input series
</>
);
default: default:
throw new Error(`invalid aggregation type ${aggrType}`); throw new Error(`invalid aggregation type ${aggrType}`);
} }