mirror of
https://github.com/hansjone/netx.git
synced 2026-10-10 04:40:45 +08:00
Localize LLDP and topology classify English leftovers.
Translate job status/trigger/scope, item result, edge labels, and classify role/source option text in zh/en. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
parent
617d4245b0
commit
7cd89aaae9
4 changed files with 167 additions and 24 deletions
|
|
@ -25,6 +25,51 @@ const POLL_MS = 2500;
|
|||
const TARGET_PAGE_SIZE = 20;
|
||||
const SEP = " · ";
|
||||
|
||||
function lldpJobStatusLabel(t: (k: string) => string, status: string): string {
|
||||
const s = String(status || "").trim().toLowerCase();
|
||||
const key = `lldpLinks.jobStatus.${s}`;
|
||||
const label = t(key);
|
||||
return label === key ? status || "—" : label;
|
||||
}
|
||||
|
||||
function lldpTriggerLabel(t: (k: string) => string, mode: string): string {
|
||||
const s = String(mode || "").trim().toLowerCase();
|
||||
const key = `lldpLinks.triggerMode.${s}`;
|
||||
const label = t(key);
|
||||
return label === key ? mode || "—" : label;
|
||||
}
|
||||
|
||||
function lldpScopeLabel(t: (k: string) => string, scope: string): string {
|
||||
const s = String(scope || "").trim().toLowerCase();
|
||||
const key = `lldpLinks.jobScope.${s}`;
|
||||
const label = t(key);
|
||||
return label === key ? scope || "—" : label;
|
||||
}
|
||||
|
||||
function lldpItemResultLabel(
|
||||
t: (k: string) => string,
|
||||
it: { ok?: boolean; parser_stub?: boolean | string | null; unmatched_count?: number; unmatched?: unknown[] },
|
||||
): string {
|
||||
if (!it.ok) return t("lldpLinks.itemResult.fail");
|
||||
const unmatchedCount = it.unmatched_count ?? (it.unmatched?.length || 0);
|
||||
if (it.parser_stub || unmatchedCount > 0) return t("lldpLinks.itemResult.warn");
|
||||
return t("lldpLinks.itemResult.ok");
|
||||
}
|
||||
|
||||
function lldpEdgeStatusLabel(t: (k: string) => string, status: string): string {
|
||||
const s = status === "stale" ? "missing" : String(status || "").trim().toLowerCase();
|
||||
if (s === "active") return t("lldpLinks.edgeStatusActive");
|
||||
if (s === "missing") return t("lldpLinks.edgeStatusMissing");
|
||||
return status || "—";
|
||||
}
|
||||
|
||||
function lldpEdgeSourceLabel(t: (k: string) => string, source: string): string {
|
||||
const s = String(source || "").trim().toLowerCase();
|
||||
const key = `lldpLinks.edgeSource.${s}`;
|
||||
const label = t(key);
|
||||
return label === key ? source || "—" : label;
|
||||
}
|
||||
|
||||
export function LldpLinksPage() {
|
||||
const { t } = useI18n();
|
||||
const { showOk, showError } = useToast();
|
||||
|
|
@ -545,7 +590,7 @@ export function LldpLinksPage() {
|
|||
const st = e.status === "stale" ? "missing" : e.status;
|
||||
return (
|
||||
<tr key={e.id}>
|
||||
<td>{st}</td>
|
||||
<td>{lldpEdgeStatusLabel(t, st)}</td>
|
||||
<td>
|
||||
<div>{aLabel}</div>
|
||||
{e.a_ip && e.a_name ? <div className="muted">{e.a_ip}</div> : null}
|
||||
|
|
@ -556,7 +601,7 @@ export function LldpLinksPage() {
|
|||
{e.b_ip && e.b_name ? <div className="muted">{e.b_ip}</div> : null}
|
||||
</td>
|
||||
<td>{e.b_port || "—"}</td>
|
||||
<td>{e.source}</td>
|
||||
<td>{lldpEdgeSourceLabel(t, e.source)}</td>
|
||||
<td>
|
||||
{missCount || (st === "missing" ? 1 : 0)}
|
||||
{replaced ? (
|
||||
|
|
@ -635,8 +680,8 @@ export function LldpLinksPage() {
|
|||
</button>
|
||||
</td>
|
||||
<td className="mono">{job.id.slice(0, 8)}</td>
|
||||
<td>{job.trigger_mode}</td>
|
||||
<td>{job.scope}</td>
|
||||
<td>{lldpTriggerLabel(t, job.trigger_mode)}</td>
|
||||
<td>{lldpScopeLabel(t, job.scope)}</td>
|
||||
<td>
|
||||
<span
|
||||
className={
|
||||
|
|
@ -647,7 +692,7 @@ export function LldpLinksPage() {
|
|||
: undefined
|
||||
}
|
||||
>
|
||||
{job.status}
|
||||
{lldpJobStatusLabel(t, job.status)}
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
|
|
@ -744,7 +789,7 @@ export function LldpLinksPage() {
|
|||
{(() => {
|
||||
const job = jobDetailQuery.data;
|
||||
if (job) {
|
||||
return `${job.id.slice(0, 8)} · ${job.status} · ${job.done}/${job.total}`;
|
||||
return `${job.id.slice(0, 8)} · ${lldpJobStatusLabel(t, job.status)} · ${job.done}/${job.total}`;
|
||||
}
|
||||
if (jobDetailQuery.isLoading) {
|
||||
return `${expandedJobId.slice(0, 8)} · …`;
|
||||
|
|
@ -793,7 +838,7 @@ export function LldpLinksPage() {
|
|||
<td>{it.ne_name || it.ne_id || "—"}</td>
|
||||
<td>{it.ne_ip || "—"}</td>
|
||||
<td>
|
||||
{!it.ok ? "fail" : it.parser_stub || unmatchedCount > 0 ? "warn" : "ok"}
|
||||
{lldpItemResultLabel(t, it)}
|
||||
</td>
|
||||
<td>{it.neighbors}</td>
|
||||
<td>
|
||||
|
|
|
|||
|
|
@ -37,6 +37,27 @@ function isFabricNodeDeletable(n: FabricNodeSearchHit): boolean {
|
|||
return src === "lldp" || src === "topology" || src === "webcrt";
|
||||
}
|
||||
|
||||
const ROLE_OPTIONS = ["core", "aggregation", "access", "unknown"] as const;
|
||||
|
||||
function roleLabel(t: (k: string) => string, role: string): string {
|
||||
const s = String(role || "").trim().toLowerCase();
|
||||
if (s === "core") return t("topoClassify.roleCore");
|
||||
if (s === "aggregation") return t("topoClassify.roleAggregation");
|
||||
if (s === "access") return t("topoClassify.roleAccess");
|
||||
if (s === "unknown") return t("topoClassify.roleUnknown");
|
||||
return role || "-";
|
||||
}
|
||||
|
||||
function managedSourceLabel(t: (k: string) => string, source: string): string {
|
||||
const s = String(source || "").trim().toLowerCase();
|
||||
if (s === "manual") return t("topoClassify.sourceManual");
|
||||
if (s === "ume_sync") return t("topoClassify.sourceUmeSync");
|
||||
if (s === "lldp") return t("topoClassify.sourceLldp");
|
||||
if (s === "topology") return t("topoClassify.sourceTopology");
|
||||
if (s === "webcrt") return t("topoClassify.sourceWebcrt");
|
||||
return source;
|
||||
}
|
||||
|
||||
export function TopologyClassifyPage() {
|
||||
const { t } = useI18n();
|
||||
const { showOk, showError } = useToast();
|
||||
|
|
@ -285,10 +306,11 @@ export function TopologyClassifyPage() {
|
|||
}}
|
||||
>
|
||||
<option value="">{t("topoClassify.filterRoleAll")}</option>
|
||||
<option value="core">core</option>
|
||||
<option value="aggregation">aggregation</option>
|
||||
<option value="access">access</option>
|
||||
<option value="unknown">unknown</option>
|
||||
{ROLE_OPTIONS.map((r) => (
|
||||
<option key={r} value={r}>
|
||||
{roleLabel(t, r)}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
<select
|
||||
className="input"
|
||||
|
|
@ -380,10 +402,11 @@ export function TopologyClassifyPage() {
|
|||
value={assignRole}
|
||||
onChange={(e) => setAssignRole(e.target.value)}
|
||||
>
|
||||
<option value="core">core</option>
|
||||
<option value="aggregation">aggregation</option>
|
||||
<option value="access">access</option>
|
||||
<option value="unknown">unknown</option>
|
||||
{ROLE_OPTIONS.map((r) => (
|
||||
<option key={r} value={r}>
|
||||
{roleLabel(t, r)}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
) : null}
|
||||
{assignWhat !== "role" ? (
|
||||
|
|
@ -476,7 +499,7 @@ export function TopologyClassifyPage() {
|
|||
<td>{n.ip}</td>
|
||||
<td>
|
||||
{linkLabel(n.link_status)}
|
||||
{n.managed_source ? ` · ${n.managed_source}` : ""}
|
||||
{n.managed_source ? ` · ${managedSourceLabel(t, n.managed_source)}` : ""}
|
||||
</td>
|
||||
<td>
|
||||
{editing ? (
|
||||
|
|
@ -486,13 +509,14 @@ export function TopologyClassifyPage() {
|
|||
onChange={(e) => setEditRole(e.target.value)}
|
||||
>
|
||||
<option value="">-</option>
|
||||
<option value="core">core</option>
|
||||
<option value="aggregation">aggregation</option>
|
||||
<option value="access">access</option>
|
||||
<option value="unknown">unknown</option>
|
||||
{ROLE_OPTIONS.map((r) => (
|
||||
<option key={r} value={r}>
|
||||
{roleLabel(t, r)}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
) : (
|
||||
n.role || "-"
|
||||
roleLabel(t, n.role || "")
|
||||
)}
|
||||
</td>
|
||||
<td>
|
||||
|
|
@ -681,7 +705,7 @@ export function TopologyClassifyPage() {
|
|||
<li key={m.name}>
|
||||
<strong>{m.name}</strong>
|
||||
{" · "}
|
||||
{m.role}
|
||||
{roleLabel(t, m.role)}
|
||||
{" · "}
|
||||
{t("topoClassify.nodeCount").replace("{{count}}", String(m.node_count))}
|
||||
</li>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue