vrr/Pulse
2
0
Fork 0
mirror of https://github.com/rcourtman/Pulse.git synced 2026-04-28 11:30:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Fix infrastructure table responsive resizing

Browse source
This commit is contained in:
rcourtman 2026-04-23 22:07:21 +01:00
parent d29adbf1ee
commit af2db1f63c
7 changed files with 185 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

33
frontend-modern/src/components/Infrastructure/unifiedResourceTableStateModel.ts
View file

@ -1,4 +1,5 @@
import type { Resource } from '@/types/resource';
import type { ColumnPriority } from '@/hooks/useBreakpoint';
import { getPreferredInfrastructureDisplayName } from '@/utils/resourceIdentity';
import {
sortResources,
@ -34,6 +35,38 @@ export type HostTableItem = HostTableHeaderItem | HostTableResourceItem;
export const HOST_TABLE_ESTIMATED_ROW_HEIGHT = 40;
export const HOST_TABLE_WINDOW_SIZE = 137;
export const UNIFIED_RESOURCE_TABLE_DEFAULT_LAYOUT_WIDTH = 1024;
export const UNIFIED_RESOURCE_TABLE_MOBILE_LAYOUT_WIDTH = 768;
export const UNIFIED_RESOURCE_TABLE_COLUMN_BREAKPOINTS: Record<ColumnPriority, number> = {
essential: 0,
primary: 640,
secondary: 1120,
supplementary: 1360,
detailed: 1536,
};
export const normalizeUnifiedResourceTableLayoutWidth = (
width: number | null | undefined,
fallback: number = UNIFIED_RESOURCE_TABLE_DEFAULT_LAYOUT_WIDTH,
): number => {
if (typeof width === 'number' && Number.isFinite(width) && width > 0) {
return Math.round(width);
}
if (Number.isFinite(fallback) && fallback > 0) {
return Math.round(fallback);
}
return UNIFIED_RESOURCE_TABLE_DEFAULT_LAYOUT_WIDTH;
};
export const shouldUseUnifiedResourceTableMobileLayout = (layoutWidth: number): boolean =>
normalizeUnifiedResourceTableLayoutWidth(layoutWidth) < UNIFIED_RESOURCE_TABLE_MOBILE_LAYOUT_WIDTH;
export const isUnifiedResourceTableColumnVisible = (
priority: ColumnPriority,
layoutWidth: number,
): boolean =>
normalizeUnifiedResourceTableLayoutWidth(layoutWidth) >=
UNIFIED_RESOURCE_TABLE_COLUMN_BREAKPOINTS[priority];
export const buildResourceLabelById = (resources: Resource[]): Map<string, string> => {
const map = new Map<string, string>();